fbpx
Stackable 編輯內容新體驗

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPress 段落區塊 | 文字內容排版

WordPress 段落區塊 | 文字內容排版

WordPress 的區塊編輯器裡最核心的區塊之一就是「段落區塊」,接近你看到的大量文章內容都是透過它來完成。它跟「標題區塊」和「圖片區塊」的重要性相同。而且它是區塊編輯器的「預設區塊」,當你點擊編輯器的畫面,可以理解成你現在正在使用段落區塊。文字內容會以「輔助的特性」混合在不同的媒介之中,它就是 HTML 裡的 < p > 段落標籤,用來描述一段或整組的文字段落 (paragraph),你可能會錯過一些小細節和容易忽略的應用,讓我一起瞭解這個實用區塊。

WordPress 標題區塊 | 級距、美化和排版

WordPress 標題區塊 | 級距、美化和排版

知名的 Yoast SEO 的分析報告 指出,我們應該在文章裡「每 300 至 600 個字」之間,適當地加上合適和貼切主題的「標題 Heading」。在今天的文章之中,我們將會介紹 WordPress 的標題標籤如何協助你的文章「提高可讀性」和「強化搜尋引擎最佳化」。在 WordPress 區塊編輯 裡新增標題和把段落轉換為標題都非常方便,在文章最後會提供一些進階和相關的教學,例如關於「標題標籤 SEO」和透過 CSS「美化文章標題」。

如何找出心儀網站是使用那一套的 WordPress 佈景主題製作?(兩個步驟)

如何找出心儀網站是使用那一套的 WordPress 佈景主題製作?(兩個步驟)

你有常常看到一些製作美觀和華麗的網站?心裡會想到他們到底使用什麼 WordPress 佈景主題製作的呢?是不是使用免費或付費主題?我的部落格或網站也希望換成跟他們一模一樣的外觀。那我們這次介紹的分析網站工具就不要錯過,基本上只要輸入心儀網站的網址,就會立即得出結果,快來試試測試一下你喜愛的網站?

如何在 WordPress 中嵌入 Google Forms (表單),無須安裝任何外掛和編程能力

【心得】如何在 WordPress 中嵌入 Google Forms (表單),無須安裝任何外掛和編程能力

如何可以在不安裝任何 WordPress 外掛之下,免費收集到網站訪客提交的資料?這次介紹大家使用耳熟能詳的 Google Forms (俗稱:Google 表單) 。它是一個知名的免費調查和管理表單的應用程式,用戶可以通過它調查和搜集他人訊息,也可以用來作測驗和充當活動報名表格,然後收集到的訊息和測驗結果將自動傳輸到電子表格之上。此外 Google Forms 還具有多用戶協作和強大的共享功能。這次教學讓新手了解如何在 WordPress 網站嵌入 Google Forms (表單)。

如何新增和上載網站 Logo 商標?

如何新增和上載網站 Logo 商標?

作為網站的重要形象識別的象徵,每當新手建立完 WordPress 網站之後,在 議定好《網站名稱》的過程後,如果你本身已經有製作好的 Logo 商標圖片,我們可以準備上傳 Logo 的工作。一般最低要求就是一張圖片,不過部分專業的 WordPress 佈景主題能夠設定更進階的細部項目,不過我們這次教學以一般最通用的情況為基調。一般來說,新手站長只是不知道在什麼位置上傳,而不是遇到技術卡關。