8/11/2023

注音與拼音對照表

幾年前曾到廣州工作、生活,當時為了方便使用簡體字溝通,花了一些時間學習那邊常用的拼音輸入法,在桌上型電腦以及手機操作都用得到。後來,我發現手機裡的繁體中文也有提供這種拼音輸入。基於個人的使用經驗,我覺得手機上輸入中文時用拼音會比注音快。這可能是因為注音輸入常常還需要選擇四聲,那就會比較費時一點點。

最近在整理手邊的資料,找出了當年用手寫的注音與拼音對照表,回想起自學拼音的過程。我覺得這個對照表可能對某些想要學習拼音輸入的人會有幫助,就將這個表格電子化上傳。

至於學習拼音輸入的過程,順便總結一下經驗:

1) 如果原本就會鍵盤英打的人,熟悉英文字母的鍵盤位置,那在學拼音的時候,應該會覺得還滿容易上手的。

2) 建議初學者可以先把注音和拼音的對照表先反覆瀏覽幾次,了解拼音的基本邏輯。接著,可以拿原來就熟悉的文本當作素材來練習,例如唐詩或流行歌的歌詞。也就是,試著用拼音輸入法打出唐詩或歌詞,這個好處是,有沒有打錯你可以立刻察覺、校正。反覆多練習,自然就會熟悉。我當年是拿姪子的小學語文課本來練習。

3) 學習過程中一定會遇到比較奇怪、老是搞錯的拼音組合,可以作筆記,加深印象。例如注音ㄩ通常拼音用u,例如取的拼音是qu。但是女生的女,拼音卻是nv。如果打nu的話,會變成怒、奴、努這些字。


注音拼音對照表 手寫

注音拼音對照表


2/26/2022

移除Captcha 4WP外掛的步驟

在網站後台收到通知,我所安裝的防機器人登錄留言的外掛Advanced noCaptcha & Invisible Captcha(後來更名為Captcha 4WP),自2022年3月15日起,免費版將不再支援Contact Form 7的防機器人留言功能。這項功能將只有付費版才提供。

無奈之餘,只能選擇解除安裝Captcha 4WP,更換外掛。先前我寫過一篇安裝Advanced noCaptcha & Invisible Captcha的說明,本文我將分享如何移除Captcha 4WP外掛。至於新增的外掛,我選擇的是hCaptcha for WordPress,其安裝步驟在此

移除Captcha 4WP外掛的步驟主要分成三部分:

1. 移除外掛本身:按照一般外掛的移除方式,先停用(deactivate),再刪除(delete)。




2. 到搜索引擎搜索Google reCAPTCHA,用當初安裝設定Captcha 4WP時所使用的Gmail登入Google reCAPTCHA。來到後台,選取要刪除reCaptcha資料的域名,然後點選右上方的齒輪。等跳轉頁面後再點選右上角的垃圾桶,即可刪除資料。(注意:這個步驟是不可回復的,操作務必謹慎。)




3. 如果你曾經把recaptcha設定在Contact Form 7的表單中,那就還需要到Contact Form 7外掛,檢查每一個表單,找到其中嵌入的recaptcha代碼(也就是shortcode)移除。代碼大概是長這樣的:[anr_nocaptcha g-recaptcha-response] 或[c4wp_nocaptcha g-recaptcha-response]

4. 最後建議清除快取(通常用快取外掛清除即可,但有時需要到主機的後台去清除),再重新開啟網站,看頁面是否顯示正常。


移除Captcha 4WP,安裝hCaptcha外掛

自從開始用WordPress建站,成為網站管理員之後,就發現站長這一職真是很有事:總是有各種事可以忙。例如,日昨登入網站後台,看到一則通知,我所安裝的防機器人登錄留言的外掛,原名Advanced noCaptcha & Invisible Captcha,後來改名為Captcha 4WP,在後台發通知:Captcha 4WP自2022年3月15日起,免費版不再支援Contact Form 7的防機器人留言功能。這項功能將只有付費版才提供。




