wordpress怎么實現外部鏈接添加圖標

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

創新互聯建站是一家專業提供甘肅企業網站建設,專注與網站設計、成都網站制作、HTML5、小程序制作等業務。10年已為甘肅眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

function autoicon($text) {

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

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

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

return $return;

}

add_filter('the_content', 'autoicon'); ? //應用于文章區域

add_filter('comment_text', 'autoicon'); ? //應用于評論區域

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

.external {

padding-right: 11px;

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

}

代碼的作用:

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

wordpress如何添加ico圖標

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

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

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

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

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

怎樣為wordpress導航菜單設置圖標

說簡單一下，利用插件實現，試試這個插件Font Awesome 4 Menus，

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

二、WP后臺---外觀---菜單，進入菜單設置頁面，選擇并編輯一個菜單項，在CSS類中輸入一個圖標字體選擇器名稱，如圖：

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

圖標字體選擇器名稱，打開此頁查看：

點開一個認為合適的圖標字體，在下會顯示類似：

i class="fa fa-home"/i

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

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

如何給WordPress添加網站圖標

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

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

網頁題目：wordpress加圖標 wordpress不顯示圖片
當前路徑：http://vcdvsql.cn/article2/ddegeoc.html

成都網站建設公司_創新互聯，為您提供做網站、定制開發、網站設計、外貿網站建設、網站營銷、小程序開發

廣告

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