Ⅰ 如何在wordPress中添加自定義字體
自定義字體可以使網站變得新穎,並使它脫穎而出。相信許多用戶都想要為自己的網站添加自定義字體。今天我們將通過這篇教程為大家介紹運用Typekit和CSS3@Font-Face method
在Wordpress主題中添加自定義主題已經成為一種普遍的趨勢。實際上有的主題中載入了很多的自定義字體。但是載入太多的字體會使得你的網站變慢。所以今天我們要跟您分享正確載入自定義字體的方法,不至於使得網站變慢。
在添加自定義主題之前,我們首先要了解如何獲取自定義主題。
付費字體一般都比較貴,但是我們可以在很多地方找到免費字體,比如:Typekit,FontSquirrel,fonts.com 等。
WordPress中添加自定義字體
Typekit中有付費和免費的字體,你可以使用付費的訂閱也可以使用有限的免費的訂閱。
首先注冊Typekit賬號並登陸,然後創建一個新的工具包:
然後選擇一個你想要使用的字體,點擊所選字體下方的「+Use fonts」按鈕
如何在隨後進入如下界面:
點擊選擇當前的工具箱,進入新的窗口,
在這個界面,需要我門做的有:
1、點擊「Publish」按鈕。
2、點擊右上角Embed Code選項和左邊欄中第一項中的Usingfonts in CSS按鈕,復制界面中出現的兩行Embed Code代碼和要用到的CSS代碼到txt文件並保存(之後會用到)。
然後回到你的WordPress管理界面,點擊進入安裝插件界面,安裝並啟用 Typekit Fonts for WordPress 插件。插件啟用完成後,點擊設置目錄下的TypekitFonts選項,然後復制之前保存的Embed Code代碼到插件設置界面,
然後添加如下代碼到主題樣式表中:
h1 .site-title {
font-family: 'modesto-condensed', Arial,sans-serif;
}
(代碼中的』modesto-condensed』,是隨著選擇字體的不同而不同的。該信息在之前txt文件中有保存。)
還可以通過修改大括弧之前的內容來設置運用字體的位置。
用CSS3@font-face在WordPress中添加自定義字體
運用CSS3@font-face是添加WordPress自定義字體最直接的方法。
首先你需要下載你喜歡的字體,並在你的主題或子主題目錄下新建一個文件夾,命名為「fonts」然後上傳字體到該文件夾。上傳完成後,你還需要用CSS3@font-face將字體載入到你的主題樣式表中,代碼如下:
@font-face {
font-family: Arvo;
src:url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);
font-weight: normal;
}
(不要忘記修改代碼中font-family和url的值)
載入完成後我們將可以通過如下代碼實現對字體的使用。
Ⅱ 如何把Wordpress的日誌文章導出為Word或者PDF文檔(包括中文字元和...
兩步: 第一步:用WPS文字打開要轉換的Word文檔 第二步:選擇[文件]-[輸出為PDF格式],在隨即出現的對話框內設置PDF的格式輸出需要,點擊[確認]就OK了!
Ⅲ wordpress的以下欄位該如何輸出
、 在comments.php評論表單中添加自己想要的欄位,如:
<p>
<input type="text" name="tel" id="tel" size="22" tabindex="4" />
<label for="tel">電話</label>
</p>
tabindex 這個屬性按照從小到大排,為什麼要這樣?你可以自己試試….
2、如果評論表單是使用系統自帶的,那麼請用以下方法添加表單欄位,如果不是,請略過
add_filter('comment_form_default_fields','comment_form_add_ewai');
function comment_form_add_ewai($fields) {
$label1 = __( '國家/地區' );
$label2 = __( 'Skype賬號' );
$label3 = __( '電話' );
$label4 = __( '傳真' );
$label5 = __( '地址' );
$value1 = isset($_POST['guojia']) ? $_POST['guojia'] : false;
$value2 = isset($_POST['skype']) ? $_POST['skype'] : false;
$value3 = isset($_POST['tel']) ? $_POST['tel'] : false;
$value4 = isset($_POST['fax']) ? $_POST['fax'] : false;
$value5 = isset($_POST['address']) ? $_POST['address'] : false;
$fields['guojia'] =<<<HTML
<p>
<label for="guojia">{$label1}</label>
<input id="guojia" name="guojia" type="text" value="{$value1}" size="30" />
</p>
HTML;
return $fields;
}
3、 接收表單欄位並寫入資料庫
在主題目錄的 functions.php添加以下代碼
add_action('wp_insert_comment','wp_insert_tel',10,2);
function wp_insert_tel($comment_ID,$commmentdata) {
$tel = isset($_POST['tel']) ? $_POST['tel'] : false;
//_tel 是存儲在資料庫里的欄位名字,取出數據的就會用到
update_comment_meta($comment_ID,'_tel',$tel);
}
這兩步就可以將數據寫入資料庫了,不信你試試看
add_action()參數中的10和2分別表示該函數執行的優先順序是10(默認值,值越小優先順序越高),該函數接受2個參數。
4、在後台顯示額外欄位
前面兩步只是接收和寫入到資料庫,那麼要怎麼在後台評論列表中顯示呢?將以下代碼復制到主題目錄的functions.php 中:
add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
function my_comments_columns( $columns ){
$columns[ '_tel' ] = __( '電話' ); //電話是代表列的名字
return $columns;
}
function output_my_comments_columns( $column_name, $comment_id ){
switch( $column_name ) {
case "_tel" :
echo get_comment_meta( $comment_id, '_tel', true );
break;
}
如果要在前台的留言列表中調用,就用以下代碼,_tel就是你在資料庫中存儲的欄位名字
<?php
$tel = get_comment_meta($comment->comment_ID,'_tel',true);
if( !empty($tel)){
echo "電話".$tel;
}
?>
5、 大功告成,看看後台的評論列表,是不是多了一列電話,那樣的話就沒錯了。
6、如果要移除某一個自帶的表單欄位,可以使用以下代碼
function tel_filtered($fields){
if(isset($fields['tel']))
unset($fields['tel']);
return $fields;
}
add_filter('comment_form_default_fields', 'tel')