Tagged “前端技術”
如何讓 Footer 保持在網頁底部為什麼要將 Footer 固定在底部呢。對於內容較少的網頁，如果不將頁腳固定在底部，頁腳可能會上浮，佔據中間的空間，這會讓網頁看起來不平衡，不專業。在所有網頁上都將頁腳保持在底部也可以帶來一致的用戶體驗。
Gutenberg vs Classic，一定要使用古騰堡編輯器嗎為何選擇 Gutenberg（古騰堡編輯器）或 Classic Editor（傳統編輯器）。自從 WordPress 升級到 5.0 版本後，Gutenberg（古騰堡編輯器）和 Classic Editor（傳統編輯器）的優劣討論持續不斷，雖然這是一個複雜的問題，但答案其實相當簡單。
網站跑很慢？LiteSpeed 主機助你輕鬆優化速度！對網站速度不滿意嗎？想快速提升網站效能？選擇支援 LiteSpeed Web Server 的主機，搭配專屬快取外掛，就能讓你的網站速度突飛猛進！
LiteSpeed Cache 外掛設定教學，優化網站速度在WordPress網站運營一段時間後，網站性能的優化成為一個不可忽視的議題。特別是網站加載速度，這不僅影響用戶體驗，也是搜索引擎排名的重要因素。然而，當涉及到性能優化時，市面上有眾多的外掛選項，這可能會讓網站管理者感到困惑。
HTTP vs HTTPS vs HTTP/2 vs HTTP/3，架設網站的安全基礎知識今天的網路世界，就是 HTTP 的世界，除了瀏覽器需要 HTTP，還有很多 APP，遊戲，FOOD PANDA，EMAIL，我們的生活漸漸的都被 HTTP 連著，除了我們的個人資料，包含我們的行...
如何使用 Docker 安裝 WordPress 網站為什麼要在自己的電腦，本機安裝 wordpress 網站呢。- 零成本，不需購買虛擬主機。- 更安全的測試佈景主題
如何在 WordPress 精選圖片中，自動加上文章標題一圖勝過千言萬語，刻意挑選的圖片可以描述一篇文章，可以表達作者意圖，可以增加文章的豐富度，可以增加讀者的好奇心，增加點擊率。如果在圖片上再加上標題，讀者就更能一眼就看清內容要表達的內容。什麼是精選圖片 (Featured Image)。
除了 WordPress，架設網站的其他選擇WordPress 雖然是全世界最多人使用的架設網站工具，但是除了 WordPress，其實還有非常多非常多架設網站的方式，使用 WordPress 的原因不外乎：。- 有很多設計樣式可選擇。- 有很多外掛功能可以使用。
如何使用 Markdown，加快 WordPress 寫文章的速度?爲什麽要使用 Markdown?。傳統上在寫網頁文章的時候，就是在寫 HTML，HTML 有很多標籤式的語法，目的是為了標註資料，例如：。<h1>這是文章的 Title <h1>
WordPress 教學，架設網站的技術概念介紹 WordPress 架設網站的技術概念和基本元素，幫助讀者理解網站是如何組成的。文章說明 WordPress 的優勢和技術架構，包括 HTTP、HTTPS、Domain Name、DNS、Web Hosting 等基本概念，適合想要架設 WordPress 網站的初學者。
YARPP 外掛教學，如何顯示相關文章隨著網站內容的不斷增加，讀者透過搜尋引擎獲得的結果可能並不符合他們的期望。當他們進入網站後，如果他們無法找到他們真正想要的內容，很可能會立即離開。然而，作為網站經營者，我們仍然有機會補救這種情況
Google PageSpeed Insights，優化網站速度，一定要瞭解的指標優化網站速度，是提升搜尋排名的其中一項因素，也是提升使用者體驗很重要的因素。Google 提供的 PageSpeed Insights ，是一個很好的指標工具，幫助網頁速度優化。
如何修改 WordPress 字型，不用安裝外掛字型的問題真的很令人困擾，看著自己的網站不順眼的佈景主題，搭配預設的系統字型，不開心啊。幸好有簡單修改 [WordPress](/wordpress-basic/) 字型的方式，且不需要安裝外掛。
Internal Link Juicer 教學，快速建立內部連結，網站內部優化本文介紹如何使用 Internal Link Juicer 外掛，快速建立內部連結 (Internal Links)，幫助網站連結優化。建立內部連結 (Internal Link) 是優化 On Page SEO 的一種方式，與 Off Page SEO 相比較，更容易控制，更能優化網站使用體驗。
什麼是AMP網頁？號稱能優化網站速度的 AMP ，適合導入我的網站嗎？AMP is Dead。
新手架設 WordPress 網站，應該避免的 6 件事情使用 WordPress 架設網站其實非常簡單，不需要為了學習 WordPress 的操作而花費大量金錢去上線上課程。只要真的對架設網站有興趣，自己動手嘗試其實很有趣。當然，專業的網站還是需要專業的技術來處理。
Svelte 教學，行事曆開發範例，如何與 WordPress 頁面整合以行事曆為開發範例，示範 Svelte 開發步驟，並說明如何在 WordPress 頁面中顯示。文章從開發環境準備開始，逐步介紹如何編寫 JavaScript 邏輯、規劃 HTML 結構和設計 CSS 樣式，適合想要學習 Svelte 框架的開發者。
CSS Flexbox 佈局教學，附實用排版測試工具介紹 CSS Flexbox 佈局技術，包含基本概念、常用屬性和實用範例。文章提供排版測試工具幫助理解 Flexbox 的工作原理，適合想要學習現代 CSS 佈局技術的開發者。
網站改版，換個風格，WordPress 主題轉換紀錄用了兩年多的 [Astra](/astra-pro-features/) 佈景主題，自己都看膩了，想要換換風格，轉換心情。目標是找一個和現在的佈局差不多樣子，左邊是主要文章內容，有邊是 Sidebar，然後就是好看順眼。
常用的 14 種瀏覽器擴充功能推薦，網站開發一定要試試好的瀏覽器擴充功能，讓你增加效率，不好的擴充功能，就只是在那佔空間，浪費記憶體，本篇分享目前還掛在我瀏覽器上的擴充功能，不完全是開發用途，適合網站開發者，對一般用途也有幫助。#1 Tab Manager Plus。
npm vs yarn vs pnpm，誰是你的最佳選擇？詳細比較三種主流的 JavaScript 套件管理工具：npm、yarn 和 pnpm。文章分析各工具的性能、安全性、空間使用和社群支持等面向，幫助開發者選擇最適合的套件管理器。
什麼是 Static Website，給你一個靜態網頁介紹靜態網頁有時也稱為靜態網站，並不是指網頁都不會動，或者動態網頁就會一直動。在不斷發展的網頁開發世界中，靜態和動態網站之間的戰爭就像是經典的烏龜與兔子故事。最初的網路年代，所有的網站都是靜態網站
Table of Contents 大解密，ToC 程式就是這麼簡單在信息過載成為常態的時代，結構良好的文章目錄（Table of Contents，簡稱ToC）就像燈塔一樣，可以引導讀者穿越文字海洋，本文將帶領讀者如何開發 Table of Contents，...
8 個靜態網頁產生器，靜態卻充滿活力探討建立靜態網站的 8 個網頁產生器，包括 Jekyll、Hugo、Gatsby、Next.js、Hexo、Eleventy、VuePress 和 Nuxt.js。文章說明每個工具的獨特功能、優點和缺點，幫助讀者選擇最適合需求的工具。
Statamic 入門，眼睛為之一亮的靜態 CMS由於 WordPress 功能繁多得讓人眼花繚亂，有時會想找一個更為單純、直截了當的選項，一個能讓專注於寫作、創作教學內容和分享技術工具的平台，並且還能讓人偶爾釋放創意，自由調整網頁設計。
CSS Grid 實戰範例，快速打造網頁儀表板CSS Grid 是一種現代的網頁佈局工具，它就像一個巨大的棋盤，讓你能輕鬆地在網頁上安排各種元素。這個棋盤由多個列和行組成，你可以自由地調整它們的大小。每個放在這個棋盤上的元素都是一個網格項目，你可以將它們放在任何你想要的位置。
justify-content vs align-content，Flexbox 的垂直與水平對齊方式CSS Flexbox，是一種用於在網頁上創建靈活布局的 CSS3 布局模型。它允許容器內的子元素能夠在需要時伸縮，以適應不同的顯示空間，其中最常使用的屬性就是 justify-content 和 align-content。
TypeScript 入門：建立開發環境，並執行第一個 TypeScript 程式介紹如何在 macOS 上搭建 TypeScript 開發環境和運行 TypeScript 程式。文章涵蓋 Node.js 安裝、TypeScript Compiler (tsc) 的使用，以及多種運行 TypeScript 的方式，適合想要開始學習 TypeScript 的開發者。
如何批量取消訂閱 YouTube 頻道，使用 YouTube Subscriptions API這篇文章中將帶領大家透過一個實際的案例，使用 Google YouTube API, OAuth, Svelte, 和 TailwindCSS 建立一個簡單、方便的工具來批量取消訂閱 YouTu...
什麼是 Javascript module，讓 JavaScript 程式碼更有組織我們可能都很會使用開發 node.js 程式，使用各種前端工具，但可能不是很了解什麼是 Javascript module、ES modules、CommonJS Module，又為什麼有些程式使用 require，有些程式使用 import？
如何在 SvelteKit 中管理前端環境變數大家都知道後端節點（如 Node.js）可以輕鬆地透過 `.env` 檔案或 `process` 物件來存取環境變數。但在純前端應用程式，尤其是使用如 SvelteKit 這樣的現代框架時，這個任務看起來就沒那麼直觀了。
1 個程式範例，快速學習 JavaScript 物件導向語法透過一個完整的程式範例，深入探討 JavaScript 中的物件導向編程概念。文章涵蓋類別定義、公共和私有屬性、構造函數、方法使用以及類別繼承等關鍵技術，適合想要掌握 JavaScript OOP 語法的開發者。
See all tags.