這個改變對我來說是晴天霹靂。首先,Contact Form 7是我手中所有網站都在使用的留言表單外掛,我曾花了很多時間設定並測試完成。其次,我曾經承受過被機器人惡意攻擊,導致主機服務商暫停我網站的某些功能,所以才會安裝Advanced noCaptcha & Invisible Captcha這個外掛。這次Captcha 4WP外掛的變動我無法視而不見。想來想去,包括評估過是否要購買付費版,最後決定:先換掉Captcha 4WP,安裝另一個能符合我需求的同類型外掛。

我選擇用來替代Captcha 4WP的新外掛叫做hCaptcha for WordPress。選擇它的主要原因,一是它支援Contact Form 7(以及很多其他的表單),二是它的更新時間看起來不會太久(安裝時顯示為兩周前更新過)、安裝人數多於一萬人、評價5顆星,看起來沒有令人疑慮之處。



本文將說明hCaptcha for WordPress外掛的安裝步驟。溫馨提醒:安裝新外掛的同時,建議也要把舊的同功能外掛移除,以避免日後網站運作不正常。為避免混淆,移除Captcha 4WP外掛的步驟我放在另一篇文章中,有需要參考的話請移駕收看


hCaptcha for WordPress外掛安裝的步驟:

0. 我的做法是先安裝好新的hCaptcha for WordPress外掛後,再把舊的Captcha 4WP外掛移除。這是為了避免網站的防護出現空窗期。但如果你很確定移除舊的和安裝新的外掛兩件事會及時完成,那也可以調整順序。

1. 首先進入WordPress網站後台,下載hCaptcha for WordPress外掛,安裝並啟用(安裝之後,發現它的名稱變成hCaptcha for Forms and More)。

2. 進入此外掛的設定頁面(Settings),點擊上方register here處的超鏈結,這會連到hCaptcha的官網。我們要在官網註冊並且取得Site Key及Secret Key。



3. hCaptcha官網打開時,自動顯示為簡體中文頁面,點選「報名」(意思應該是註冊)。跳轉到註冊頁面後,輸入郵箱與國家。這會再跳轉到另一頁面,讓你選擇添加hCaptcha到服務中。




4. 若前面步驟都操作順利,就會來到新的頁面,上面列有Sitekey和Secret Key,兩串英文與數字的組合。請分別點擊複製,貼到WordPress網站後台hCaptcha的設定頁面中。



5. 承上,在hCaptcha設定頁面的下半部,選擇你要在哪些地方使用captcha的功能。我個人覺得比較重要的是登入的頁面,以及連絡表單的頁面。該勾選的都勾選完畢後,記得在頁面最下方按儲存。到這裡,新的外掛已完成安裝設定。



6. 如果還沒移除舊的外掛,此時可以去移除(步驟說明)。最後,記得清除快取,然後再打開你的網站頁面,檢查新的hCaptcha外掛是否正常運作。


同一個電子郵箱帳戶,可以設定多個網站的captcha

由於我有多個WordPress網站都需要安裝這個hCaptcha外掛,我發現在第二次安裝要連到官網時,我被直接導引到hCaptcha後台而非首頁。(第一次安裝時我只輸入郵箱和國家,沒有設定密碼,所以沒有覺得自己有註冊。但事實上已經生成了一個帳號~)看起來只要使用同一個電子郵件帳戶,就可以設定多個captcha。

從帳號後台設定新的captcha,步驟會有些不同,以下我整理從hCaptcha官網後台設定另一個網站captcha的步驟:

1. WordPress後台安裝並啟用hCaptcha外掛。

2. 進入hCaptcha外掛的Settings頁面,點擊register here的超鏈結。

3. 進入hCaptcha官網後,頁面右上角先選擇Switch to English。改成英文介面是因為我發現此網站的中文翻譯不通順,容易造成誤解。

4. 點擊Sign Up的註冊按鈕。若進入選項頁面,請選擇Add hCaptcha for Publishers to my website or app。(如果此時你沒有被自動辨識,可能需要log in登入。)



5. 已經新增過captcha的會員,會被導引到後台。建議先點選右上角Sites,查看已設定過的網站有哪些。我發現後台不會自動把域名列在Name,而只是用Sitekey來命名,這會造成日後辨識的困難。所以請點選每個Sitekey右側的Settings,把網站名稱或域名補充寫入。填寫完畢記得按Enter,並且右上角按Save儲存。




