WordPress教學:一個完全免費的課程(安裝+購物車 + 主題外掛)

你已經試過很多Wordpress的教程,可是它們都很爛或者沒有示範影片?

不用怕,我自己弄了100多個網站後,我來教你怎麼做:

為什麼選Wordpress?

首先,你可能在想為什麼Wordpress這麼好!這很簡單!事實上,Wordpress是目前我們用來建立和維護網頁的唯一方式。

以下是為什麼:

  • 操作很簡單
  • 超過30%的網路使用它,也就是超過七千四百萬個網頁!
  • 因為它如此受歡迎,有很多的人能幫助你。例如:要找到一個工程師幫你客製化非常容易。
  • 有很多的主題,所以你不用親自設計你的網頁,你可以購買設計好的外觀內含HTML以及CSS!這代表如果你學習如何使用Wordpress,你可以在一個小時內擁有一個好看的網頁。

WordPress 安裝

關於這個,我們有一個有一點懶惰的回答。

你不應該安裝Wordpress。

很煩人,也有點複雜,你需要設立一個資料庫,非常耗費時間。我們建議購買已經安裝好這些的虛擬主機,或者可以幫你快速安裝的虛擬主機。我自己和我所有在網路上專職的朋友,在過去至少五年都沒有安裝過Wordpress。那你為什麼應該安裝?

如果你目前的虛擬主機沒有為你做些事,我們建議你更換你的虛擬主機商。如果他們沒有提供免費的,那他們很有可能沒有擁有最高品質的虛擬主機,而你應該更換。:-O

總之…..

如果你不知道什麼是虛擬主機或你目前沒有Wordpress安裝在你的電腦上,確保你先按照我們的網頁建立教學,再回來這裡。

從來沒有安裝過虛擬主機或架設過網站嗎?閱讀我們的完整指南:

學習如何架設網站

登入WordPress

一旦你安裝好Wordpress,登入很簡單。你需要在你的網域名稱後方加上“/wp-admin”。

例如:

登入

一但你這麼做,你會被引導到這個畫面,輸入你的用戶資訊。

wpadmin

把WP 改成中文

如果你還沒這麼做,你可以輕易地把你的Wordpress 改成中文。

選擇左下方的「Settings」

lang

在畫面下方,不要忘記按SAVE CHANGES

lang2

現在你的介面會變成中文

chinese

Theme (主题)

主题是什么!?!主題是什麼?!

主題只是你的網頁的長相。基本上就是外觀、設計、字體,全部讓網頁看起來美觀的東西。Wordpress稱這個為主題。

WordPress主題的主要優點是它幫你完成了所有困難的事情。所有的HTML、所有的CSS、javascript等,都已經完成了,只要再點幾個按鈕就好。所以你不需要擔心寫程式!

免費vs付費主題

就像生活中的其他東西,甚麼事情都有優缺點。免費主題主要的優點就是他的花費,然而,他們不被支援。代表如果你有問題,你無法問任何人。

付費主題有被支援,也有很多功能,但它們需要付費。

現在我們來看一些各自主要的優點和缺點:

付費的優點:

  • 支援。如果你有問題,你可以問他們。
  • 可以無限使用,大部分,你可以買一個主題然後在無線個網頁上使用它。
  • 看起來比較專業。
  • 退費政策,如果你不喜歡他們的產品,大部分的公司會退費給你。
  • 它們被維護得很好,也時常被升級。讓它們難以被駭入。
  • 它們通常與很多其他行銷軟體融合,像是Aweber、mailchimp、 Facebook、 Twitter等。
  • 有更多的選擇,像是你可以購買一個為你的公司專門設計的主題。如果你想要擁有一家餐廳,買一個餐廳的主題。如果你想要成為一個部落客,買一個部落客的主題。如果你想要開一家線上商店,買一個線上商店的主題。

缺點:

  • 不是免費的。就像我們在美國所說的,一分錢一分獲。
  • 支援通常是英文。我們會建議你使用Google翻譯,現今,它很好用!

免費主題的優點

  • 它們是免費的

免費主題的缺點

  • 一分錢一分獲 :-P
  • 沒有支援。如果你有疑問,你沒有任何人可以問。
  • 免費的主題通常都是個人設計的,不是專門給公司用的。他們不是隨時都被維護得很好。代表軟體有可能沒有升級。或是開發者可能早就沒有致力於這個專案。
  • 時常被駭入。它們通常有很多的免費用戶,這代表者如果駭客發現到一個弱點,他們可以侵害上千名的用戶。你希望成為其中一個嗎?
  • 如果你不是專業的軟體開發者,他們通常很難客製化。

