[WordPress] WPCode – Insert Headers and Footers 追蹤代碼快速部署

記得剛經營部落格的時候,常常需要把一些分析代碼加入網站中,例如:Google Analytics (GA4)、Facebook或其他第三方的數據收集代碼,而新手通常遇到的第一個問題就是不知道該怎麼加入代碼,不過隨著時代的演進,這種問題的解決方法越來越簡單,尤其是對使用WordPress平台的用戶來說,只要安裝個外掛就可以輕鬆解決這個問題,例如本文要介紹的「WPCode – Insert Headers and Footers」就是一款超簡單且有效的外掛,不管是老手或新手,我都覺得它可以協助我們快速的部署代碼,節省很多時間。

WPCode – Insert Headers and Footers:官方網址

Read more

5個你不能不知道的 WooCommerce 進階設定,就是這麼簡單!

如果你來到這裡,想必你是WooCommerce的商家,又或者,你正在考慮在WooCommerce創建自己的網店嗎? 如果你還不了解WooCommerce是什麼,和其他第三方開店平台又什麼不同,這裡簡單的為大家說明一下。WooCommerce其實是一個Wordpress的電子商務外掛,Wordpress本身並不適合做為電商網站,必須通過安裝WooCommerce外掛來實現完整的銷售功能,而Wordpress也有許多SEO相關外掛,可參考這篇WordPress SEO 教學

WooCommerce之所以受到廣大電商商戶的喜愛,正因為它是開源軟體,具有高度的擴展性,同時它是免費使用的,無須任何的月費和手續費!上次已做了WooCommerce安裝到商品上架的詳細教學,這次將會為各位介紹你可能不知道的WooCommerce各種進階功能,善加使用這些功能不僅使你的工作更快速高效,還能幫助你實現銷售。

Read more

Cloudflare 免費 CDN、DNS 代管服務設定教學

一個網站的載入速度對於架站者來說是很重要的,它直接或間接影響了SEO的好壞與讀者的去留,而要加增網站載入速度,除了本身架構、圖片、Javascript等因素外, CDN 也是一個相當關鍵的因素,而 Cloudflare 是全球屬一屬二的的免費CDN服務,對於一般網站架站者來說 (如:Wordpress或中小型網站),是一個相當好的資源,它不但提供DNS代管、靜態內容快取、SSL憑證、網頁壓縮等,還支援防護DDoS攻擊,這一切都是免費的,當然,它還有付費的版本,適合大企業或需要更多功能的用戶。

本文的篇幅會長一點,但只是圖片較多讓大家有參考依據,整個設定過程是不難的,只要跟著做應該是沒問題的,因內容會涉及DNS/名稱伺服器的設定,我會用手上的資源GodaddyPChome買網址這二家來當做修改的範例。

網址:Cloudflare 官方網站

Read more

WooCommerce 教學:安裝到商品上架詳細步驟教學

利用 WooCommerce 在網站開店,本文透過手把手的方式,從安裝到商品上架,一步一步解透視 WooCommerce 的功能:假設我們要開一個線上購物(簡稱電商)網站,讓顧客上門購物,有沒有想過最快速的做法是什麼呢?答案其實很顯而易見 – 在我們現有官網上直接開啟購物功能!我們透過優化自己官網的 SEO 結果,一般來說,搜尋引擎便會引導對我們網站/產品有興趣的人們光臨我們的網站,這時候網站若是提供了購物跟結帳功能的話,不但能立刻對銷售額有直接的貢獻,同時間也會因為點擊與閱覽的人數提升,更加打開我們網站在搜尋引擎的排名,可說是一舉數得!心動了嗎?那事不宜遲,讓我們馬上進入正文!
Read more

如何解決 WordPress 將兩個減號(–)轉成破折號(-)的問題

WordPress 在於預設的情況下,若文章中有二個減號(-)或稱連字號,會自動把它轉成破折號(-),這種現象在平常的時候還好,但如果文章內容是一些指令的示範,那麼就很容易讓讀者誤解。例如:之前的文章在介紹Docker Contianer的操作時,就有做一些指令的說明與範例,文字說明的部分原本是要用二個減號的,但卻硬生生的被轉成破折號了,而有經過語法高亮的部分就可以顯示正常(如下圖的最後一行),但這樣就會造成一邊不正常、一邊正常的窘境了,對讀者來說可能也會造成困擾

