fbpx
2024 年最佳 WordPress 佈景主題

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

知名的 Yoast SEO 的分析報告 指出,我們應該在文章裡「每 300 至 600 個文字」之間,適當地加上合適和貼切主題的「標題 Heading」。在今天的文章之中,我們將會介紹 WordPress 的標題標籤如何協助你的文章「提高可讀性」和「強化搜尋引擎最佳化」。在 WordPress 區塊編輯器 裡新增標題和把段落轉換為標題都非常方便。在文章最後會提供一些進階和相關的教學,例如關於「標題標籤 SEO」和透過 CSS「美化文章標題」。區塊編輯器會自動化處理搜尋引擎最佳化的版面配置,方法是將文章或頁面標題視為 H1 標題標籤,而後續的標題區塊則會從 H2 的次標題開始,如此類推。但你可以自由地根據工具列中的樣式或區塊設定來選擇你的標題層級。

測試堆疊 5 個 WordPress 區塊組合套件外掛對主機效能的影響?

測試推疊 5 個 WordPress 區塊組合套件外掛對主機效能的影響?

隨著 WordPress 官方大力推廣 區塊編輯器,洐生出相關的生態圈的各類新應用如雨後春筍般應運而生,除了不少新創的開發團隊,不難看到一些大型主機商或成熟的團隊加入戰場。但由於「區塊」的應用不像 頁面編輯器 是一個巨大的第三方外掛般存在,WordPress 區塊可以由單一的小功能存在,但也可以是由數十個功能組成的區塊組合套件外掛。所以引發這次的實驗性的簡單測試報告,讓我們一起探討如果大量「區塊」外掛交織在一個網站,對網站效能的影響?

WordPress 排版教學:如何在文章建立文字圍繞圖片 (文繞圖) 的效果?

WordPress 排版教學:文章如何建立文字圍繞圖片 (文繞圖) 的效果?

文繞圖 (英文名稱:Wrap text around a picture in Word) 是傳統文書工具很常見的排版方式之一,在書籍報刊也是標準的制式,這篇我們簡單示範在「區塊編輯器」和「傳統編輯器」實作文繞圖的操作,新手一學就會上手。這可以讓你的文章排版變得更多樣化,也是出版印刷界必修課。但在 HTML 的設定裡,並沒有像設計或文書軟體般有很多變化可以選擇,但足夠應付有餘。

3 個最佳的 WordPress 頁面編輯器 (Page Builder) 外掛推薦和評價

3 個最佳的 WordPress 頁面編輯器(Page Builder)外掛推薦和評價

WordPress 頁面編輯器主要泛指透過所見即所得 (WYSIWYG) 的工具,去快速完成原本困難的網站工作,這依賴現代科學急速的發展。工具的方便程度和親民度愈來愈高,那怕你只擁有基礎和簡單的電腦知識,已經足夠制作一個外觀不錯的網站。大部分頁面編輯器提供大量的範本內容 (Demo Data) 供你立即套用,新手輕鬆透過 拖放操作(Drag-and-drop)來作著睦頁 (Landing Page)、銷售頁、產品目錄和各類資料整理型的頁面。