fbpx
2024 年最佳 WordPress 佈景主題

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「美化文章標題」。區塊編輯器會自動化處理搜尋引擎最佳化的版面配置,方法是將文章或頁面標題視為 H1 標題標籤,而後續的標題區塊則會從 H2 的次標題開始,如此類推。但你可以自由地根據工具列中的樣式或區塊設定來選擇你的標題層級。

Gandi 註冊網域 | 申請、轉移和 DNS 指向網站

Gandi 註冊網域 | 申請、轉移和 DNS 指向網站

在繁體中文的市場,購買網域 (Domain) 的地方有很多,雖然一般比較推薦國際上的大型品牌,例如 Godaddy、Namecheap 和 Google Domain 等等都是不錯的選擇。但這次介紹的 Gandi 算是近年積極開拓繁體中文市場的國外廠方之一,而且在台灣成立了亞洲首家的分公司,提供繁體中文介面、專屬的「.tw」域名、免費電郵信箱和開立發票等等,這些都是優於很多國外大廠的推薦理由。

WordPress 選單 (Menu) 是什麼? | 如何新增網站的導覽系統

如何新增 WordPress 網站的導覽選單 (Navigation Menu)?

WordPress 選單 作為網站設計最重要的部分之一,首先值得新手去重視和研究基礎原理,你需要瞭解在眾多選單外觀和形態之中,挑選最合適網站的方案。讓我們完整地一起探討怎樣去選擇網站選單。WordPress 本身內建了足夠大部分網站使用的選單系統,配塔市場上主流的 佈景主題 已經可以製作很多不同類型的外觀,但有一些小細節可能讓新手感到迷惘和卻步,本篇教學先以基礎理論作為開首,打好基礎後在後半部會和初學者一起製作一個簡單的選單。

WordPress 媒體庫是什麼? | 新增、編輯和管理

WordPress 的媒體庫如何運作?有那些需要注意的事項?

WordPress 網站裡的 媒體庫 (Media library) 是擔當非常重要的角色,一般的情況之下,它負責管理網站裡的所有「圖片 Image」、「影片 Video」、「音訊 Audio」和「文件 Documents」資源,有如公司裡的倉庫。那新手應該如何管理這個部分呢?這篇會提供一些「觀念」和「基礎操作」的示範,當然 WordPress 的生態圈有提供更多免費和付費的外掛來提升管理效率,比較複雜的「媒體庫異地分離和備份」或「壓縮圖片品質」之類並不在這次的討論範圍,我們往後會另開新篇章獨立介紹。

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

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

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