更改步驟:
在介休等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供做網(wǎng)站、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都營銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè)公司,介休網(wǎng)站建設(shè)費(fèi)用合理。
一、打開Twenty Eleven主題文章頁面模板single.php,把下面javascript代碼:
script type="text/javascript"
function doZoom(size) {
var zoom = document.all ? document.all['primary'] : document.getElementById('primary');
zoom.style.fontSize = size + 'px';
}
/script
加到第12行:
div id="primary"
注:primary為正文內(nèi)容所在的id選擇器標(biāo)簽名稱,可根據(jù)不同主題進(jìn)行修改,前提正文內(nèi)容所在選擇器必須是div id="primary"形式,采用div class="primary"控制將失效。
二、把下面代碼:
div class="font"a href="javascript:doZoom(12)"小/a a href="javascript:doZoom(13)"中/a a href="javascript:doZoom(18)"大/a/div
加到:
span class="nav-next"?php next_post_link( '%link', __( 'Next span class="meta-nav"→/span', 'twentyeleven' ) ); ?/span
視不同主題可以放在自己認(rèn)為合適的位置,其中:數(shù)字為不同的字號(hào)大小,可自行修改。
三、最后根據(jù)不同的主題添加適當(dāng)?shù)臉邮娇刂啤?/p>
自定義字體可以使網(wǎng)站變得新穎,并使它脫穎而出。相信許多用戶都想要為自己的網(wǎng)站添加自定義字體。今天我們將通過這篇教程為大家介紹運(yùn)用Typekit和CSS3@Font-Face method
在Wordpress主題中添加自定義主題已經(jīng)成為一種普遍的趨勢。實(shí)際上有的主題中加載了很多的自定義字體。但是加載太多的字體會(huì)使得你的網(wǎng)站變慢。所以今天我們要跟您分享正確加載自定義字體的方法,不至于使得網(wǎng)站變慢。
在添加自定義主題之前,我們首先要了解如何獲取自定義主題。
付費(fèi)字體一般都比較貴,但是我們可以在很多地方找到免費(fèi)字體,比如:Typekit,F(xiàn)ontSquirrel,fonts.com 等。
WordPress中添加自定義字體
Typekit中有付費(fèi)和免費(fèi)的字體,你可以使用付費(fèi)的訂閱也可以使用有限的免費(fèi)的訂閱。
首先注冊Typekit賬號(hào)并登陸,然后創(chuàng)建一個(gè)新的工具包:
然后選擇一個(gè)你想要使用的字體,點(diǎn)擊所選字體下方的“+Use fonts”按鈕
如何在隨后進(jìn)入如下界面:
點(diǎn)擊選擇當(dāng)前的工具箱,進(jìn)入新的窗口,
在這個(gè)界面,需要我門做的有:
1、點(diǎn)擊“Publish”按鈕。
2、點(diǎn)擊右上角Embed Code選項(xiàng)和左邊欄中第一項(xiàng)中的Usingfonts in CSS按鈕,復(fù)制界面中出現(xiàn)的兩行Embed Code代碼和要用到的CSS代碼到txt文件并保存(之后會(huì)用到)。
然后回到你的WordPress管理界面,點(diǎn)擊進(jìn)入安裝插件界面,安裝并啟用 Typekit Fonts for WordPress 插件。插件啟用完成后,點(diǎn)擊設(shè)置目錄下的TypekitFonts選項(xiàng),然后復(fù)制之前保存的Embed Code代碼到插件設(shè)置界面,
然后添加如下代碼到主題樣式表中:
h1 .site-title {
font-family: 'modesto-condensed', Arial,sans-serif;
}
(代碼中的’modesto-condensed’,是隨著選擇字體的不同而不同的。該信息在之前txt文件中有保存。)
還可以通過修改大括號(hào)之前的內(nèi)容來設(shè)置運(yùn)用字體的位置。
用CSS3@font-face在WordPress中添加自定義字體
運(yùn)用CSS3@font-face是添加WordPress自定義字體最直接的方法。
首先你需要下載你喜歡的字體,并在你的主題或子主題目錄下新建一個(gè)文件夾,命名為“fonts”然后上傳字體到該文件夾。上傳完成后,你還需要用CSS3@font-face將字體加載到你的主題樣式表中,代碼如下:
@font-face {
font-family: Arvo;
src:url();
font-weight: normal;
}
(不要忘記修改代碼中font-family和url的值)
加載完成后我們將可以通過如下代碼實(shí)現(xiàn)對字體的使用。
將如下代碼加到當(dāng)前主題的 functions.php 模板文件中:
function?custum_fontfamily($initArray){
$initArray['font_formats']?=?"微軟雅黑='微軟雅黑';宋體='宋體';黑體='黑體';仿宋='仿宋';楷體='楷體';隸書='隸書';幼圓='幼圓';";
return?$initArray;
}
add_filter('tiny_mce_before_init',?'custum_fontfamily');
WordPress默認(rèn)TinyMCE編輯器并沒有選擇字體功能,所以還需要把下面代碼也一同加到 functions.php 模板文件中:
function?enable_more_buttons($buttons)?{
$buttons[]?=?'styleselect';
$buttons[]?=?'fontselect';
return?$buttons;
}
add_filter("mce_buttons",?"enable_more_buttons");