6. 如何新增一個網站的captcha:

6-1. 點選後台右上角Overview,再點選頁面右側的New Site按鈕。



6-2. 在Add New Sitekey下方填入網站名稱。在General Information下方填入域名。(我發現這兩個都是optional,意思好像是,不管有沒有輸入域名,都可以生成captcha?)最後按右上角Save儲存。



6-3. 回到Sites頁面,找到剛才新建立的那筆資料,重新點進Settings,複製Sitekey到你的WordPress網站後台的外掛設定頁面中。



6-4. 現在還需要Secret key。找了半天,發現它放在個人帳戶設定中,似乎同一個帳戶是使用唯一的一個Secret key。點選右上角帳號頭像,進入Settings,就可以看到Secret key,把它複製到WordPress網站後台。



7. 回到WordPress網站後台,把hCaptcha設定頁下半部需要勾選的選想勾選完成,記得最下面按儲存。這樣就完成安裝設定了。

8. 再提醒一次,記得移除舊的不要的外掛(移除Captcha 4WP步驟)。最後清除快取,並檢查新外掛是否運作正常。


我在另一篇文章中曾提過,選擇外掛我習慣西瓜偎大邊,也就是選擇最多人使用的外掛,因為用戶多的外掛通常比較穩定,更新的頻率也比較高,理論上與(不斷更新的)WordPress核心程式的兼容也會比較好。但是,如同這一次,遲早還是會遇到某些熱門外掛發生重大的改變,以致不再適合使用。遇到這種情況也只好另謀出路了。


2/10/2022

Redirection外掛安裝及設定 | WordPress站長日常

WordPress網站建站後,管理員平日在後台進行各種操作維護,有可能會:刪除某個網頁,或是把文章、頁面的網址改掉,這樣的操作會造成網頁網址的變更;更具體來說,那些被刪掉或被改掉的網址都不復存在,也就是失效了。如果試圖用瀏覽器開啟這樣的網址,會被導向「404 Not Found找不到網頁」的頁面。

本文介紹入門級的Redirection外掛基本設定,能夠使那些被刪掉和被改掉的網址,自動被重新導向(redirect)到有效的網址。


網址失效了,你卻不知道?

試想,當網站訪客用瀏覽器試圖開啟你的某個網頁,看到的卻是「404 Not Found找不到網頁」的通知,是否會覺得觀感不佳?給訪客這樣的體驗,顯然是有缺陷的。我們當然希望訪客能夠順利開啟他們想要造訪的網頁,我們希望自己網站上的網頁盡可能都能打得開。

讓我們再想一下,為什麼已經刪掉的網址還會有人去開啟?以下試舉幾種可能的情況。

例如一,在你網站的某個或某些網頁中,你曾經設定這個已失效網址的超鏈接,也就是內部鏈接(internal link)。這個鏈接在你後來改掉網址或刪掉網頁後,並沒有同步更新,於是每當有人點擊這個鏈接,就會找不到網頁,而導向404頁面。

例如二,這個原本存在的網頁已經被搜索引擎收錄了。當某位訪客在Google搜索結果中搜到這個網頁,並點擊開啟時,由於網頁已經不存在或是網址已經變更,瀏覽器找不到它,便導向404頁面。

例如三,這個原本存在的網址,曾經被分享到外部網站,例如你自己將網址發布在Facebook粉絲團,或是陌生人將這個網址引用在他們自己的部落格(一般稱外部鏈接)。在你刪除網頁或更改網址時,這些外部鏈接不可能被同步移除或更改,因此,瀏覽器只能導向404頁面。



我們可以想像,在不加任何處置安排的情況下,網站管理維護的過程中遲早會「製造」出一堆導向404頁面的網址。當然,如果是那種剛生成沒多久就被刪掉或改掉的網址,由於還沒有人知道它們的存在(意思是,搜索引擎還沒有收錄它們,而你也還沒有把網址鏈接分享出去),就算不加任何處置也沒什麼問題。但如果你要刪掉、改掉的,是已存在一段時日的網頁,那麼在刪改網址的時候就得三思了。

