Jetpack Photon 是很多使用 WordPress 架站的朋友會使用的功能, 使用 Photon 可以大幅降低網站的流量， 但其實 Photon 會壓縮圖片的品質， 如果你是對圖片品質比較要求的話， 可以試著調整 Jetpack 的壓縮比率。 Jetpack 提供了 quality 這個參數來讓你調整圖片品質， 要注意的是這邊的 quality是代表著壓縮的品質， 所以如果設為 100, 不代表他不會壓縮, 只是代表著失真的程度會比較小。 JPG 預設的 quality 為 89%, PNG 為 80%, 而 WebP 則為 80%. 要注意的是，如果瀏覽器支援 WebP, 則 JPG 和 PNG 會被自動轉為 WebP。而當 quality 設為100時， 將會進行無失真壓縮， 在某些情況下可能會產生比原本圖片還要大的圖。 Photon API Photon Mastering Image Optimization […]
教學
使用 Local 進行 WordPress 本地端開發
先前我們介紹過如何使用 DesktopServer 進行本地端開發，當時文章中提到了另一款類似的付費工具 pressmatic，如今已被 Flywheel 買下，而買下之後 pressmatic 更名為 local，且變成完全免費，使用 local 可以快速建構本地端的開發環境。 1.到 https://local.getflywheel.com/ 下載 2.啟用 local 第一次啟用時需安裝一些軟體，從畫面可以知道，Local 的執行實際上是透過 virtualbox 的虛擬化技術 安裝完後會進入local的網站管理介面，介面相當的簡潔，按下 Create A NEW SITE 開始建立你的第一個網站吧！ 3.建立網站 跟著 local 的步驟即可完成網站的建立。第一個步驟需要輸入網站簡單的名稱，作為識別用，你也可以設定網站的domain，這邊預設是用.local當結尾，你也可以用.dev，網站資料的路徑預設是放在 ~/Local Sites/ 底下，你也可以改成你習慣的位置。 因為本地端開發經常會需要建立新網站，這時候你可以建立一個安裝包，這邊稱作 blueprint，例如你可以將 WordPress 和你經常使用的插件打包成blueprint，這樣下次開新網站時，只要選擇這個安裝包就可以直接安裝，不用再重新下載那些經常使用的插件，是不是很方便呢！ Step1: 輸入網站基本資訊 step2 選擇網站環境 step3 設定 wp 帳號資訊 完成後按下 add site, 即可完成網站建置，由於我們是第一次建立網站，local 會詢問要不要將剛剛設定的網站管理員帳號密碼設成預設，這樣下次就不用再重新設定。 你的第一個網站就完成囉！ 在瀏覽器中輸入test.local, 即可看到我們剛安裝好的網站
WooCommerce 客製化 – 如何隱藏 WooCommerce 商品類型
WooCommerce 預設有幾種商品類型，在新增商品時，你可以選擇以下四種商品類型 Simple (簡單商品)：又可選擇商品為虛擬(Virtual)或可下載商品(Downloadable) Grouped (組合商品) External or Affiliate (外部/加盟商品) Variable (可變商品) 但有時候商店的商品種類是很限定的，像是大多數的商店並沒有組合商品或是外部和加盟商品，為了避免後台操作者的困惑，你可以選擇把不需要的選項拿掉。 參考連結 Customizing product types select box in WooCommerce
WooCommerce 客製化 – 新增訂單狀態
WooCommerce 內建有幾種預設的訂單狀態，但這些狀態不見得適合每個商店，因為店家通常都會有一些自己的內部流程，所以為了方便我們可以新增客製的訂單狀態，讓店家的內部流程可以更順利一點。 首先透過 register_post_status 這個函式來新增一個客製化訂單，另外透過 wc_order_statuses 這個 filter, 來在訂單編輯頁面中加入新的訂單狀態 在訂單編輯頁面的訂單狀態中，就可以看到新增的狀態。 但是如果要編輯訂單狀態必須一筆一筆訂單改，那也太沒有效率了，所以我們要在訂單清單中的批次處理動作中，新增我們增加的訂單狀態。 首先透過 handle_bulk_actions-edit-shop_order, 來更新選擇的訂單狀態。 另外透過 admin_notices, 來顯示你要提醒使用者的相關訊息。 如此商家就可以在訂單清單中批次更新訂單狀態了。
Yoast SEO 教學 – 設定麵包屑的主要分類(Primary category)
Yoast SEO 在 3.1 版時推出了一項新功能，Primary category，讓你可以在多重分類的狀態下，設定麵包屑(breadcrumbs)的顯示分類。 我們知道 WordPress 允許一篇文章設定多重分類，若是你的網站啟用了麵包屑功能時，同一篇文章只會出現在同一個分類路徑下。 若你希望改變這個路徑，可以透過 yoast 提供的功能，將該分類設定為 primary category 在頁面顯示上就會以該分類為主要分類路徑。 參考來源：https://yoast.com/yoast-seo-3-1/
如何讓 WordPress 網站支援 AMP(Accelerated Mobile Pages)
Accelerated Mobile Pages (以下簡稱 AMP )，是 Google 提出的一項加速手機版網頁內容瀏覽的技術，你可以把它想像成是 Facebook 的 Instant Articles。使用此技術後，Google 將會針對你的頁面建立一個快取，所以當使用者從手機搜尋並連結到你的網頁的時候(實際上不是由你的主機提供網頁檔案)，手機瀏覽器可以很快速地開啟快取頁面，此篇文章先且不討論使用此技術會帶來的影響，而是讓你了解，如何讓你的 WordPress 網站支援 AMP。