Wordpress雙減號轉破折號
Read more

[WordPress] 利用Postman SMTP認證OAuth 2.0,以GMail來發信

在本文中你會學到什麼?

  • Postman SMTP Mailer/Email Log的基本使用方法與設定,解決WordPress發信失敗的問題
  • 如何在「Google Developers Console」中取得GMail API的用戶端ID (Client ID)與密鑰 (Client Secret)
  • 接觸OAuth 2.0的認證方式

有架WordPress的站長應該常常會有信件發送的需求,我之前也曾介紹過「WP Mail SMTP」這款外掛來解決我發信失敗的問題,用外掛的好處就是不太需要動到程式碼,對於不熟程式想要專心寫作的站長來說,也算是一個折衷下的選擇。回歸主題,這陣子發現WordPress的發信又失敗了,WP Mail SMTP (由GMail發送) 的測試信件的錯誤訊息是:「SMTP Error: Could not authenticate」,有可能是信箱被Google鎖住了,或者認證的方式有改變,但可以確認的是我的帳號是可以正常登入GMail的,這讓我想起了之前Windows Live Writer無法存取Blogger的狀況,因此猜測可能是認證上出了一點問題,由於時間上的限制,我也沒有深入再研究,而是直接找來另一個「Postman SMTP Mailer/Email Log」來協助我設定SMTP以及認證上的問題,這款外掛的好處是它支援了OAuth 2.0,因此不需要儲存我們的密碼,同時也支援了一些知名的信件發送服務網站,例如:MandrillSendGril等,實際使用過後的確可以有效的解決我發信的困擾,雖然OAuth 2.0的認證步驟是比較多一點,但是值得有需要的人一試。

網址:Postman SMTP Mailer/Email Log

Read more

[WordPress] WP Mail SMTP 設定教學,以GMail SMTP為例解決寄信問題

前陣子我在同一主機下架了二個WordPress (A站、B站),表面上運作都沒有問題,沒想到在測試信件的時候卻發生其中一個WP無法發信的情況 (指的是訪客留言我卻收不到信件通知),所以特別安裝了「Contact Form 7」來驗証一下是否有什麼問題,結果Contact Form 7在A、B二站都是顯示已留言成功,但事實上還是只有A站有收到,爬文了一下猜想「可能」是PHP發信函式mail()的設定問題,在不熟的PHP的情況下加上時間有點趕,所以最後選擇了用WP的外掛「WP Mail SMTP」來協助修改設定,這個外掛的好處是設定容易、還可以指定自己想要SMTP,也比較不會被當成垃圾信,總之,如果你有發信上的問題的話,大部分都是設定問題,如果不會改程式的話,那麼推薦大家可以試試這款外掛。

網址:WordPress – WP Mail SMTP
推薦閱讀:[WordPress] 利用Postman SMTP認證OAuth 2.0,以GMail來發信 Read more

[特別企劃] 精選25款響應式WordPress佈景主題推薦

這篇文章說實話寫了好久了呀,寫寫停停的,算一算大概有長達7個月之久吧,已經懶到有點自我放逐了,但不管如何最終還是完成啦,主要的目的是向大家分享一下近來收集的WordPress Theme,這篇收集文和「2014年精選20款Responsive Web Design (RWD) Blogger免費範本」一文相同,選擇條件就是要支援Responsive Layout,且當我隨意變更瀏覽器尺寸時,下方不能出現捲軸,這才會是我第一考慮收納的對象,在下面的文章中,基本上都是可以免費下載,只是有些功能可能是要付費版才能使用,請各位自行斟酌囉。

Read more

[WordPress] Crayon Syntax Highlighter 程式碼高亮化外掛,無痛使用教學

在眾多的WordPress Highlight Code Plugin中,我最喜歡的當屬「Crayon Syntax Highlighter」了,原因很簡單,因為它的支援的程式語言蠻多的,呈現的樣式很有質感,而且使用上相當簡單,如果有遇到不支援的語法,可自行設計主題並提交給作者,讓作者納入支援的名單中,不過除非你有特別需求加上很熱心,一般情況下我們是不會另外新增主題的,用內建的即可。 網址: Crayon Syntax HighlighterCrayon Github官方Demo

Read more