太多的404 Not Found,將導致訪客被阻擋在沒有意義的網頁不存在頁面,當然會造成訪客的體驗不佳,也讓網站失去了本該擁有的流量,甚至是流失了潛在的商業機會。再者,過多的404頁面會導致搜索引擎對網站降低評等,不利於SEO。

但既然刪改網址是遲早會發生的正常操作,就建議最好能安裝具有「重導向」功能的外掛。重導向redirection,也稱作轉址,顧名思義就是把來造訪「舊網址」(通常是失效網址,但也可以是有效網址)的訪客,重新導向到「新網址」(有效網址)。

幸運的是,WordPress網站站長可以利用外掛來完成重新導向的設定。本文要介紹的外掛,名稱就叫做Redirection,它可以實現的基本功能有:

1. 每當你修改網頁的網址,Redirection外掛會自動生成一個重導向的指令,把舊的網址導向到新的網址。這樣能確保,造訪那個被你改掉的網址不會導向404頁面,而是去到新的網址。

2. 當你將某個網頁完全刪除,此外掛可以讓舊網址自動重新導向到首頁(你也可以手動設定導向到別的網頁)。

3. 有些站長或網路行銷人員會利用這樣的重新導向功能,把來造訪某個網頁的訪客直接引流到另一個網頁。最後到達的網頁,可以是在同一個網站,也可以是在不同域名的另一個網站,例如把https://thisdomain.com/contact-me,導向到https://thatdomain.com/。


Redirection這個外掛是免費的,而且使用的人很多。一般情況下我會推薦使用用戶較多的外掛,這不只是西瓜偎大邊,也是因為用戶多的外掛通常較穩定、更新較頻繁,並且不容易發生被開發者「棄養」的情況(我說的棄養就是開發者不再更新外掛。由於WordPress核心程式不斷在更新,如果某個外掛被棄養,它遲早會變得過時,終致與核心程式不相容,到那時候就迫使用戶必須解除安裝,另找外掛來替代,比較麻煩!)


如何設定Redirection外掛


1. 進入WordPress網站後台,在左邊清單列找到「外掛」,點擊「安裝外掛」按鈕,在搜尋框內輸入「redirection」,就能找到它。點擊「立即安裝」,再點擊「啟用」。


Redirection 外掛的使用人數眾多,且更新頻繁


2. 回到「已安裝的外掛」頁面,找到Redirection外掛。點擊settings(設定)。這個外掛的設定頁面包含若干個標籤頁,在頁面上緣可以找到它們。其中「重新導向」是用來設定舊網址和新網址組合,「選項」則包含一般設定。



3-1. 在標籤頁「選項」的第一部分「記錄」,可讓我們設定重新導向記錄以及404記錄的保留時間。我們可以根據這些記錄得知失效的網址還有多少點擊。


記錄保留的時間可依自己的需要設定


3-2. 在標籤頁「選項」的第二部分「網址」,URL Monitor指的是你要監控的網址包括哪些。例如我希望「文章」、「頁面」的網址,只要有變更都要自動重新導向到更新後的網址。另外,如果我有刪除網頁,其網址會自動導向至首頁(如果日後希望能導向其他頁面,可以到「重新導向」標籤頁去手動更改設定)。


檢查網址重新導向的設定,是否符合你的需要


3-3. 同樣在第二部分「網址」,Default URL settings有兩個選項我建議勾選:case insensitive matches指的是輸入的網址不分大小寫,ignore trailing slashes指的是網址結尾有沒有斜槓都一樣。勾選之後,代表不管訪客輸入的網址有沒有大小寫正確、結尾有沒有包含斜槓,只要網址本身寫得正確,都能順利開啟網頁。


4. 設定完畢記得在頁面最下方點擊「更新」。這樣就完成了最基本的設定。


除了上述的自動重新導向設定,我們還可以自行設定某個網址重導向到另一個網址。


如何手動設定重導向


1. 進入Redirection外掛的settings頁面,點選「重新導向」標籤頁。

2. 在「重新導向」標籤頁下方的「新增重新導向」,填入正確的「來源網址」和「目標網址」,填寫完畢後,記得點擊下方的「新增重新導向」按鈕。每一組的重導向設定完成後,都會出現在上方的列表中,可以隨時查看,編輯、刪除或停用。

填寫來源網址和目標網址時,可以用完整網址,也可以簡化表示,例如https://mydomain.com/contact/這個網址,只要寫成/contact/就可以了(也就是從前端的https一直到域名本身都不用寫出,從斜槓開始即可)。但如果你的目標網址是屬於另一個不同域名的網站,就必須寫出完整的網址才行。


將contact這個網頁重導向到首頁


新增成功之後,可以在上方列表中查看、修改


如果想要導向到不同域名的網址,則目標網址應該寫完整


同樣的,新增成功之後,可在列表中查看


以上就是Redirection外掛的基本設定與使用方法,希望對您有幫助!


1/27/2022

WordPress網站小保養和大保養 | WordPress站長日常

身為需要管理8個WordPress網站的管理者,系統化的管理模式對我來說至關重要。經過幾年的摸索,有關WordPress建站的知識慢慢增加,我也開始建立起所謂的管理流程。

首先釐清一點,有些網站內容多、流量大,可能已經建置了一整個Team在維護,人多就有分工,甚至根本就有專人在負責IT。如果你或你公司的網站是屬於這種類型,那麼很幸運地你其實不需要閱讀本文。

本文所討論的WordPress網站維護,基本上是由一人打理,從文字文案撰寫、圖片收集及基本處理、基於範本的版面設計,以及網站本身的建置(買域名、選主機、設定DNS、安裝WordPress、下載各種外掛並安裝、抓bug)。然後,別忘了做完以上工作累得像條狗之後還有念茲在茲同樣重要的SEO搜索引擎優化等著進行。寫完這一串項目,突然覺得自己的工作不太人道~不過因為是幫家人的公司做,而且也都是小網站,所以就不嫌棄別人也不嫌棄自己,邊做邊學慢慢前進了。



這裡所介紹的WordPress網站維護基本流程,當然是基於我個人需要而規劃的,但我想對於某些同樣身為網站管理者的尤其新手來說,或許也有參考價值。那麼,我們就進入正題了。


風險意識,一定要有

每次進行網站維護之前,建議先做一次網站備份。最好主機備份和異地備份都做,這是個防範的動作,有做有保庇。萬一發生萬一的萬一,你會感謝有先做備份的自己。

我把網站管理維護工作簡單分成三大部分:


1. 平日工作

平日的工作主要是生成內容並上傳到網站,這又可細分為以下:

-撰寫文章並編輯、備置圖片並剪裁、拍攝影片並剪輯。

-將圖文內容上傳到網站後台,製作成新頁面(page)、新文章(post)。上傳並發布的流程,我會列出一個檢查清單(checklist),上面會有關於網址名稱命名、文字格式、圖片尺寸、設定鏈接等提醒,以保持發布內容格式的一致性,避免必要元素的遺漏。

-網站架構維護,包括WordPress核心程式、佈景主題以及外掛的日常更新(可參考我另一篇有關外掛更新的管理)。

- 網站安全性檢查。每次進後台都查看警示報告,看看有無值得特別關注的異常狀況。


2. 小保養

由於平日工作主要是專注在內容的製備及上傳,時間和注意力有限的情況下難免會忽略一些細節,因此就排定每一至三個月做小保養,所需花費的時間依網站複雜度而不同。主要項目包括:

-檢查文章與頁面的SEO設定有無遺漏:

a. 圖片有沒有都設定ALT
b. 文章與頁面有沒有設定關鍵詞(keyword)和描述(description)
c. 文章與頁面有沒有設置精選圖片(featured image)
d. 文章網址、頁面網址、圖片網址是不是用英文數字的格式(我個人偏好不使用含中文字的網址,但有時上傳會誤用)。提醒:想要修改網址的朋友,請記得要先安裝有網頁301轉址功能的外掛,以避免被改掉的網址變成404無法開啟。
e. 檢查文章與頁面是否都已有適當設置內鏈(internal links)

-首頁讀取速度是否正常:使用Google Page Speed、GTmetrix或Pingdom跑跑看,是否下載速度有異常,例如不小心上傳了1MB的圖片原始檔,發現之後可以趕緊改善。

-可以特別檢查一下每個頁面的手機版和ipad版是否都能正常顯示。其實這個在頁面製作完成的時候就應該都調整好,但人是肉做的,有時就是會忘記/沒空啊~


我覺得應該是因為我手邊有8個網站要維護,這意味著每一輪維護都要依序打開8個網站,同一項檢查(例如圖片的alt補充)要做8次,做完一項就已經快思考半癱,所以才有必要將維護工作分成小保養和大保養。如果你的手上只有一個或兩個網站,那麼我覺得大可以將小保養和大保養結合在一起完成。



在顯示項目設定處,勾選關鍵詞、Meta描述,以及內鏈和外鏈


設定顯示之後,就可以在頁面和文章列表中,看到關鍵詞和Meta描述、內鏈外鏈的設定狀況。


3. 大保養

大保養的目的是針對網站的結構進行深度的檢修。我們平日對網站添加內容,只會注意到內容有沒有正確顯示在網頁上,但是有可能在無意之中更動了網站結構。例如,把一個已經發布的網頁網址改掉之後,舊的網址如果沒有設定301轉址,就會變成無法訪問的404網頁。又例如,在無意之間上傳了大尺寸的原始圖片,導致網頁讀取速度被拖慢。這些難以用肉眼察覺的問題,最好能用網路工具來協助檢查,再一一排除。

檢查Google Search Console是否有提示錯誤訊息

這個Google站長工具應該很多人聽過、用過,目前可以免費註冊使用。使用之前須先驗證網站存取權。若是剛驗證通過,可能一時間不會提供什麼優化建議。待Google爬蟲爬取你的網站一段時間之後,就會累積對這個網站的了解,若找到什麼問題,會發郵件通知,建議你改善。

使用Ahrefs Webmaster Tools掃描全站,排查各類錯誤

這是國外的另一個站長工具,介面是英文的,目前可以免費註冊使用。同樣,使用之前須先驗證網站存取權。驗證通過後,可以立刻執行全站診斷。在Site Audit這個頁面查看診斷和除錯建議。比較常出現的重大問題會以紅色圓標表示,次要問題是橙色圓標,沒問題是藍色圓標。常見的重大問題包括4xx網頁(無法訪問的網址)、301網頁(太多網頁轉址)、圖片沒有設定alt、頁面漏了description、同一頁面重複使用兩個以上H1標題、沒有設置內鏈等等。 這個Site Audit你可以設定每星期指定時間執行一次(每月有掃描額度上限,但好像很難用得完),它能幫助網站管理者快速找出網站潛藏的問題。


網站管理本來就是一件需要費心的事情,牽涉繁複的知識和細節。而運作再怎麼流暢的網站,有時也還是有小細節需要調校。所幸有了好用的網路工具,加上自訂的管理流程,可以系統化的執行工作,提高效率和幸福感!



補充說明:

以下這幾個外掛是我認為網站管理必備的。如果你不喜歡這幾個外掛,也可以找同功能的來替代。

Redirection: 設定網址重新導向,也就是轉址
Smush: 把上傳後的圖片壓縮,以加速網頁讀取
Wordfence: 防毒防駭
All-in-One WP migration: 備份

1/26/2022

管理Plugin外掛更新通知 | WordPress站長日常

外掛更新(plugin update)是WordPress網站日常管理的一環,它有相當程度的重要性,畢竟讓外掛發揮功能,網站才能正常運作,而由於外掛的程式經常更新(就如同手機的APP),網站管理者有責任經常維護,使外掛程式保持在最新版。除此之外,佈景主題(theme)和WordPress核心程式也會不時發布更新,需要網站管理者留意維護。

當某個外掛程式發布更新、佈景主題發布更新、WordPress核心程式發布更新,WordPress網站會透過電子郵件來通知網站管理者。儘管每個WordPress網站安裝的外掛數量不盡相同,但根據我自己的經驗,架站時間夠長的話,外掛最少也有十幾個。

但是但是但是(因為煩惱所以說三遍),外掛程式開發者並不會約好了都在同一個時間發布更新,也就是說,我們身為網站管理者,幾乎每週都會收到這個外掛、那個外掛需要更新的通知,此起彼落,源源不絕。實務上,我們不太可能一收到郵件通知就馬上打開網站後台操作更新,而一年到頭在接收這種更新通知,會導致感覺麻痺。(也可能是因為我管理的網站比較多,所以才會感覺如此麻痺。)

