WordPress Jetptack 簡碼嵌入 Shortcode 教學(在 Widget 小工具使用的方法)

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 的解決方案

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

我們只要在「外觀(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.

分享您的想法

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *