WordPress 基本介紹

/

本篇要解決的問題

這個是之前幫朋友整理的簡報,主要是介紹 WordPress 給完全沒用過的人。不過很可惜的是這份簡報後來沒用到,但想既然都製作好了,就整理成這篇。

本篇所用的 PowerPoint 版型來自於:Viola presentation template


開源、資源多

開源、資源多

看了維基百科:

截至2018年4月,排名前1000萬的網站中超過30.6%使用WordPress。

維基百科

像 WordPress 這種要面對全世界的開源碼,如果要擴大使用面,操作介面就不能設計得太複雜。

因為最好的設計,就是不用教大家一看就會使用的設計。

而且 Augustus 的使用經驗是,當時也沒看什麼書或是 Youtube 的教學,自己摸個一個下午,就大概知道什麼選項可以做些什麼。

像這類開箱即用的工具,難的部份是在「開箱」,而不是「使用」。

另外也因為使用的人多,因此當遇到困難時,Google 一下通常可以找到解法。


頁面樣式

頁面樣式
頁面樣式

WordPress 控制頁面樣式的就是「佈景」,7,972 這個數字是來自於官方頁面:

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

佈景主題目錄 這裡有 7,972 個能賦予 WordPress 網站獨特風格的佈景主題
佈景主題目錄 這裡有 7,972 個能賦予 WordPress 網站獨特風格的佈景主題

實際上,這個數字也一直在更新,因為一直有人提交新的佈景。

佈景主題都是一鍵安裝的,不需要具備前端工程師的知識,也可以從 WordPress 架一個很漂亮的頁面。

這就像我們今天想要一張椅子,我們有二種選擇:

  1. 自己做,可 100% 客製到符合我們心中的樣子,但須要懂怎麼做,以及會耗掉時間
  2. 去傢俱店買,快速且可以符合椅子的基本功能,但無法 100% 是我們心中想要的

所以囉,如果公司養得起工程師,又要靠工程師賺 $$ 的話,適合自己養;而如果只是小本經營,網站部份也不影響主要收入的話,適合直接用 WordPress。

佈景篩選功能

佈景可篩選來尋找
佈景可篩選來尋找

因為佈景數量龐大,在找想要的版型時,可以直接透過篩選功能來把範圍縮小。

投影片上是因為字數關係整理過的,官方提供的篩選選項是這樣:

官方篩選項目
官方篩選項目

佈景 > 自訂

佈景 > 自訂
佈景 > 自訂

除了一鍵套現成佈景,WordPress 也提供小幅修改,主要是字型、文字大小、顏色……等。

有些佈景還會提供整個頁面的佈局修改。

而每個佈景會開的小工具欄位也不相同,但至少都會開一個欄位讓使用者放小工具。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝


權限管理

權限管理
權限管理

WordPress 預設提供了五種角色,各自有的權限簡單整理如下:

五種基本角色
五種基本角色

第五種因為字數沒放上去,就是「訂閱者」,簡單來說就是粉絲,不具備任何權限,只有當網站有新文章時會收到通知。

使用情境

以下是以權限管理的部份,來用一個使用情境講解:

權限管理的使用情境。圖片來源:iconfinder
權限管理的使用情境。圖片來源:iconfinder

首先,先把幾位主要撰稿人設為「投稿者」。

接著設立一個主要帳號為「編輯」。

設完後,投稿者就負責撰稿,編輯就負責審稿。

文章發佈的時間,就由編輯來確認是立即發佈,還是設排程在指定的時間發佈。

User Role Editor

User Role Editor 可自訂權限
User Role Editor 可自訂權限

User Role Editor 是一個有 60 多萬安裝次數的外掛,安裝後就可以自訂每個角色所具有的權限,也可以新增角色。


文章、頁面

WordPress 可以新增文章或是頁面,這二者的區分主要是按「目的」。

文章:例行性質,版面相同。如:最新消息、新文稿、部落格、公告……

頁面:獨立頁面,會被加進導覽列裡的。如:活動頁、網站地圖、產品特色、關於我……

頁面:外掛可以支援不同版型,因此可以被製作成首頁。

文章、頁面的觀看權限

文章、頁面在發佈時,有三種權限可以選擇:

文章、頁面的三種觀看權限
文章、頁面的三種觀看權限

「私密」的部份,像是我們可以藉由上面的「User Role Editor」這個外掛,新增一個「VIP」的角色,然後只有「VIP」才可以看到私密文章。這樣就可以把我們的訂閱者分成「免費使用」、「付費 VIP」來經營。

版面配置、基本區塊

在建立文章、頁面時,目前 WordPress 編輯器都是一個區塊、一個區塊去建立的,有提供以下版型及區塊:

10 種版面配置
10 種版面配置
35 種基本區塊
35 種基本區塊

匯入、匯出

匯入、匯出
匯入、匯出

