[WordPress外掛] 顯示外部連結小圖示以方便辨識

為了更方便辨識連結的類型是內部連結（網站裡的超連結）或外部連結（別人網站的超連結）而安裝了External Links外掛，安裝後在超連結右方會出現連結小圖示，內部連結則沒有這個小圖示。我安裝後發現影響到了鏈結的樣式，因此修改了sem-external-links.css：

原先的內容：

a.external
{
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
}

修改後的內容如下；指定只對文章區的外部連結做處理：

.contenttext a.external
{
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
  border-bottom:none;
}
.contenttext a.external:hover
{
  background-color: #3966B2;
  color:white;
}

External Links外掛的安裝與設定

• 作者網站：SemiLogic
• 下載：External Links Plugin For WordPress
• 安裝：下載後上傳到wp-content/plugins資料夾，再到後台啟用即可
• 後台設定：勾選第一個、第二個選項，由第二個選項可知，若不想出現外連圖示時，可以加上class="noicon"屬性。
• 若勾選第三個選項的話，外部連結會自動變成在新視窗裡開啟。

##

您可能也會有興趣的類似文章

• WordPress瀏覽圖片的FancyBox外掛 (8則留言, 2010/07/10)
• [WordPress] 用wp-visitors外掛記錄訪客資訊 (6則留言, 2008/12/25)
• 自動產生文章目錄的WordPress外掛：jQuery Table of Contents (2則留言, 2010/06/13)
• WordPress跑馬燈外掛：Running Line (0則留言, 2010/06/10)
• WordPress簡單又美觀的網站訂閱與文章書籤外掛：Add To Any (1則留言, 2008/12/28)
• Step by Step安裝WordPress 3.0與啟用 Multi-Site多站點功能 (14則留言, 2010/07/10)
• WP Widget Cache造成WordPress有問題 (2則留言, 2009/10/26)
• 我的血淚力作之《站長親授！WordPress 3.0部落格架站十堂課》 (3則留言, 2010/11/06)
• 行動版的WordPress主題樣式：MobilePress外掛 (0則留言, 2009/03/13)
• 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (0則留言, 2009/02/02)
• 最具彈性的WordPress樣版引擎Atahualpa 3.5.1－超神奇！ (7則留言, 2010/07/04)
• [WordPress] 在插頁寫PHP的外掛：EXEC-PHP，讓行動版網頁顯示訪客統計 (0則留言, 2009/11/22)
• 新增Facebook推文計數按鈕的WordPress外掛: Facebook ShareCount (14則留言, 2009/10/11)
• 目前使用中的WordPress外掛 (2則留言, 2008/11/29)
• WordPress 3.1無法正常顯示分類的修正步驟 (1則留言, 2011/02/28)