基礎篇文章

在開始以前 Before You Install

00-在開始以前

日期:2021-12-08

作者:max

分類:基礎篇

大家好,我是 max,成立這個網站的主要目的,是希望讓想要架設網站的朋友,不要白白浪費時間,走太多的冤枉路。資訊量大到無法想像的網路世界,很多初學網站架設的朋友,連過濾資訊都是一項困難的功課。

我個人當初開始架設網站時,就有非常深刻的體會。所以決定將這複雜的 WordPress 網站架設與網頁設計過程,透過最簡單易懂的文字與影片,幫助大家在不具備程式設計基礎下,就可以開始學習,架設出一個專業又有質感的網站。

始架設出一個專業又有質感的網站

必裝應用軟體

所謂工欲善其事,必先利其器。這裡文章內容是以桌上型電腦,搭配微軟的視窗作業系統(Win 10)為基礎,Firefox 與 Google Chrome 瀏覽器交互使用檢測。如果有發生展示效果上的差異,歡迎隨時回報給我知道。另外,也請在開始網站架設前,先安裝好建議的這幾款必用的應用軟體,這些應用軟體都是在 Win 10 上可以正確使用,同時也都是免費的。

Firefox 瀏覽器

Firefox 目前市佔率大概是排名第二(桌機版來統計),通常網頁呈現的設計效果,需要其他瀏覽器交互測試,所以視窗作業系朋友當然建議安裝。

下載網址:https://www.mozilla.org/zh-TW/firefox/new/

Firefox 瀏覽器

Google Chrome 瀏覽器

Google Chrome 是目前市佔率第一的瀏覽器,相關的擴充工具也多,是網頁開發者不可或缺的工具,不論是視窗作業系統還是 macOS 作業系統,建議都要安裝。

下載網址:https://www.google.com/intl/zh-TW/chrome/

Google Chrome 瀏覽器

7-Zip

7-Zip 是一款免費的解壓縮軟體,支援繁體中文,在網站架設的過程中,很多檔案(佈景主題與外掛程式)都是被包裝成一個壓縮檔,這個時候就需要解壓縮軟體的幫助。

下載網址:https://www.7-zip.org/

7-Zip 解壓縮軟體

FileZilla

FileZilla 是一款免費的檔案傳輸軟體,安裝完成以後,同樣也提供繁體中文的使用介面。透過 FileZilla 軟體,我們可以上傳檔案到主機上,或是下載檔案到本機上,是一款操作方式很直覺的檔案傳輸體,使用方法與檔案總管有點類似。

下載網址:https://filezilla-project.org/

FileZilla 檔案傳輸軟體

Notepad++

Notepad++ 是在微軟視窗環境之下的一個免費的代碼編輯器(文字編輯器),同時更支援繁體中文操作介面,在往後的學習中,需要程式碼或是式樣檔修改時會使用到,建議大家可以安裝這一套軟體,來取代原本常用的記事本。

下載網址:https://notepad-plus-plus.org

Notepad++ 免費代碼編輯器

準備好了出發

必裝的應用軟體都安裝好以後,基本的準備都已經完成,就可以開始進行我們的網站架設旅程。在往後的示範過程中,還會陸續跟大家介紹其他的好用的擴充工具。讓整個學習過程更輕鬆、效果更好。

10-中文字型

10-中文字型

多數的 WordPress 佈景主題都是由外國佈景開發者所設計的,因此對於中文字型的支援一直都是本地 WordPress 使用者最先遇到的問題。不過拜網頁字型的開發(例如 Google Fonts、Adobe Fonts),網頁設計中套用中文字型變得簡單又方便。接下來的內容會跟大家介紹如何在自己的 WordPress 網站套用中文字型,讓訪客體驗更好的閱讀感受。 Google Fonts Adobe Fonts 中文字型 Traditional Chinese Font 今天介紹的中文字型是由 Google Fonts...

09-2-網頁範例

09-2-網頁範例

有越來越多的佈景主題開發者,設計的佈景主題不僅功能齊全、樣式精美,同時還提供了大量的網頁範例,方便大家在啟用佈景主題以後,可以直接匯入這些範本,套用到自己的網站上。大大縮短的縮短了網頁設計的時間。也因為這樣,提供範例內容的佈景主題非常受到大家的喜愛。 這一篇文章內容將以 Blocksy 這個免費佈景主題作示範,介紹如何匯入 Blocksy 景主題的範本,透過這些範例內容,快速的修改成自己需要的網站樣式,謝謝大家耐心閱讀。 網頁範例 Starter Sites Blocksy 佈景主題要匯入範例內容前,需要先安裝 Blocksy...

09-佈景主題

09-佈景主題

在 WordPress 網站,佈景主題控制的是網站的外觀樣式,挑選一款適合自己網站的佈景主題,除了美觀以外,更重要的是可以展示網站自己的風格,同時提供良好的網頁內容與設計給訪可瀏覽,可以說是進階管理者一定要熟悉的領域。 選擇佈景主題 對於很多初學者來說,想要挑選一款適合自己網站的佈景主題,恐怕也是非常不容易。我們建議新手朋友,請直接到 WordPress 官網的佈景主題區,那裡提供了將近一萬個(9,975)免費的佈景主題,有超過一半(5,073)都是熱門的佈景主題。 在 WordPress 官網挑選佈景主題的好處是:...

文章聯繫表單

有任何關於教學內容的問題,都歡迎透過下列表單與我聯繫。

14 + 4 =