WordPress

  • [ Valet + WP-CLI Valet ] WordPress 本機開發環境建置

    現今有很多可簡易安裝 WordPress 本機開發環境建置的軟體,例如 Local 或是 DevKinsta。我本身喜歡輕量一點,不讓電腦總是燒燒的,看到小賴大大的文章就立刻轉成使用 Valet + ValetPress,用了一陣子之後改為用 Valet + WP-CLI Valet 較為順手。

    (more…)
  • [ WooCommerce ] 運用短代碼將購物車金額加入選單

    1. 建立短代碼 (Shortcode)

    在主題裡的 functions.php 加入以下程式碼,或是用 Code Snippets 外掛。

    第一個部分是讓選單可以使用短代碼,第二個部分則是建立購物車金額的短代碼。

    2. 選單中加入購物車金額

    去到 [ 外觀 ] ➞ [ 選單 ] ➞ 右側 [ 新增自訂連結 ]。

    網址的部分範例為連結到預設 WooCommerce 購物車 (cart) 頁面。記得把 your-url.com 換成你的網址唷!

    https://your-url.com/cart/

    連結文字的部分可以放上 Font Awesome 小圖示加上剛剛一開始設定好的 Shortcode [cart-total]

    <i class="fas fa-shopping-bag"></i> [cart-total]

    填好後新增至選單,記得儲存選單唷!

  • 第[5]次重新設計個人作品集

    設計新的作品集很容易,但要花時間持續更新跟堅持原始初衷卻不容易。

    我在 2010 年因為大二的課程架設了第一個 WordPress 網站,當時我只懂得一點皮毛的 HTML 跟 CSS。我花了大約三個星期時間不眠不休自己 Google 學習跟除錯,從完全不懂開始到最後寫出自己的第一個主題網站。從中我學到了開發環境設置、PHP、Javascript、jQuery、mySQL、phpMyAdmin、購買網域跟網域設置、購買空間跟使用 cPanel。當網站終於上線到 yuliyang.com 的時候,那成就感真的是無法言喻的。感謝我大學的恩師 Jesse Friedman 讓我接觸到 WordPress,以及推薦我在美國大學畢業後第一個前端工程的工作。

    (more…)