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 […]
WordPress
使用 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, 即可看到我們剛安裝好的網站
WordPress 4.9 新功能 – 增強的自訂工具(Customizer)，更好的架站體驗
WordPress 4.9 Tipton 已經於 2017/11/15 發佈了，這次的改版讓你在進行網站的設計工作時能夠更加地順暢，且遠離錯誤。就一起來看看 WordPress 增加了哪些新功能吧！ 這篇文章僅列出一般架站者會使用到的功能。 Customizer Workflow Improved Draft and Schedule Site Design Customizations Collaborate with Design Preview Links Design Locking To Guard Your Changes A Prompt to Protect Your Work Coding Enhancements Syntax Highlighting and Error Checking? Yes, Please! Syntax Highlighting and Error Checking? Yes, Please! Warning, Potential Danger Ahead! Even […]
使用wp-cli一次刪除全部商品
wp post list –field=ID –post_type=product | xargs wp post delete –force
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。