WordPress Shortcode
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

最新文章

網站設計 留白設計

乾淨的網站介面:15 個網站設計留白技巧

網站設計的多樣化我們時刻可以感受到,在瀏覽不同網站的時候,哪種網頁設計可以讓使用者覺得舒適、願意繼續瀏覽?乾淨簡約的風格越來越流行,讓我們一起來看看網站設計留白技巧吧!

Selected Post

精選文章

黑帽SEO

什麼是黑帽SEO?要避免的9種危險手法

以前許多行銷人員大量使用黑帽SEO策略對網站進行排名;然而,時代變了,大家逐漸瞭解到使用白帽SEO才能真正幫助網站長久發展。在本文中,將深入探討如果您不想違反演算法或網站管理員指南,應該避免使用哪些SEO手法。

定期維護網站

定期維護網站的重要性

你的網站是不是做好就放在那裡,好幾年沒有去更新、維護它呢?許多人可能不知道定期維護網站的重要性,讓這篇文章為你說明。

WordPress 維護

16個 WordPress 維護的技巧

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。

iconfinder_handshake_business_success_agreement_people_hand

聯絡我們