WordPress Shortcode

如何使用 WordPress Shortcode 短代碼

從2.5版開始, WordPress支持所謂的Shortcodes 短代碼,引入它們是為了創建要在文章內容中使用的巨集指令。

目錄

有關WordPress短代碼(WordPress Shortcode)及其用法的示例,可以參考WordPress.com短代碼,儘管其中一些精選的短代碼是WordPress.com獨有的。

圖庫的短代碼如下所示:

[gallery]

短代碼也可以與其他屬性一起使用,如以下示例所示:

[gallery ID =“ 123” size =“ medium”]

這兩個示例都將顯示一個圖庫,當為其編寫HTML標記並將其與上傳的圖片保持同步時,將很難維護該圖庫。通過使用簡碼,圖庫的標記將被動態且自動地創建。

在後台使用WordPress Shortcode 短代碼

在文章、頁面編輯後台點選方塊+號,選擇短代碼,會出現短代碼區塊再將欲使用的短代碼貼上去即可。

短代碼
短代碼區塊

WordPress隨附以下短代碼:

下面示範以 [ audio ] 短代碼插入音訊,使用以下短代碼。

[audio src="https://rab.tw/wp-content/uploads/2021/04/Instant-Crush-Corbyn-Kites.mp3"]

參數

以下為幾個常見的基本參數、屬性

  • id:唯一的 HTML ID ,可以在你的CSS裡進行相關修改。(無預設)
  • class:可以在CSS中使用的自定義類。(無預設)
  • src:來源,圖片、音訊或影片檔案的位置。
  • align:對齊方式。
  • width:寬度。在中標題的寬度(以像素為單位)是必需的,並且必須具有大於或等於1的值。如果未提供,則將不進行字幕處理,並且字幕內容將通過。

Elementor 短代碼

許多WordPress外掛都有提供短代碼,Elementor 也有。

複製短碼的內容,就可以將 Elementor的內容呈現在文章或頁面中。

短代碼 1
elementor 短碼

以下以短代碼示範 Elementor popup按鈕:

資料來源:ShortcodeShortcode Common APIs

延伸閱讀:WordPress Shortcode 短代碼/簡碼介紹

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章

iconfinder_handshake_business_success_agreement_people_hand

聯絡我們