fbpx
Stackable 編輯內容新體驗

什麼是 WordPress 區塊版面配置目錄 (Patterns)?

什麼是 WordPress 區塊版面配置目錄 (Patterns)?

世界上每天都有成千上萬人透過 WordPress 建立的網站,但暫時沒有一套機制,讓所有的使用者可以輕鬆 [保存 Saved]、[重用 Reused] 和 [共享 Shared] 網站製作的元件,例如版面配置、欄位規劃、圖片組合方式、複雜結構的表格和行動呼籲區塊等等。建基於這是複雜和巨大的工作,WordPress 官方決定推出這個專案,名為「WordPress 區塊版面配置目錄 (Block Patterns)」的全球性項目應運而生,類似的例子像 Adobe 的創作者分享園地,讓全球的創作者「共享」大家的版面設計資源,當然基於「開源精神」,大家可以下載、收改並重新發佈自己的版本。這有賴於 WordPress 區塊編輯器 提供豐富和多樣性的生態環境。

WordPress 按鈕區塊 | 引導用戶執行動作

WordPress 按鈕區塊 | 引導用戶執行動作

當你透過各類網絡行銷、SEO、社群平台或付費廣告把目標訪客帶到來你的網站,除了吸收你製作的高價值內容和多媒體之外,如何讓訪客執行最重要的轉換操作?按鈕區塊 能夠輕鬆引導你的訪問者去他們想去的地方,並幫助你提高參與度和轉化率等的目標,使用按鈕區塊可以提示訪客按一下按鈕的連結並採取行動。這也是製作成功的 Call to Action (行動呼籲) 頁面的關鍵元素,透過簡單易用的 WordPress 區塊編輯器 即可以輕鬆達成這一目的。

WordPress 圖庫區塊 | 統一相片排列

WordPress 圖庫區塊 | 統一相片排列

如果你已經瞭解《圖片區塊元素》的基礎應用,那麼應該會對如何使用和新增《圖庫區塊 Gallery Block》感到興趣,WordPress 區塊編輯器 提供不少的選項供你調整和修改。透過調整圖片和部署它們的「排列方式」和「圖片外觀」設定,可以讓很小的版面空間,呈現令人觀艷的視覺效果。但這並不需要額外安裝任何強化功能外掛,讓我們一起瞭解這個常用的區塊應用吧。

【精選推薦 2021】WordPress 黑色星期五 / 數碼星期一

2019 年黑色星期五(Black Friday)優惠清單

來到全年最令人期待的節日,WordPress 的生態鏈有個傳統,在每年 11 月 24 日左右,直到 12 月早旬,業界會在「黑色星期五 Black Friday」和「數碼星期一 Cyber Monday」期間,推出全年最多和最大的優惠。不少資深的 WordPress 用家,會準備一份購買清單,留待這個節日一口氣地盡情購買,無論是網站主機、佈景主題、外掛程式、SEO 服務或資訊安全服務等。下方我們 …

閱讀全文

WordPress 圖片區塊 | 輔助描述段落說明

WordPress 圖片區塊 | 輔助描述段落說明

一般閱讀的文章是由標題和段落文字組成,如果是長篇內容,容易讓讀者感到沉悶。這時候你可以試試適當加入不同的「多媒體 (Multimedia)」來豐富你的內容,最常見就是我們這次介紹的圖片區塊元素,因為相對於動畫或影片,圖片的製作相對輕鬆和容易,也是各種內容最傳統的表現方式之一。WordPress 區塊編輯器提供不少的選項供你調整和修改,適當設定圖片和部署也有利於網站的 SEO 評分。

什麼是 Stackable 區塊組合套件? | 完整圖文教學

什麼是 Stackable 區塊組合套件? | 完整圖文教學

Stackable 區塊組合套件是從 2018 年最早投入《區塊編輯器》生態圈的開發廠方,直至 2022 年左右,已經正式推出第三代 V3 版本,暫時在 WordPress 的 (區塊 Block) 領域裡屬于發展非常成熟的專業外掛,那怕你用於客戶或接案項目也不太會出現嚴重問題。而且提供 (免費 Free) 版本給予所有 WordPress 愛好者使用。免費版就有高達 33 個功能強大的自訂區塊,足夠大部分網站的基礎需求,再加上大量立即套用的設計 (範本 Templates) 模組,相信它能夠成為你值得信賴的好夥伴和得力助手,新手也可以設計出讓人驚豔的專業網站。

社交網路服務圖示區塊 | 擴闊網絡版圖

社交網路服務圖示區塊 | 擴闊網絡版圖

如果網站站長希望在 WordPress 網站裡插入不同「社交媒體的圖示 icon」等等,從前我們需要透過專門處理這類需求的外掛如 AddToAny 去導入在網站不同的區塊,但隨著區塊編輯器不斷的變強,現在你可以輕鬆拖拉出相關區塊即可,然後選擇自己心儀的社交平台和貼上對應的連結,並選擇不同的色彩和外觀樣式,就可以輕鬆解決這類複雜的問題,而不需要額外安裝多餘的外掛。

WordPress 傳統區塊 | 相容舊版文章編輯器

WordPress 傳統區塊 | 相容舊版文章編輯器

相信大家都知道《區塊編輯器》是用來取代《傳統編輯器》的存在,但在前者之中卻可以包容後者在其中,這就是我們這次探討的「WordPress 傳統區塊」的應用。舊版文章編輯器是基於開源的 TinyMCE 項目,提供簡單的文書編輯和格式化排版,關於相關的應用可以參考我們相關的教學文章和研究,比較值得注意是這個「區塊 Block」是唯一不提供區塊設定的功能,它單純是讓舊版的內容相容於新版編輯器。

WordPress 分隔符號區塊 | 分割不同的版面元素和空間

WordPress 分隔符號 | 分割不同的版面元素

水平分隔線或稱為分隔符號是基礎的 WordPress 文章和頁面組成元素,能夠協助你輕輕分割長篇的內容和版面。清晰和分明的內容結構,可以減少讀者的跳出率,更加可以提供良好的用戶體驗。在文章編輯器中新增「分隔符號」是新手可以輕易辦到的事情,一般 WordPress 用家還可以配上 區塊編輯器 裡的 空白間隔區塊 功能,讓整體的版面清新和舒服。

WordPress 空白間隔區塊 | 調整空間感和留白

WordPress 空白間隔區塊 | 調整空間感和留白

由於暫時基礎的 WordPress《區塊編輯器》並沒有提供 CSS 的「Margins 邊界」和「Padding 邊距」的相關參數設定, 導致在控制不同元素和物件時會帶來一些不便。例如最常見就是段落之間的間距,一般我們希望提供一些留白空間,讓讀者知道段落和句子的開始點和完結點在那,不然長篇文章會堆疊在一起,影響文章的可讀性和結構性會變得較差。讓我們一起研究如何使用「空白間隔區塊」去讓不同段落差生明顯的區隔和留白。