如何在WordPress中添加自定義字體(給wordpress文章內圖片自動加alt和title屬性的方法)

如何在WordPress中添加自定義字體

自定義字體可以使網站變得新穎，並使它脫穎而出。相信許多用戶都想要為自己的網站添加自定義字體。今天我們將通過這篇教程為大家介紹運用Typekit和CSS3@Font-Face method為WordPress添加自定義字體的方法。

在WordPress主題中添加自定義主題已經成為一種普遍的趨勢。實際上有的主題中載入了很多的自定義字體。但是載入太多的字體會使得你的網站變慢。所以今天我們要跟您分享正確載入自定義字體的方法，不至於使得網站變慢。

在添加自定義主題之前，我們首先要了解如何獲取自定義主題。

付費字體一般都比較貴，但是我們可以在很多地方找到免費字體，比如：Typekit，FontSquirrel，fonts.com 等。

用Typekit為Wordpress添加自定義字體

Typekit中有付費和免費的字體，你可以使用付費的訂閱也可以使用有限的免費的訂閱。

首先註冊Typekit賬號並登陸，然後創建一個新的工具包：

然後選擇一個你想要使用的字體，點擊所選字體下方的「+Use fonts」按鈕如下圖：

隨後進入如下界面：

在這個界面，需要我門做的有：

1、點擊「Publish」按鈕。

2、點擊右上角Embed Code選項和左邊欄中第一項中的Using fonts in CSS按鈕，複製界面中出現的兩行Embed Code代碼和要用到的CSS代碼到txt文件並保存（之後會用到）。

然後回到你的WordPress管理界面，點擊進入安裝插件界面，安裝並啟用 Typekit Fonts for WordPress 插件。插件啟用完成後，點擊設置目錄下的Typekit Fonts選項，然後複製之前保存的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的值）

載入完成後我們將可以通過如下代碼實現對字體的使用。

.h1 site-title {

font-family: \"Arvo\", Arial, sans-serif;

}

（該代碼的使用跟上述Typekit中類似代碼的使用方法一樣）

這篇教程就給大家介紹到這裡，希望對您有所幫助。

給wordpress文章內圖片自動加alt和title屬性的方法

學過seo的朋友都應該知道，給圖片加上alt和title對搜索排名來說是有好處的。

wordpress默認是無法自動給上傳的圖片加上alt和title屬性的，我們可以通過下面方法來實現：

在主題函數function.php中加入下面代碼：

就可以自動給wordpress上傳的圖片加上alt和title屬性了，非常方便。

下面給大家簡單介紹一下alt和title對seo的重要性。

ALT屬性作為搜索引擎惟一能識此外圖片信息就顯得極其緊張了,每當咱們瀏覽一個圖片時,將滑鼠移至圖片上,呈現的筆墨則是ALT屬性,它不只可以給搜索引擎辨認還可以給用戶一個好的體驗。

1、晉陞搜索引擎的敵對度

下面也淺要的說起了一下ALT屬性是搜索引擎惟一可以識此外圖片信息.當蜘蛛爬取到咱們網站時,圖文並茂的文章彷彿更能吸收到蜘蛛,如果在文章圖片中添加之ALT屬性,那末蜘蛛爬取時可以看懂圖片的信息,這便是關於搜索引擎的一種敵對,如果不給圖片添加ALT屬性,那末搜索引擎抓取圖片時會以為這個圖片沒有主題,可要可不要,添加了搜索引擎關於文章的辨認難度,從而發生不敵對.

實在可以經過一個很簡略的例子就能明確ALT屬性的意義,比方去超市購物時,你發明一個生疏的貨色,你感覺很離奇,然而底下沒有密碼標價,你關於於該物品毫無理解,那末你也不太會將這個物品間接拿到購物車中,實在ALT屬性也可比作商品的價錢,實在都是一個情理.

2、晉陞要害詞的密度

網站要害詞密度是經過蜘蛛爬取,而後停止剖析得進去的一個後果,要害詞密度調配切當,搜索引擎就會賜與全部網頁一個不錯的權重,而且ALT屬性會作為一個十分牢靠的參考點.很多人也會將添加ALT屬性作為晉陞網頁要害詞密度的一種手腕.別的,該屬性還能讓搜索引擎辨別網頁的主題,並賜與一個不錯的敵對度.

3、晉陞用戶體驗

網站優化為何要給圖片添加ALT屬性?

進修搜索引擎優化以前的文章大師明確一個情理,如果用戶在關上網站時,由於網速亦或許網站伺服器的緣由,招致圖片顯現不進去,而ALT屬性就可以很顯著的讓用戶曉得這個圖片是想表白甚麼意義,儘管不克不及到達圖片的成果,但也是一個不錯的彌補步伐.

4、晉陞網站的權重

下面講到過圖文並茂的文章常常更可以吸收用戶,實在這類圖文並茂的文章關於於搜索引擎的演算法也能起到要害感化從而也就晉陞網站的權重.引薦瀏覽:建站進修 寫文章圖文並茂有甚麼益處.