iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1374 瀏覽

鐵人賽自我挑戰組 DAY 13

真，從零建置個人網站 30 天領域展開系列第 13 篇

技術【領域展開 13 式】有了骨頭與皮膚，再搞清楚主要肌群 Menu 層級與操作

網站架構是骨頭，佈景主題是皮膚，Menu 是大肌肉昨天【領域展開 12 式】安裝 Soledad 主題插件，成功匯入漂亮模板到網站囉文章最後停在要匯入哪一個...

Jade Chang ‧ 2021-09-28

0 Like 0 留言 1295 瀏覽

鐵人賽 Modern Web DAY 13

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 13 篇

技術 Day13 繼續用 TailwindCSS 切版部落格文章內頁樣式

Day13！上一篇我們用 TailwindCSS 切版出了還不錯看的部落格首頁，顯示文章列表。今天讓我們乘勝追擊，繼續切版文章內頁樣式。文章內頁就比較有趣了，...

EasonChang ‧ 2021-09-27

0 Like 0 留言 1399 瀏覽

鐵人賽自我挑戰組 DAY 12

真，從零建置個人網站 30 天領域展開系列第 12 篇

技術【領域展開 12 式】安裝 Soledad 主題插件，成功匯入漂亮模板到網站囉

抓住官方文件，將時間花在選擇而不是設定上 Soledad 有提供詳細的 Document裡面有文字與影片的操作文件，幾乎跟著操作可以達到 90% 的成功，當然有...

Jade Chang ‧ 2021-09-27

0 Like 1 留言 2816 瀏覽

鐵人賽 Modern Web DAY 12

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 12 篇

技術 Day12 用 TailwindCSS 切版部落格首頁，顯示 WordPress 文章列表

上一篇我們成功在 Next.js 安裝 TailwindCSS，今天我們要實際來切版首頁，顯示文章列表！切版目標這個系列文章主要在呈現用 Next.js 當...

EasonChang ‧ 2021-09-26

1 Like 1 留言 1621 瀏覽

鐵人賽自我挑戰組 DAY 10

真，從零建置個人網站 30 天領域展開系列第 10 篇

技術【領域展開 10 式】真的需要看教學文，正式啟用佈景主題 Soledad 與網站做綁定

購買後需詳閱公開聲明書會下這標題的原因是，主題真正購買後的安裝設定，真的需要參考網路文章才能少走很多冤望路，昨天的文章將個人網站的預設架構與主題作了初步的擬定...

Jade Chang ‧ 2021-09-25

0 Like 1 留言 2671 瀏覽

鐵人賽 Modern Web DAY 10

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 10 篇

技術 Day10 在 Next.js 安裝 apollo-graphql，串接 WordPress GraphQL API（下）

上一篇我們成功在 Next.js 安裝 ApolloClient 了，今天我們繼續使用剛安裝的 ApolloClient 從 WordPress 抓取文章資料，...

EasonChang ‧ 2021-09-24

0 Like 0 留言 1408 瀏覽

鐵人賽自我挑戰組 DAY 9

真，從零建置個人網站 30 天領域展開系列第 9 篇

技術【領域展開 09 式】挑選主題中的 Wake-up moment，應該先準備網站架構

