wordpress加圖標(biāo) wordpress不顯示圖片

wordpress怎么實現(xiàn)外部鏈接添加圖標(biāo)

第一步：向function.php文件添加以下代碼：

創(chuàng)新互聯(lián)建站是一家專業(yè)提供甘肅企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、成都網(wǎng)站制作、HTML5、小程序制作等業(yè)務(wù)。10年已為甘肅眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

function autoicon($text) {

$return = str_replace('a href=', 'a class="external" href=', $text);

$return = str_replace('a class="external" href="你的網(wǎng)址', 'a href="你的網(wǎng)址', $return);

$return = str_replace('a class="external" href="#', 'a href="#', $return);

return $return;

}

add_filter('the_content', 'autoicon'); ? //應(yīng)用于文章區(qū)域

add_filter('comment_text', 'autoicon'); ? //應(yīng)用于評論區(qū)域

第二步：將左邊的小圖標(biāo)上傳到空間獲取鏈接。然后向style.css文件添加以下代碼：

.external {

padding-right: 11px;

background: url('圖片的鏈接地址') no-repeat right top;

}

代碼的作用:

添加到function.php的代碼給所有的外部鏈接加上了一個external類，接著添加到style.css文件中的代碼給所有external類的鏈接添加背景圖片，就是那個小圖標(biāo)。這樣，就實現(xiàn)了免插件，給外鏈添加小圖標(biāo)的目的。

wordpress如何添加ico圖標(biāo)

由于我姓“李”，博客的名字也叫木子李博客，所以我就設(shè)計成我現(xiàn)在的這個圖標(biāo)。圖標(biāo)也是有要求的，尺寸為16像素*16像素。在線制作圖標(biāo)的網(wǎng)站有很多，大同小異。

第二步，圖標(biāo)制作好之后，就需要把圖標(biāo)文件名更改為favicon.ico。用FlashFXP工具上傳到根目錄下面。我的根目錄是web，所以我就放在了web這個目錄里。

第三步，登入wordpress后臺，編輯header.php，在描述標(biāo)簽下面加入這一段代碼，然后保存。當(dāng)然網(wǎng)站鏈接得是你自己的。

第四步，這一步其實也算是多余的，但是我覺得還是有必要，因為我當(dāng)時按照這樣的方法做了一遍，仍然沒有顯示出ico圖標(biāo)。后來才發(fā)現(xiàn)，沒有清除緩存。我換了一個瀏覽器就可以顯示了。

按照上面四個步驟，你就可以輕輕松松的給自己的博客添加一個獨一無二的圖標(biāo)。讓更多的用戶記住你的博客吧！

怎樣為wordpress導(dǎo)航菜單設(shè)置圖標(biāo)

說簡單一下，利用插件實現(xiàn)，試試這個插件Font Awesome 4 Menus，

一、WP后臺--插件--安裝插件頁面搜索：Font Awesome 4 Menus，下載安裝并啟用。

二、WP后臺---外觀---菜單，進(jìn)入菜單設(shè)置頁面，選擇并編輯一個菜單項，在CSS類中輸入一個圖標(biāo)字體選擇器名稱，如圖：

如果在編輯菜單項目面板中無CSS類，可以打開右上角的“顯示選項”，在顯示菜單高級屬性中勾選“CSS類”。

圖標(biāo)字體選擇器名稱，打開此頁查看：

點開一個認(rèn)為合適的圖標(biāo)字體，在下會顯示類似：

i class="fa fa-home"/i

只需在菜單CSS類中輸入fa fa-home就可以了。

那然這個圖標(biāo)字體庫并不只局限于使用在導(dǎo)航菜單上，只要把相應(yīng)的圖標(biāo)代碼加到主題模板的相應(yīng)位置，也同樣可以顯示。

如何給WordPress添加網(wǎng)站圖標(biāo)

網(wǎng)頁選項卡中的小圖標(biāo)為favicon.ico，存放在網(wǎng)站根目錄，訪問網(wǎng)站時，瀏覽器會自動讀取這個文件，作為網(wǎng)站的圖標(biāo)顯示在瀏覽器中

ico格式文件可以先自己在本地制作一張png圖片，再使用網(wǎng)上在線的格式轉(zhuǎn)換工具轉(zhuǎn)換就可以了，之后命名為favicon.ico，上傳到WordPress所在的根目錄即可，多刷新幾次瀏覽器清空緩存就會顯示了。

網(wǎng)頁題目：wordpress加圖標(biāo) wordpress不顯示圖片
當(dāng)前路徑：http://bm7419.com/article2/ddegeoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、定制開發(fā)、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營銷、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)