Tagged “wordpress”
- 如何讓 Footer 保持在網頁底部
為什麼要將 Footer 固定在底部呢。對於內容較少的網頁,如果不將頁腳固定在底部,頁腳可能會上浮,佔據中間的空間,這會讓網頁看起來不平衡,不專業。在所有網頁上都將頁腳保持在底部也可以帶來一致的用戶體驗。
- 5 個 WordPress 速度優化觀念
不管您的職業是什麼,都有很大的機率正在經營一個網站,全世界的網站目前已經超過 17 億以上,而這些網站有超過 30% 是使用 WordPress 架設。隨著網際網路的普及,擁有一個專業的網站幾乎成了全民運動。
- WPS Hide Login 教學,增進 WordPress 登入安全的小外掛
介紹WPS Hide Login ,增進 WordPress 登入安全的小外掛的相關內容和實用技巧。
- 如何使用 cPanel 自動申請 Let's Encrypt,安裝免費 SSL 憑證
網站安全是網站不可或缺的要素,特別是 Google 強烈推廣 HTTPS 協定。因此,安裝 SSL 憑證不僅是建立網站時需要優先考慮的事項,更是網站成功運營的基石。
- Gutenberg vs Classic,一定要使用古騰堡編輯器嗎
為何選擇 Gutenberg(古騰堡編輯器)或 Classic Editor(傳統編輯器)。自從 WordPress 升級到 5.0 版本後,Gutenberg(古騰堡編輯器)和 Classic Editor(傳統編輯器)的優劣討論持續不斷,雖然這是一個複雜的問題,但答案其實相當簡單。
- 什麼是網域隱私保護 – ID Protect
在你註冊新網域之後,你的個人資訊,包括電子郵件和電話號碼,可能會無意中成為行銷公司、廣告商甚至網路駭客和垃圾信件發送者的目標。隱私保護服務能替代您的個人資訊為一般聯絡信息,這樣就能減少不必要的騷擾。在當今乃至未來的網絡環境中,對網域的隱私保護至關重要。
- 網站跑很慢?LiteSpeed 主機助你輕鬆優化速度!
對網站速度不滿意嗎?想快速提升網站效能?選擇支援 LiteSpeed Web Server 的主機,搭配專屬快取外掛,就能讓你的網站速度突飛猛進!
- LiteSpeed Cache 外掛設定教學,優化網站速度
在WordPress網站運營一段時間後,網站性能的優化成為一個不可忽視的議題。特別是網站加載速度,這不僅影響用戶體驗,也是搜索引擎排名的重要因素。然而,當涉及到性能優化時,市面上有眾多的外掛選項,這可能會讓網站管理者感到困惑。
- HTTP vs HTTPS vs HTTP/2 vs HTTP/3,架設網站的安全基礎知識
今天的網路世界,就是 HTTP 的世界,除了瀏覽器需要 HTTP,還有很多 APP,遊戲,FOOD PANDA,EMAIL,我們的生活漸漸的都被 HTTP 連著,除了我們的個人資料,包含我們的行...
- All In One WP Security & Firewall 外掛設定,保護 WordPress 靠這個完全可以
All In One WP Security & Firewall 是一個適合想加強網站安全,但不知如何開始的初學者使用。隨著網路攻擊問題日漸嚴重,當網站累積的資料愈來愈多,愈來愈有價值後,更易受到攻擊,因此一個好的網站,更應該注重網站安全性問題。
- 如何使用 WordPress Staging Site 提升網站開發效率
什麼是 WordPress Staging Site。Staging Site 是一個方便測試的網站,和正式環境一模一樣的複製品,可以盡情安裝外掛測試,測試佈景樣式,而不影響現有的正式網站,在任何動作造成的任何影響之前,都可以在正式上線前先演練一次。
- 如何自動更新 WordPress 外掛或主題
WordPress 有一個令人困擾的特點,那就是不斷需要更新外掛。這些外掛更新通常會以小紅點的形式提示用戶,提醒他們有新版本可用。一方面,頻繁的更新確實讓人覺得這些外掛在積極維護和改進,這樣有助於增加用戶的信心。
- Rank Math Redirections 設定,解決 404 問題
本文詳細介紹 301 和 302 轉址的概念,解釋轉址為何重要,並教你如何利用 Rank Math 插件進行相關設定。這些知識對於網站的 SEO(搜尋引擎優化)和使用者體驗都是至關重要的。當你開啟一個網頁的時候,伺服器會回應一個 HTTP Status Code。
- 如何使用 Docker 安裝 WordPress 網站
為什麼要在自己的電腦,本機安裝 wordpress 網站呢。- 零成本,不需購買虛擬主機。- 更安全的測試佈景主題
- 如何在 WordPress 精選圖片中,自動加上文章標題
一圖勝過千言萬語,刻意挑選的圖片可以描述一篇文章,可以表達作者意圖,可以增加文章的豐富度,可以增加讀者的好奇心,增加點擊率。如果在圖片上再加上標題,讀者就更能一眼就看清內容要表達的內容。什麼是精選圖片 (Featured Image)。
- 如何設定 [網站維護中] 或 [即將上線],保持 WordPress 不公開
剛架設的網站,也許只設計到一半,或是內容還沒準備完成,不想給大家看到不完整的狀態,想維持 WordPress 不公開的樣子,這時可以安裝顯示【網站維護中】或是【Coming Soon】這一類訊息的外掛。不安裝外掛,自己設計維護中畫面。
- 除了 WordPress,架設網站的其他選擇
WordPress 雖然是全世界最多人使用的架設網站工具,但是除了 WordPress,其實還有非常多非常多架設網站的方式,使用 WordPress 的原因不外乎:。- 有很多設計樣式可選擇。- 有很多外掛功能可以使用。
- WordPress 最常見的安全性問題,與 10 個簡單解決方式
WordPress 安全性無可置疑非常重要,在網站架設的初期,就該開始思考並逐步強化 WordPress 安全性。因為網站流量漸漸提升後,一定會遭受各種形式的攻擊,但你不會知道是什麼時候,現在就開始準備。
- WordPress WXR,WordPress 的內建搬家工具
當需要備份 WordPress 的文章、頁面、留言、分類以及其他相關資料,WordPress 的匯出功能會是一個好助手。這個功能不僅適用於快速和簡單的資料備份,也能助您輕鬆地將這些資料轉移到另一個網站。
- 如何使用 Markdown,加快 WordPress 寫文章的速度?
爲什麽要使用 Markdown?。傳統上在寫網頁文章的時候,就是在寫 HTML,HTML 有很多標籤式的語法,目的是為了標註資料,例如:。<h1>這是文章的 Title <h1>
- 為什麼要使用 Google Analytics 的站內搜尋
依據 [Google Analytics 說明文件](https://support.google.com/analytics/answer/1012264?hl=zh-Hant):。
- 開始 WordPress SEO 的第一步
網站剛架設好,還沒有發佈第一個頁面時,或甚至在發佈第一篇文章前,就可以開始做搜尋引擎優化。有些步驟是整個網站的優化,卻會大大影響網站中每一個頁面。
- WordPress 網站架設完成,必先安裝的 5 項外掛
WordPress 本身是一個內容管理系統,有很多網站功能需要另外安裝外掛才有提供,本文介紹 5 項 WordPress 必裝外掛,在 WordPress 架設完成就應該馬上安裝,提升 WordPress 的效能和安全性等等。為什麼需要安裝 SEO 功能外掛呢。
- 什麼是 KGR (Keyword Golden Ratio),關鍵字黃金比例 ,快速提升搜尋排名的捷徑
KGR(Keyword Golden Ratio)是一種資料驅動的策略,旨在提升網站的搜尋排名。透過計算KGR公式所得的數值,我們能夠了解哪些關鍵字能夠快速佔據搜尋結果排名,進而根據這些關鍵字來規劃內容,提高網站的流量。
- WordPress 教學,架設網站的技術概念
介紹 WordPress 架設網站的技術概念和基本元素,幫助讀者理解網站是如何組成的。文章說明 WordPress 的優勢和技術架構,包括 HTTP、HTTPS、Domain Name、DNS、Web Hosting 等基本概念,適合想要架設 WordPress 網站的初學者。
- YARPP 外掛教學,如何顯示相關文章
隨著網站內容的不斷增加,讀者透過搜尋引擎獲得的結果可能並不符合他們的期望。當他們進入網站後,如果他們無法找到他們真正想要的內容,很可能會立即離開。然而,作為網站經營者,我們仍然有機會補救這種情況
- Google PageSpeed Insights,優化網站速度,一定要瞭解的指標
優化網站速度,是提升搜尋排名的其中一項因素,也是提升使用者體驗很重要的因素。Google 提供的 PageSpeed Insights ,是一個很好的指標工具,幫助網頁速度優化。
- 如何禁止子網域加入搜尋索引,避免網頁曝光
在這篇文章中,你將學到幾種方式,可以禁止子網域被加入搜尋引擎索引。假設你擁有一個網站,其中有一個子網域的目錄,該目錄可能是用於測試或其他原因,不希望網頁被 Google 搜尋引擎索引,也就是不想讓該子網域被搜尋引擎收錄。
- 如何刪除 WordPress 未使用的圖檔
剛開始架設網站時,首頁等頁面尚未確定設計前,可能會切換不同的主題。測試過程中上傳很多測試圖檔。這些設計或圖檔也許只是暫時的測試用途,一段時間後會漸漸的佔據主機空間
- 如何修改 WordPress 字型,不用安裝外掛
字型的問題真的很令人困擾,看著自己的網站不順眼的佈景主題,搭配預設的系統字型,不開心啊。幸好有簡單修改 [WordPress](/wordpress-basic/) 字型的方式,且不需要安裝外掛。
- QUIC.cloud 教學,更快速的 WordPress CDN
大家都知道使用 Cloudflare CDN 服務可以優化網站速度,但你可能不知道有更適合 [WordPress](/wordpress-basic/) ...
- All-in-One WP Migration 教學,簡單完成 WordPress 備份或搬家
All-in-One WP Migration 是一款專為 WordPress 設計的備份外掛。這個外掛提供了一個極為用戶友好的介面,使得備份和恢復網站內容變得無比簡單,即使是初學者也能輕鬆完成。
- Google reCAPTCHA 教學,採用 reCAPTCHA 保護機制,讓 Google 保護你的網站
Google reCAPTCHA 是一種智慧工具,可以幫助網站阻擋機器人,或任何形式的自動攻擊,它可以判斷目前在瀏覽網頁的是一個活生生的人類,還是自動化的軟體,採用 reCAPTCHA 保護機制,簡單又安全。隨著數位化進程不斷加速,網站成為了個人和企業交流、交易和存儲資訊的主要平台。
- Internal Link Juicer 教學,快速建立內部連結,網站內部優化
本文介紹如何使用 Internal Link Juicer 外掛,快速建立內部連結 (Internal Links),幫助網站連結優化。建立內部連結 (Internal Link) 是優化 On Page SEO 的一種方式,與 Off Page SEO 相比較,更容易控制,更能優化網站使用體驗。
- 什麼是AMP網頁?號稱能優化網站速度的 AMP ,適合導入我的網站嗎?
AMP is Dead。
- 如何架設 WordPress 多國語言網站,多語 SEO 優化方式和外掛教學
看完本篇文章,可以讓你了解多語網站的基礎知識,進而分辨不同技術是如何達成多語網站架構,學習如何設定,架設 [WordPress](/wordpress-basic/) 多國語言網站。為什麼要架設多國語言網站。
- 快速 LOGO 設計工具,DesignEVO 教學與範例
經營部落格也是一種個人品牌,要行銷自己的部落格當然需要一個 LOGO。大多數的工程人員大概都會説自己的繪圖能力很差,設計 LOGO,我沒辦法啦。LOGO 又不是火箭科技,任何小朋友都會塗鴉,我也要來塗個 LOGO。
- 如何替換 WordPress 文章圖片,Enable Media Replace 外掛教學
[WordPress](/wordpress-basic/) 是目前最常用的內容網站架設工具,發布文章、嵌入各種圖檔,影音檔案等都非常方便。但有一個很奇怪的缺點,就是無法簡單的替換文章內的圖片。
- 新手架設 WordPress 網站,應該避免的 6 件事情
使用 WordPress 架設網站其實非常簡單,不需要為了學習 WordPress 的操作而花費大量金錢去上線上課程。只要真的對架設網站有興趣,自己動手嘗試其實很有趣。當然,專業的網站還是需要專業的技術來處理。
- 從 0 開始,初學視頻剪輯初體驗,FlexClip 試用心得
一個完全對剪輯技術沒有任何概念的人,對於剪輯的印象就是使用專業的創作軟體,例如 Premiere Pro 或是 iMovie,一個影格一個影格的調整,在零點幾秒內的範圍控制影像。剪輯需要準備很多圖片素材,準備影片素材、還有各種音效、音樂、特效素材等等。
- cPanel 教學,16 個常用的 cPanel 功能說明,虛擬主機管理必備
本文說明 16 個常用的 cPanel 功能。使用虛擬主機架設網站,最好能熟悉虛擬主機的設定,cPanel 是最常用的虛擬主機管理工具,以下列出常用的基本 cPanel 功能。cPanel 是什麼?
- 如何發現重複內容,修復關鍵字蠶食現象,恢復搜尋排名
網站出現相似或重複內容,就可能會出現關鍵字蠶食現象(keyword cannibalization),造成搜尋引擎困惑,進而影響搜尋排名。看完本文介紹,你可以了解什麼是關鍵字蠶食,以及學習修復的方式。如果你的網站內容中,有多個頁面含有相似的內容或使用相似的關鍵字,這會容易讓搜尋引擎混淆。
- 如何顯示 WordPress 所有文章,在同一個頁面上?
想要在一個頁面中,列出你的所有 WordPress 文章嗎? 本篇文章示範 4 種編輯區塊,將全部文章顯示在同一頁面。例如本站的[所有文章清單](/all-posts/)。
- 什麼是 WebP,如何使用 WebP 優化 WordPress 速度
WebP 是 Google 在 2010 年提出的公用圖檔格式,當時大多數瀏覽器並不支援,現在大多數的瀏覽器都已支援 WebP 格式。WebP 平均可以比 JPEG 多壓縮 30%,還能維持圖片品質,有兩種 WebP 格式供選擇:。
- 什麼是 XML Sitemap,如何使用 WordPress 產生 XML Sitemap
XML Sitemap 對新架設的網站非常重要,它可以幫助網站曝光,增加搜尋流量,本文簡單說明什麼是 XML Sitemap,以及如何在 [WordPress](https://kamadiam...
- ZeroSSL 教學,免費 SSL 憑證-申請與安裝步驟
本文為 ZeroSSlL教學,介紹如何使用 ZeroSSL 申請免費 SSL 憑證,並在 [Hostinger](/build-your-own-webs...
- 網站改版,換個風格,WordPress 主題轉換紀錄
用了兩年多的 [Astra](/astra-pro-features/) 佈景主題,自己都看膩了,想要換換風格,轉換心情。目標是找一個和現在的佈局差不多樣子,左邊是主要文章內容,有邊是 Sidebar,然後就是好看順眼。
- podman 教學,如何使用 podman 架設本機 WordPress 網站
看完本篇 podman 教學,你會學到什麼是 podman,podman 的基本指令,並且使用 podman 架設本機 [WordPress](/word...
- 常用的 14 種瀏覽器擴充功能推薦,網站開發一定要試試
好的瀏覽器擴充功能,讓你增加效率,不好的擴充功能,就只是在那佔空間,浪費記憶體,本篇分享目前還掛在我瀏覽器上的擴充功能,不完全是開發用途,適合網站開發者,對一般用途也有幫助。#1 Tab Manager Plus。
- 傷腦筋的 WordPress:我怎麼找回消失的圖片?
有一天,網站用的好好的,突然上傳的圖檔都消失了,其實並沒有很緊張,WordPress 的怪事一直都有,覺得過兩天應該就會自己好,但這一次,壞很久了沒有好。當決定將我的網站從原先的主機搬到 Hostinger,我知道可能會遇到一些初始的問題。
- Tab Manager Plus & Tab Manager Auto,輕鬆管理瀏覽器分頁
你是否曾有過這樣的經驗?想要找一個分頁,但卻得滑過無數的分頁,最後甚至忘了自己原本要做什麼。或是無意中關掉了重要的分頁,結果卻找不回來。
- 什麼是 Static Website,給你一個靜態網頁介紹
靜態網頁有時也稱為靜態網站,並不是指網頁都不會動,或者動態網頁就會一直動。在不斷發展的網頁開發世界中,靜態和動態網站之間的戰爭就像是經典的烏龜與兔子故事。最初的網路年代,所有的網站都是靜態網站
- OneTab,一鍵擺脫分頁混亂
在這個數位年代,我們都是多工高手-或至少我們這麼以為。你知道自己曾經一次開了多少個瀏覽器分頁嗎?但每多開一個分頁,你的電腦就多負擔一份工作,這就像是給自己的大腦裝了一塊重石頭。
- Instant Images,無敵方便的 WordPress 圖片外掛
為什麼需要快速圖片外掛。在今天快節奏的數字化環境中,圖像在使您的網站具有吸引力和視覺上令人信服方面起著至關重要的作用。但是,找到與您的內容相符的高質量圖像往往是一項繁瑣的任務
- Table of Contents 大解密,ToC 程式就是這麼簡單
在信息過載成為常態的時代,結構良好的文章目錄(Table of Contents,簡稱ToC)就像燈塔一樣,可以引導讀者穿越文字海洋,本文將帶領讀者如何開發 Table of Contents,...
- Herd 實用教學:PHP 網站開發者的利器
各位程式開發者,有沒有覺得準備 PHP 開發環境比養貓還困難。好在現代 PHP 有很多開發工具,Herd 就是 PHP 最好用的開發工具之一。
- 如何使用 Herd 在本機架設 WordPress 網站
Herd 是一個專為 macOS 開發的本地應用程序,使用 Swift 編寫。它是一個專門用於 Laravel 開發的一鍵式 PHP 開發環境,擁有零依賴和高效能。Herd 使用靜態二進制文件,包括 PHP、nginx 和 dnsmasq,使其成為其他 PHP 開發環境之中最快的一個。
- Visual Studio Code 的神秘力量:不可或缺的 38 個鍵盤快速鍵
Visual Studio Code,簡稱為 VS Code,不僅僅是另一個文字編輯器——它是一個將程式碼、創造性和生產力匯聚在一起的中心。由 Microsoft 設計,受到全球開發者的喜愛,這是一個功能強大的工具。
- 如何使用 FiraCode 提升 Visual Studio Code 的美觀與可讀性
如果您有過任何編碼經驗,您一定知道一個好的程式碼編輯器有多重要。在眾多選項中,Visual Studio Code 以其性能、功能範圍和可定制性脫穎而出。但除了其功能性方面,您有沒有考慮過它的美學層面。
- Statamic 入門,眼睛為之一亮的靜態 CMS
由於 WordPress 功能繁多得讓人眼花繚亂,有時會想找一個更為單純、直截了當的選項,一個能讓專注於寫作、創作教學內容和分享技術工具的平台,並且還能讓人偶爾釋放創意,自由調整網頁設計。
- encodeURI vs encodeURIComponent,簡單解說 URI 編碼
作為一名網頁前端開發人員,`encodeURI` 和 `encodeURIComponent` 都是 JavaScript 中用於編碼 URI (統一資源標識符) 的函數。它們對於確保某些字符能夠正確地格式化,以便能夠通過網路傳輸至關重要。然而,這兩者之間有一些關鍵的區別。
- 3 個免費 SSL 憑證頒發機構,不花錢也能安全
本文介紹 3 個免費 SSL 憑證頒發機構,說明一般的申請和驗證步驟,最後並提供免費的檢測 SSL 工具,對個人或小型商業網站都可以參考。免費 SSL 憑證是一種網站安全工具,提供基礎的資料加密和身份驗證功能,但通常具有較短的有效期限(通常是 30-90 天)。
- justify-content vs align-content,Flexbox 的垂直與水平對齊方式
CSS Flexbox,是一種用於在網頁上創建靈活布局的 CSS3 布局模型。它允許容器內的子元素能夠在需要時伸縮,以適應不同的顯示空間,其中最常使用的屬性就是 justify-content 和 align-content。
- 如何批量取消訂閱 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 這樣的現代框架時,這個任務看起來就沒那麼直觀了。
- WordPress vs 11ty:各自的優缺點與取捨
比較 WordPress 與 11ty 這兩個不同的網站架設工具,探討各自的優缺點、適合的使用情境,以及在開發體驗、效能、安全性、維護成本等方面的取捨。
- 把文章從 WordPress 搬出來:eleventy-import 的匯出方式
記錄我使用 eleventy-import,將 WordPress 文章與圖片完整匯出成適合 Eleventy 使用的 Markdown 結構,並分享實際踩過的坑與心得。
- 從 WordPress 搬家到 Eleventy(11ty):你一定會遇到的幾個注意事項整理
從 WordPress 搬家到 Eleventy 靜態網站生成器的完整指南,整理了遷移過程中常見的注意事項、坑洞與解決方案。包含內容匯出、圖片處理、前端框架整合等實戰經驗分享。
- 在 Eleventy(11ty)文章中做出像 WordPress 的 Feature Image 特色圖片
教學:在 Eleventy 文章中實作 WordPress 風格的 Feature Image (特色圖片)
See all tags.









































