總而言之,本文就以筆者個人經驗,希望透過設定來簡化外掛(plugin)、佈景主題(theme)、核心程式(WordPress)的更新流程。


首先介紹一個概念,佈景主題程式開發者以及外掛程式開發者在更新程式的時候,除了優化自己的外掛功能、修補漏洞之外,還必須使自己的外掛兼容於最新版的WordPress核心程式。反過來說,每當WordPress核心程式發布更新,實務上佈景主題程式以及外掛程式需要一小段時間差,才能隨後發布與其兼容的更新程式。

這個時間差,有時重要,有時不重要。讓我們假設某外掛現下的版本跟今天最新發布的WordPress核心程式有不相容之處(但我們若不是專家通常不會知道),那麼如果我們在不知情的情況下,立即更新了WordPress核心程式,就有可能造成該外掛的功能不正常,從而導致網頁顯示出現問題。當然,再次強調,並不是每次WordPress核心程式更新都會跟外掛相衝突。


基於這個概念,筆者在管理更新作業的時候,採取的策略如下:

一、除了與佈景主題相關的外掛,以及網頁編輯器外掛(如Elementor)之外,一般的外掛我都設定為自動更新。設定方式是進入網站後台,在左側清單選擇外掛>已安裝的外掛。然後在外掛清單的最右一欄,選擇啟用自動更新(Enable auto-updates)。設定自動更新之後,每當這些外掛的開發者發布更新,不管是在台北時間早上六點還是深夜兩點,我網站上的相應外掛都會自動進行更新,不需要我一一進入後台去操作。(不過,每次有外掛自動更新完畢之後,WordPress會發電子郵件通知我更新已完成。它這樣很乖巧,但是我並不想頻繁被這類郵件打擾,所以我要設法關閉這種通知。方法請見本文後半部。)


plugin auto update


二、至於沒有被設定自動更新的佈景主題相關外掛,以及網頁編輯器外掛,我的做法是,在收到電子郵件通知需要更新之後,撥空進入後台去手動更新會這樣做是因為,佈景主題外掛和網頁編輯器外掛是比較重要的程式,萬一更新後發生異常,會影響到所有頁面。所以我在手動更新這類外掛之前,會先做一次手動網站備份。而更新這些外掛之後,我也會查看前台頁面的顯示有沒有異常。萬一有異常的話,就可以馬上處理。

三、最後是關於WordPress核心程式的更新。前面提過,WordPress核心程式發布更新時,往往許多外掛都還沒跟上更新,因此我會等一段時間(約略一兩星期),再去後台手動更新WordPress核心程式。同樣地,更新WordPress核心程式之前,先做一次網站備份。

還有另一個比較細緻的做法,就是在更新WordPress核心程式之前,先手動檢查每個已安裝外掛(點選外掛的查看詳情),查看該外掛與WordPress核心程式的兼容狀況。如果有任何重要的外掛還沒有跟上最新的WordPress核心程式,就先不要把WordPress核心程式更新。(至於什麼是重要的外掛,並沒有統一標準。我只能說,不重要的外掛就是那些即使停用也不會影響網站基本運作和顯示的外掛。)


check if plugin compatible with WP core


最後,談一下如何關閉外掛自動更新的郵件通知(disable the WordPress plugin update notification)

雖然我已經把大多數的外掛都設定為自動更新,但是WordPress很貼心的在每次完成一個外掛的自動更新之後,都會發電子郵件通知我。也許有些人覺得很OK,但對我來說這是滿干擾的,所以我只好再找一個可以關掉自動郵件通知的外掛,希望減少比較不重要的郵件通知,而保留比較重要的郵件通知(例如WordPress核心程式更新、網頁編輯器外掛更新、以及佈景主題相關外掛更新的通知)。


關閉外掛自動更新的郵件通知,步驟如下:

1. 安裝Manage Notification E-mails(這是一個外掛):按照安裝外掛的標準步驟,下載、安裝並啟動它。


plugin manage notification e-mails


2. 如果需要的話,安裝後可以順便把這個外掛啟用自動更新