左邊四個,是 WordPress 可直接安裝的匯入、匯出外掛。

右邊的 Medium 部份,有外掛可以使用,這部份 Augustus 未實際用過,可自行 Google 尋找方法。


媒體庫(圖片、影音)

媒體庫(圖片、影音)
媒體庫(圖片、影音)

WordPress 有一個統一管理圖片、影音的媒體庫。

比方說,我們一個站總共有 100 篇文章,一篇文章裡有 3 張圖片。有一天主管突然說「幫忙改改 xxx 的圖片替代文字」。好,難不成我們要一篇一篇文章打開來找?找完也差不多就下班了。

WordPress 的媒體庫就是所有圖片、影音的清單,因此從媒體庫中去找到那張圖,然後修改就行。

自動裁切三種尺寸

自動裁切三種尺寸
自動裁切三種尺寸

在 WordPress 上傳圖片,背後都會裁成三種尺寸出來,主要是能適用於各種裝置及區塊下。

比方我們傳了一張 1920*1080 的圖,大小是 1MB。在我們首頁列表,或是每頁的側邊欄,圖片一定不會用到這麼大,我們總不可能在一個 300*250 的區塊也硬塞 1920 的圖進去,這樣很吃資源,也會讓使用者耗掉太多不必要的網路流量。

之所以要裁出其他尺寸就是為了解決這種小格子塞大圖的狀況。


外掛

外掛
外掛

外掛是為自己的網站加分再加分的工具,其實不用也可以,一樣可以把一個站經營的很不錯,但如果想要追求卓越,就一定會用到外掛。

58,114 個外掛這個數字,當然也是官網上顯示的,但因為才過幾天,官網就變 59,190 個了,來不及截圖,只好截最新的 XD,這成長速度真是嚇人~

外掛目錄
外掛目錄

以下是條列外掛可以額外做的事:

外掛可以做的事
外掛可以做的事

這些只是冰山一角,對於 WordPress 很專精的高手們,都可以用出更多讓網站起飛的各式外掛。

也是因為在製作這份投影片,才知道有翻譯的外掛,本站也裝了上去,就在側邊欄。


缺點

缺點
缺點

當然,因為 Augustus 不是來這裡業配 WordPress 的,對方也不會來斗內,所以就要提一下缺點了。

後台當文章數開始多了以後會卡,這感受很明顯,尤其本站的文章數超過一百篇,在載入後台時,跟載入剛成立的文章數不到十篇的速度,就差很多。

所以建議文章數多到炸裂的站,可以分幾個子網域,或是用 Multiple Sites 的方式來分開維運。

但,也有可能是 Augustus 租的主機的問題,畢竟都要撤出台灣了(泣)。

另外還有一個要注意的是,外掛很多,但不是每個外掛都會持續在更新。

而可以確定的是,WordPress 會不停地更新。

以前就有遇過,有一天打開網站,網站整個一片空白,什麼內容都出不來。

後來查了半天才發現,是一個外掛太老舊,導致 WordPress 更新後追不上,就掛了。


心得

祝大家使用愉快
祝大家使用愉快

其實 Augustus 對 WordPress 也就是「會用」的程度,而且目前是 Let’s Write 這個站經營的最認真,但受限於是部落格的形式,因此不太會像當一個官方網站一樣來經營,所以還有很多 WordPress 的好用功能是還不知道的。

常常看見 WordPress 在 FB 社團上有人的分享跟提問,都覺得果然高手在網路間。

這一篇是 Augustus 的經驗分享,希望對看到的你們有所幫助。

Summary
WordPress 基本介紹
Article Name
WordPress 基本介紹
Description
本篇大綱:本篇要解決的問題。開源、資源多。頁面樣式。佈景 > 自訂。權限管理。文章、頁面。媒體庫(圖片、影音)。外掛。缺點。心得。這個是之前幫朋友整理的簡報,主要是介紹 WordPress 給完全沒用過的人。不過很可惜的是這份簡報後來沒用到,但想既然都製作好了,就整理成這篇。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Firebase Google

Firebase Performance 使用筆記

Firebase Google

Firebase Authentication 第三方登入 – Google、FB

WordPress

WordPress 基本介紹

Front-End

File API 客製上傳檔案按鈕 / input file

Bot Telegram

Telegram Bot 學習筆記 – 5:取得使用者大頭照

Vue

Vue CLI 安裝 Tailwind CSS

Google Maps

Google Maps API 學習筆記 – 3:用熱圖 / Heat map 製作全台 12 小時雨量分佈圖

Google Others

用 reCAPTCHA v3 來做非機器人驗證

Front-End

Day.js 計算最近7天、上週、上個月的日期

Analytics Google

GA 工具 Google Analytics Debugger 介紹及使用

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 Augustus 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 Augustus 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。

訂閱
通知
guest
0 Comments
Inline Feedbacks
看所有留言