以下是我們推薦的付費主題:

**如果你透過我們在下方提供的連結購買主題,我們會試著幫你解決任何英文支援的問題。至少,我們可以告訴你如何用英文發問。**

免費主題安裝:

你網頁上目前的Wordpress安裝應該已經有幾個安裝好的主題。選幾個你最喜歡的。

選一個,等一下我們會教你如何安裝它。

這是他們所在的位置:

外观 > 主題 > 然後選擇一個你想要的

freetheme

安裝第三方主題

關於第三方主題的簡單提醒…

每一個主題都有些不同。然而,他們都是用同一個方式安裝的。如果你跟丟了或你的主題跟我們的有一點不依樣,別慌張,聯絡他們的支援,這是他們存在的目的。

在你下載你喜歡的主題後,安裝它們非常簡單。

跟隨以下的步驟:

外观 > 主題 > 添加

freetheme

重要提醒:只上傳一個ZIP檔案。有時候,當你下載一個主題時,它會自動解壓縮。當發生時,壓縮檔案並且上傳它。

upload

如果主題安裝成功,你可以點擊「啟用」

uploadedtheme

點擊自訂

一旦安裝好了,你有可能會看到像這樣的畫面,點擊X,然後返回主介面。

如果你看到不同的畫面,不要慌張,再次返回主介面。

thrive

最後,啟動主題通常需要幾個步驟。你的主界面上方應該會跳出一個是啟動的選項。按照它的步驟就能啟動主題。

以我的例子來說,我從Thrive Themes購買了一個主題,而畫面上顯示了啟用許可,所以我會點擊這個選項並且遵照他們的指示來啟用主題。

每一個主題需要的步驟都有可能不同,如果你卡住了,你將會需要像他們的支援尋求協助。

通常,你需要的所有資訊都已經傳送到你的信箱了。

主題提供者做這些事情是為了防止偷竊。

key

舉例來說:Thrive Themes 只會要求你在這些地方輸入你當初用來註冊的信箱和密碼。

thrive window

再說一次,需要的資訊很有可能已經寄到你的信箱了。就我來說,我只需要登入到Thrive的介面來取得啟用密碼:

去到ThriveiveThemes.com>會員介面 >我的帳號與許可密碼

如果你使用一個不同的主題公司,這對你來說會不同。

thriveblank

現在,你的主題已經安裝好了!!

固定網址設定 – 選擇你喜歡的URL 路徑

接下來,我們要設定URL路徑。這裡最主要的優點是搜尋引擎像是Google會比較了解你的網站是關於什麼。當你有很多事情要做,這是我們需要處理的基礎的其中之一。

以下是你需要點擊的:

Settings > 固定網址 > 文章名稱 > 儲存變更 (你需要往下滑才會看到儲存鍵)

頁面 vs. 文章

頁面跟文章的不同在於文章比較簡單,但剛開始這個觀念可能比較難理解。

一個頁面是不變的。儘管你可以改變你想要的內容,頁面通常不會有太大的變化。例如:一個連絡資訊頁面,它是一個在你的晚旺中幾乎不會改變的頁面。

也就是說,如果你想要建立一個聯絡資訊的部分,你會用他們的頁面設定。

下面是Nike.com的連絡資訊頁面:

是不變的,也是你的網頁中很少會改變的頁面。

另一個頁面的用途是你的網頁中選單的內容。

如果我們繼續用Nike的網頁當例子,這是他們的Women頁面。它一個致力於女性產品的頁面。

發表文章或貼文

另一方面,文章是你在你的網頁中常常會用到的東西。

舉例來說,如果你想要為你的網頁寫文章,你會使用貼文。

如果你想要一個長久的頁面,那將會是你的網頁選單,你會使用頁面。

貼文的優點是你可以分類,這樣一來你能梗更容易地組織你的網頁中的內容。

它們很相似,但他們的些微不同處讓你能更簡單的組織你的網頁。如果你還記得,Wordpress是一個內容管理系統。

新增頁面

新增頁面十分簡單。你只需要點擊:

頁面 > 新增頁面

還有其他選項,然而我們會在稍後介紹它們。

page1

新增媒體

新增貼文與新增頁面很類似。你只需要到:

文章 > 新增文章

你會注意到,貼文有一個可以建立分類的部分。

post

建立分類:新增分類>輸入分類名稱>新增分類

categories

分類是什麼?

基本上,它就是一個組織你的貼文的方式。

比方說,你有一個關於健身的網頁。你可以將你的貼文分成下列幾個類別:

  • 重訓
  • 飲食
  • 心肺運動

讓你能簡單地將你的貼文安照不同主題分類。例如:如果你有人想要知道更多關於重訓的技巧,他們可以點開你的重訓類別。

創造內容

現在你已經建立了幾個頁面和幾則貼文,你會注意到寫作介面與Word的介面類似。

因為它與Word很類似,我想要著重在幾個比較難使用的功能。

我們會透過下面這個畫面向你說明怎麼做:

輸入一個標題然後轉換到html建立功能。

我會包含另一個很重要卻容易遺漏的按鈕。英文我們稱它為Kitchen Sink,然而在中文的介面中它叫做工具。

blankpost

改變字型大小和標題

這是選擇你的文章格是很重要的一步。它能顯示你的文章的某些部份比其他部分重要。

WordPress有很多標題選項

headlinestags

通常,一個東西越重要,你要讓它越大。比如,如果一個東西很重要,你可能會選擇標題一或標題二。如果它沒那麼重要,你可以選擇三或四。

看以下的圖片當作簡單的例子:

發表頁面/文章(貼文)

你會發現在你的右手邊,有幾個選項讓你能夠儲存或發表一個頁面或文章。

當你還在寫一篇文章,你可以儲存為草稿。甚至有一個選項能你能夠設定一個發表日期。例如:如果你想要一篇文章在一周後發表,他們有這個功能!

更重要的是它也有一個預覽的選項。如果你想要校閱你的貼文或者在發表前看看發表之後的樣子,這非常有幫助。

publish

怎麼建立一個連結

這相當重要,它讓你能夠參考其他在你網站中的頁面或其他人的網頁。

以下用紐約時報作為例子,注意到他們怎麼引用其他在網路上的資源?

連結

例如,如果你正在寫一篇全新的文章,你可以透過加入你的訊息來源的連結來引用一個資源。

另一個用法是引用一個你網頁中舊的貼文當作額外資訊。

讀者很喜歡這種東西,這種東西讓他們感覺與你的內容更有共鳴。

建立連結只需要選取你想要連結的文字,點擊連結按鈕,輸入你的url後,再點擊送出就可以了

createlink

增加圖片或影片

要讓讀者與你的內容更有共鳴,你可以增加圖片或影片。很好的事,Wordpress讓這些事情都變得非常容易完成!

圖片

重要提醒:你應該從哪裡取得圖片?

我們從不推薦從其他網頁偷取圖片。

以下是你的選擇:

  • 購買圖片
  • 自己拍攝圖片
  • 使用創作共用的圖片

關於圖片的重要提醒

例如,pexels.com這個網站提供完全免費並且符合公共領域貢獻宣告的圖片。

以下是幾個提供免費圖片的常見網站:

如何增加圖片

在一個頁面或貼文中增加圖片,點擊新增媒體:

下一步:上傳檔案 > 選擇檔案

接下來,在你的右手邊,你需要描述你的圖片,選擇位置(像是左邊、右邊或中間),然後送出。

現在你的網站上就會出現圖片了:

add image

加入主題圖片

一張精選圖片是代表你的貼文的圖片。比方說,如果你建立你的首頁讓你最新的貼文可以顯示在上面,封面圖片將會是你放在你的內容旁邊的圖片。

如果我們用紐約時報(Wordpress用戶)當作例子,以下是幾張在他們首頁上的精選圖片。

NYT

總之,一張精選圖片是一個能讓你的貼文在與其他貼文組合在一起時看起來更漂亮的方式。

增加一張精選圖片,在你的右下方,選擇設定精選圖片:

設定精選圖片

然後遵照和上傳一般圖片一樣的步驟。

嵌入影音媒體

好消息!以前如果你不懂HTML,做這個很麻,。然而,Wordpress升級後讓你能使用插入功能。這代表,如果你想要嵌入一個Youtube影片或類似的東西,你只需要在你的貼文貼上Youtube URL.

首先,去到你最喜歡的影片提供平台,複製URL:

youtube URL

然後把URL在你的貼文或頁面中貼上後等待幾秒鐘。如果它沒有自動成功,將你的頁面或貼文儲存或儲存為草稿。

嵌入影音媒體

以下幾個平台,你都可以使用這個方法:

設定WordPress選單

為了學習如何設定Wordpress選單,我們藉由在選單中加入三個東西來做練習。

我們要將以下的幾個東西加入選單中:

  • 首頁連結
  • 關於我們頁面連結
  • 聯絡我們頁面連結

花一點時間做這兩個頁面:

  • 關於我們
  • 聯絡我們

如果你已經建立好了,你會看到他們出現在你的頁面選單。

去到選單畫面

外觀 >選單 > 為你的選單命名> 建立選單