3. 進入Manage Notification E-mails這個外掛的設定(setting)頁面。把以下兩個選項取消勾選。取消勾選後,記得在頁面底部點選儲存設定,才算完成。


disable update notification


Automatic WordPress plugin update e-mail (外掛更新完成後的自動郵件通知)

Sends an e-mail after a successful automatic plugin update to administrators. E-mails about failed plugin updates will always be sent to the administrators

取消勾選的意思就是,外掛完成自動更新之後,不要用郵件通知我。


Automatic WordPress theme update e-mail (佈景主題更新完成後的自動郵件通知)

Sends an e-mail after a successful automatic theme update to administrators. E-mails about failed theme updates will always be sent to the administrators

取消勾選的意思就是,佈景主題完成更新之後,不要用郵件通知我(其實我沒有選擇自動更新佈景主題,而是自己到後台手動更新,所以這項通知也是不必要的)。


以上分享筆者管理外掛更新、佈景主題更新,以及WordPress核心程式更新的方式,僅供參考,不代表正確答案。無論如何,簡化WordPress網站管理的瑣碎環節,是為了節省精力和注意力,用來從事更重要的工作,例如SEO,然後相信某種程度上也是可以提高生活品質才是。


10/03/2021

製作gif動圖的2個方式:使用Python與Keynote

前陣子出於行銷需求,我想要自己製作gif動圖來吸引潛在客戶的目光。由於是實驗性質,也沒有預算可以花錢請人製作,於是就探索了一下DIY的可能性——用自己粗淺的Python知識湊出程式碼來用,很幸運有成功。後來呢,我又驚喜的發現,原來Mac電腦裡的Keynote軟體就可以用來製作「動畫式gif」(應該是我個人後知後覺吧~)以下就來介紹兩種製作gif動圖的方法。


使用imageio函式庫,製作gif動圖


我使用的是imageio這個函式庫,跑程式之前須先安裝它。我是在MacBook Pro裡面使用Python,所以進入終端機之後,以下列語法安裝:

pip install imageio


接下來,就是寫Python程式來完成任務。gif動圖生成的邏輯算是簡單的,首先要有至少2張圖片(我先把它們存在同一個檔案夾內,例如myfile檔案夾)。程式碼要做的,是把圖片名稱存入一個列表裡。接著利用imageio語法逐一讀取圖片,然後存為gif檔案格式。


import os

import imageio



#建立一個儲存檔案名稱的空列表

file_names = [ ]


#從存有圖片的檔案夾中,讀取圖片檔案名稱。然後要加上檔案夾路徑,然後存在列表中。

for file in os.listdir(path='./myfile'):

    if file[-5:] == '.jpeg':

        file_names.append('./myfile/' + file)


print(file_names)


#建立一個儲存圖片的空列表

images = []


#把一開始儲存檔案名稱的列表叫出,逐一存入圖片列表

for i in file_names:

    print(i)

    images.append(imageio.imread(i))


#存為gif動圖格式

imageio.mimsave('output.gif', images, fps=0.8)






目前我發現這組程式碼的缺點是,我無法指定圖片出現的順序。如果圖片出現的順序不是預期的,會有點傷腦筋。目前補救方式,只能重複多跑兩次程式,看看會不會出現一次是正確的順序這樣。



用Keynote製作動畫式gif


用Keynote軟體製作gif動圖,需要把圖片貼到Keynote的頁面上,再存為動畫式gif。


1. 開啟Keynote,新增檔案。點選右上角的「文件」,在右側清單下方設定「幻燈片大小」。寬和高依照需要而定,這裡先用350px的正方形製作。(雖然可設定更大,但儲存時最大為480px)




2. 把圖片一一貼到Keynote頁面上。如有需要,還可以利用這個軟體的編輯功能,在頁面上增加文字或圖案。編輯完成後,選擇「檔案」--「輸出至動畫式gif」。




3. 儲存之前,要設定好參數。這些參數可自己選擇、比較不同效果。要注意的是,內建的解析度只有480x480。如果你需要更高的解析度,那就無法使用這個方式製作動圖了。





這個就是Keynote生成的gif檔案。我還發現,用Keynote製作出的GIF檔案會比較大,例如這次製作,python的GIF圖vs.Keynote的GIF圖=146KB vs. 1.3MB。