這一二天在網路上亂逛看到了，某些網站甚至是Blog在連結的部分有一個小圖示，看起來感覺不錯。
就用Google隨手打入了 wordpress post like icon 等字，那其中一個連結就是Madthiu’s PALACE ,那其主要的方法是去改變css .post 方式來達成.該篇文末有使用者貼上了 identify-external-links 這個plugin,也正是我前幾天安裝上plugin之一.
以下就是我啟用的程序:
- 先下載Identify External Links,將其解至plugins目錄,再由WP管理介面將之啟動
- 接下來在 Options中就可以看到 External Icons, 理論上是沒有什麼要更改的地方! 只要注意它所抓取的網址有沒有錯誤即可[code]Internal Identifier: your blog site 網址[/code]
- 接下來回去看一下Blog,發現有Link的地方都有出現小圖示了! 但對那個預設給的小圖示不滿意怎麼換呢? 先將你想要的圖型放External Icons plugin目錄下後,再尋找該目錄中 css.php檔案 :
[code]background: url(” . $_REQUEST[‘loc’] . “external.gif)
center right no-repeat;[/code]
將external.gif 換成你自己的檔案名即可。 - 再來你可能會發現.你整個頁面中只要有連結到網址的全都在後面有加入小圖示,可是這可能又不你要的,你可能只想在文章你內容出現小圖示就好,其他的地方就不要出現。那請你至Wp管理介面 Options External Icons 加入下面的值:
[code]Containers: post , page[/code] - 接下來這點則端看原來使用的Theme有沒有在 link, visited , active 有特殊的設定! 例如游標移到連結時,會反白等功能時.可以修改css.php中:
這個值也端看使用的Theme 是如何去處理文章,原則上填入這二個值就令小圖示只出現在文章中!
[code]
foreach ($containerArr as $container) {
echo “$container a.$url_linkclass $classdata”;
[/code]
先從您使用的Theme中，將a:link , a:visited , a:active, a:hover 拷貝後改成下列的樣式,當然這也要端看各位所使用的Theme有所差別：
[code]
foreach ($containerArr as $container) {
echo “$container a.$url_linkclass $classdata”;
echo “$container a.$url_linkclass:link {
color: #C79A65;
}
$container a.$url_linkclass:visited, $container a.$url_linkclass:active {
color: #C0996C;
}
$container a.$url_linkclass:hover {
background-color: #A3963B;
color: #000;
}”;
}
[/code]