create menu name

設立你的選單

這個部分比較難掌握。不是因為他很困難,而是因為每個主題都有些微的不同。

重要提醒

如果你購買了一個不同的主題,它看起來可能不會和我們下方的指令100%一樣。

以我們的主題當作例子,他們用英文寫了Primary Menu。代表這是上方的選單。如果我們選擇Footer,代表的是下方的選單。你的主題可能會用不同的方式設立,試試看或者閱讀他們的指令。

選擇>檢視全部>選擇你想要加入的東西>新增至選單>選擇選單>位置>送出

完成了!我們的網頁現在有選單了。去看看你的首頁!

網站圖示和商標   Logo (Favicon)

一個商標是其中一樣人們太注重的奇怪東西。你隨時可以改變它。現在先找一個便宜的,大概5-20美元。連便宜的都好看。

我們建議你從以下其中一個網頁找一個商標設計師:

  • Fiverr – 有非常便宜的商標設計師
  • UPwork – 就像是海外的自由工作者

如何加入商標

取決於你的主題,這對每個人來說會有些不同。然而,增加商標的步驟都很類似,你只需要自己想想剩下的怎麼做。

也就是說,我們可以提供你如何改變商標的大致觀念,然而,每個主題都會有些許的不同

舉例來說,以下是我們的步驟:

Thrive 面板>主題選項>一般設定>上傳>儲存

upload themes

小工具

小工具是你的工具列裡面的工具。例如:如果你想要廣告或推廣東西,你可以把它放在你的工具列。

以下的例子是一個受歡的旅遊部落格nomadicmatt.com:

小工具

所有這些東西都可以透過小工具加入。

如何改變/加入小工具

選擇外觀>小工具>然後把你想要加入的東西拖曳並放置工具列

widgetexplain

依但你完成了,到其中一個頁面去看看!

改變網站標題/標語

另一個對SEO很好的技巧是確保你填充了你的網站標題和標語所在的區域。

這相當簡單。

步驟一:Settings>一般>然後輸入這些資訊

步驟二:一但你完成了,不要忘記在下方儲存你的設定!

tag save button

首頁設定

設立一個靜態首頁一個很普遍的練習。比方說,如果你不喜歡主題原先設定的首頁,你可以改變它。

一旦你建立好你想要設定為首頁的頁面,去到:

Settings > 閱讀 > 靜態頁面 > 儲存變更

setpage

進階篇:

WordPress外掛

外掛讓Wordpress變得很強大。如果你想要加入東西,像是或消息訂閱。你很有可能可以取得免費或優質的外掛。

這給予不是那麼懂科技的用戶能夠做他們想像的事情的能力。真的有好幾千個外掛可以選擇。

安裝外掛:

外掛 > 安裝外掛

install plugin

接下來,輸入你想要尋找或安裝的外掛名稱。或者你可以上傳外掛的zip檔案。

重要提醒

付費或優質的外掛,你需要上傳zip檔到你的網頁。很顯然,你在Wordpress的免費倉庫找不到它們。

plugin install

最後,啟用外掛

SleyktKg

我推薦的免費外掛

我建議你安裝我提到的以上外掛

WordPress 安全性

這是我當初剛開始使用Wordpress的時候,我希望有人能給我的建議。現今,要入侵一個網站相當簡單。遵照以下的步驟,我們無法保證駭客不會入侵,但會使他們更難入侵你的網站。

步驟一:替你的Wordpress安裝和虛擬主機設一個複雜的密碼。不要偷懶

步驟二:定時更新Wordpress、主題和外掛。

大部分的時候,這是駭客如何入侵的。他們利用。免費主題和外掛,尤其是那些受歡迎的。這就是為什麼我們總是建議不要使用免費的主題,他們很常被入侵。

不管你何時登入你的網頁,你會看到有幾個物品需要更新。

更新

步驟三:安裝

步驟:刪除所有你沒有在使用的主題

即使一個主題不是在使用中,它還是有可能被駭入。或更糟,駭客可以用不同的方式入侵,而且在你沒有在使用的主題中暗藏病毒,讓他們變得難以尋找和清除。

去到:外觀>佈景主題>然後選擇你想要刪除的主題

delete all themes

點擊主題後,按刪除。

remove theme

用其中一個你沒有再用的主題來做

步驟四:刪除所有你沒有再用或是許你主機包你安裝好的Wordpress外掛

例如Hello Dolly是一個幾乎沒在做事的外掛。刪除他,不要或更糟,駭客入侵你的網頁。

提醒:有些可能在使用中,你在刪除之前必須要停用它。

delete plugins