[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"屬性。
  • 若勾選第三個選項的話,外部連結會自動變成在新視窗裡開啟。

##

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

2 則留言 »[WordPress外掛] 顯示外部連結小圖示以方便辨識

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. [Tour] 三峽紫微森林周日一遊 
  2. 本部落格的連線速度問題 (1)
  3. Windows系統命令與快速鍵 
  4. gMote 1.30讓Vista的滑鼠手勢功能又復活了! (1)
  5. [Vista] 將陽春記事本Notepad.exe替換成慣用的文字編輯器 
  6. [ADS] 在Linux上執行Aqua Data Studio 
  7. 哈哈~兩層樓高的『世界最大的Windows錯誤訊息』! 
  8. iPad超方便記事本:Nebulous Notes (2)
  9. Zotero: 個人數位資料管理工具 
  10. 書籤小貼紙工具:Ultra Network轉址系統 (1)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (367,761 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,708 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,199 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,799 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (71,274 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,580 點擊/2008-04-10)
  7. iPad新手入門技巧 (48,889 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,271 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,754 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,544 點擊/2010-01-02)