WordPress: 在文字工具 (Text Widget) 中使用簡碼 Shortcode

WordPress 有一個很棒的功能,就是可以透過許多外掛程式,很方便的在文章中使用簡碼服務(Shortcode)。如果你也是 WordPress 的使用者,請務必學習如何使用簡碼,它能讓你的文字工作效率提升不少。

今天要談的是 WP 預設的「Jetpack」外掛,只要在設定中開啟「簡碼嵌入」服務,就能在文章頁面中插入許多簡短代碼,以取代一長串的複雜語法。在 Jetpack 簡碼嵌入中有這樣的一段說明:

簡碼讓你可以輕鬆地和安全地插入其他地方的媒體在你的網站上。只是一個簡單的代碼,你可以使用 WordPress 插入 YouTube、Flickr和其他媒體。直接在文章/分頁頁面上,使用編輯器添加任一媒體的代碼。

以 Youtube 來看,原本用來插入文章中的視訊嵌入碼長得像這樣:

<iframe width="560" height="315" src="https://www.youtube.com/embed/0xsYg9PRC4E" frameborder="0" allowfullscreen></iframe>

但是透過簡碼應用,只要用「[ youtube=」與「]」符號「包」起網址,就能自動播放視訊短片:

[youtube =https://www.youtube.com/watch?v=0xsYg9PRC4E]

學會如何使用簡碼(Shortcode),是不是讓寫文章變簡單了呢?

當然,這只是 WP 簡碼服務的基礎應用,不同外掛都會視情況設計自己專用的簡碼。不過 Jetpack 的簡碼服務雖然方便,卻有使用範圍的限制,只能被放置在文章(Post)或頁面(Page)中,或是透過「外觀(Themes)」→「主題編輯器(Theme Editor)」直接寫入單篇文章(Single.php)網頁原始碼的特定位置。這讓簡碼(Shortcode)無法被使用在「外觀(Themes)」的「小工具(Widget)」的「文字(Text Widget)」中。

Wordpress show the Wrong Shortcode in Text Widget

Shortcode 在 Text Widget 中僅以文字呈現。

幸好這個問題,WordPress 已經內建了解決方案。

在 Text Widget 使用 Shortcode 的解決方案:

[pullquote-right]小提示:添加在 Functionis.php 中的位置,必須在「<?php」之下,以及每一組 { 與 } 之外。[/pullquote-right]

我們只要在「外觀(Themes)」→「主題編輯器(Theme Editor)」中找到「佈景函式庫(Functions.php)」,並在空白處添加下面這段指令:

add_filter('widget_text', 'do_shortcode');

如此一來,在 Text Widget 中的簡碼便能以它原本的功能正常運作囉。

Wordpress show the Right Shortcode in Text Widget

透過 Youtube 簡碼在文字工具中顯示視訊。

延伸閱讀:

[1] WordPress: Shortcode Embeds.

  •  
  •  
  •  
  •  
  •  
  •  

說些什麼吧

您也許也會喜歡…