ThemeForest 佈景主題有 40,000 多個，琳瑯滿目暨上篇文章【領域展開 08 式】 WordPress 佈景主題選擇 (彷彿發現無底洞當中理解...

Jade Chang ‧ 2021-09-24

0 Like 0 留言 1399 瀏覽

鐵人賽自我挑戰組 DAY 10

WordPress 區塊編輯器與區塊套件組合外掛【新手村】系列第 10 篇

技術 10 | WordPress 圖片區塊 Image Block | 雙色調濾鏡 (Duotone Filter)

使用雙色調並不是十麼新鮮的事情，最早可以追溯到 60 年代，傳統的單色印刷或之後隨著數碼技術日漸流行，因為生產成本關係，使用愈少色彩愈省錢，也不需要太多技術，是...

Mack Chan ‧ 2021-09-24

1 Like 1 留言 3411 瀏覽

鐵人賽 Modern Web DAY 9

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 9 篇

技術 Day9 在 Next.js 安裝 apollo-graphql，串接 WordPress GraphQL API（上）

上一篇文章我們成功在 WordPress 安裝 WPGraphQL plugin，啟動了 GraphQL API，現在我們要來在 Next.js 部落格前端串接...

EasonChang ‧ 2021-09-23

0 Like 0 留言 1910 瀏覽

鐵人賽自我挑戰組 DAY 8

真，從零建置個人網站 30 天領域展開系列第 8 篇

技術【領域展開 08 式】 WordPress 佈景主題選擇 (彷彿發現無底洞

有時寂寞太沉重，身邊彷彿只是觀眾 Study 後必須套用一下 Tanya 無底洞的歌詞，選完使用 WordPress + Bluehost + Domain 準...

Jade Chang ‧ 2021-09-23

0 Like 1 留言 3599 瀏覽

鐵人賽 Modern Web DAY 8

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 8 篇

技術 Day8 GraphQL 介紹、在WordPress 上安裝 WPGraphQL plugin

我們的系統架構很單純，分為託管在 Vercel 上的 Next.js 前端，以及託管在 BlueHost 上的 WordPress 後端 CMS。而前後端之間...

EasonChang ‧ 2021-09-22

1 Like 0 留言 1141 瀏覽

鐵人賽自我挑戰組 DAY 7

真，從零建置個人網站 30 天領域展開系列第 7 篇

技術【領域展開 07 式】 Bluehost 與 WordPress 之間的操作秘笈

設定，綁定，就很 Pro 暨昨天在主機選擇已經選擇 Bluehost 並購買好 jadechang.blog 的網域，今天會紀錄在 Bluehost 上開啟 W...

Jade Chang ‧ 2021-09-22

0 Like 0 留言 1396 瀏覽

鐵人賽自我挑戰組 DAY 6

真，從零建置個人網站 30 天領域展開系列第 6 篇

技術【領域展開 06 式】 WordPress 主機商與網域選購

架站前的準備，錢錢變成喜歡的樣子了 WordPress 提供免費的架站服務，但網站建置的前期要準備兩樣東西虛擬主機：放置網站的地方網域名稱：網站的那一串...

Jade Chang ‧ 2021-09-21

2 Like 0 留言 1516 瀏覽

技術 QUIC.cloud CDN 免費方案

QUIC.cloud CDN 免費方案近期來 QUIC.cloud 除了在，CSS、JS、影像，頁面快取服務持續對 WordPress 優化外，更推出免費無限...

wadedang ‧ 2021-09-20

0 Like 0 留言 1204 瀏覽

鐵人賽自我挑戰組 DAY 5

真，從零建置個人網站 30 天領域展開系列第 5 篇

技術【領域展開 05 式】 WordPress.org 與 WordPress.com，你好.org

WordPress.org 與 WordPress.com，試用時完全不知道有分這兩個在前幾天的文章當中先理解建置個人網站的原因與需求，進而開始比較幾個網路上...

Jade Chang ‧ 2021-09-20

3 Like 0 留言 2609 瀏覽

鐵人賽 AI & Data DAY 5

Data on AWS - 實作建立 Data Analytics Pipeline 系列第 5 篇

技術【Day 05】實作 - 設置初始環境於 AWS 建置個人的 WordPress 網站

想了很久要針對哪個主題進行資料分析實作，後來想來想去決定選擇最常見的『網站』來進行資料分析的實作，那在進行網站的資料分析前，首先我們要：步驟一、申請 AWS 帳...

Dorothy ‧ 2021-09-19

0 Like 1 留言 1930 瀏覽

鐵人賽 Modern Web DAY 4

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 4 篇

技術 Day4 WordPress 介紹，基礎設定與發文

上篇文章我們在 BlueHost 架起了 WordPress 環境，但也許你還不知道什麼是 WordPress，這裡簡單介紹一下它的特點。 WordPress，...

EasonChang ‧ 2021-09-18

0 Like 1 留言 2283 瀏覽

鐵人賽 Modern Web DAY 3

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 3 篇

技術 Day3 WordPress 架設 - 尋找最適合我們的 WordPress 架站平台

首先我們要找一個地方架設 WordPress 作為內容管理系統 (CMS)。因為是開發階段，暫時不需要太好效能，不需要花大錢一次衝很高級的平台，所以我們會優先...

EasonChang ‧ 2021-09-17

0 Like 1 留言 2247 瀏覽

鐵人賽 Modern Web DAY 2

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 2 篇

技術 Day2 個人部落格需求規劃 - Next.js Frontend + Headless WordPress

這系列我們會以實作「個人部落格」為主題，希望兼顧以下項目：開發者體驗：加功能調 UI 時有版本控制、能使用 React、Next.js 生態系各種最新功能...

EasonChang ‧ 2021-09-16

0 Like 2 留言 4194 瀏覽

鐵人賽 Modern Web DAY 1

WordPress再進化，用Next.js拆分前端，實現UI完全客製化及優化效能與SEO 系列第 1 篇

技術 Day1 用 Next.js 拆分 WordPress 前端 - 系列簡介

哈囉，我是Eason，歡迎來到我的「WordPress 再進化，用 Next.js 拆分前端，實現 UI 完全客製化及優化效能與 SEO」 30天鐵人賽系列文...

EasonChang ‧ 2021-09-15

0 Like 0 留言 4935 瀏覽

鐵人賽 DevOps DAY 9

自架 Windows Server，打造你的專業 WordPress 部落格系列第 9 篇

技術 WordPress 修改主題樣式 (style.css) - 常用 4 招教學

建置一個全新的 WordPress 為了版面好看一點，總是會花一點時間在佈景主題上面翻翻找找，挑幾個喜歡的主題預覽看看，總是要試了好幾個主題才會找到一個比較滿意...

Mars ‧ 2021-09-09

0 Like 0 留言 5329 瀏覽

鐵人賽 DevOps DAY 7

自架 Windows Server，打造你的專業 WordPress 部落格系列第 7 篇

技術 WordPress 如何引用 Bootstrap 的 CSS 及 JS 檔案製作精美畫面

Bootstrap 是全球最流行的前端開發工具，可以快速設計及自定義響應式網站。而 WordPress 也是全球最熱門的架站工具，這次要教學如何在 WordPr...

Mars ‧ 2021-09-07

1 Like 0 留言 4589 瀏覽

技術 QUIC.cloud CDN 與 DNS 新手教學

環境準備安裝 LiteSpeed Cache plugin 取得 Domain Key 開啟套件端的 CDN 功能設定 QUIC.cloud DNS...

wadedang ‧ 2021-08-02

1 Like 0 留言 5306 瀏覽

技術給網站架設初心者：初階觀念與趨勢剖析

網站，可以讓你在網路世界有個發聲的立足點。擁有自己的網站可以擴大影響範圍，讓使用者能透過瀏覽網站從色彩、文字、排版……等找到品牌的獨特之處，增加網站曝光次數，能...

pongo6301 ‧ 2021-07-21

0 Like 0 留言 1305 瀏覽

技術我在 WordPress.com 與 WordPress.org 之間的最終選擇

關於 WordPress.com 與 WordPress.org 之間，有什麼樣的差異，WordPress 官方有說明的文件：WordPress.com 與 W...

jute ‧ 2021-07-15

1 Like 2 留言 8517 瀏覽

技術 QUIC.cloud CDN 與 CloudFlare 新手教學

環境準備使用 Cloudflare DNS 安裝 LiteSpeed Cache plugin 取得 Domain Key 開啟套件端的 CDN 功能...

wadedang ‧ 2021-07-13

0 Like 0 留言 2061 瀏覽

技術 Contact Form 7 外掛漏洞：上傳檔案功能可能被惡意利用，受影響網站高達 500 萬個以上

Astra Security 昨天發佈這個緊急通知，新的 Contact Form 7 補救更新已經發佈，請在安全狀況下盡快更新，以免招來不當的損失，下方引述...

Mack Chan ‧ 2020-12-18

0 Like 0 留言 1745 瀏覽

技術網站架設攻略，初階觀念釐清！

現在高科技時代，擁有自己的網站，應該是每個企業或想發展個人品牌的人，必須要有的，但到底該如何架設網站呢？架設網站所需準備的東西又有哪些呢？即使是交給外面專業網頁...

italycomtw ‧ 2020-12-17

0 Like 1 留言 1613 瀏覽

技術 Elementor Cloud 將大舉切入網站主機市場

Elementor 頁面編輯器不甘心只是一個編輯工具，繼早前跟 Flywheel 和 Bluehost 合作後，不過成效一般，沒有引來太多的關注。但現在決定...

Mack Chan ‧ 2020-12-14

0 Like 0 留言 2244 瀏覽

技術〖WordPress主題〗ASTRA釋出「AGENCY BUNDLE」頭500名購買只要$149的超級優惠

ASTRA 這個熱門的WordPress主題，付費版一共有3種方案＋2種付費模式；最引以為傲的是☞一次購買，可以應用在無數個網站上；另外，它是使用過頁面載入速度...

温唯 ‧ 2020-11-21

技術 【領域展開 13 式】 有了骨頭與皮膚，再搞清楚主要肌群 Menu 層級與操作

技術 Day13 繼續用 TailwindCSS 切版部落格文章內頁樣式

技術 【領域展開 12 式】 安裝 Soledad 主題插件，成功匯入漂亮模板到網站囉