close
梅問題.教學網

♣梅問題‧教學網【Minwt】♣


Facebook Messenger新功能:可變換聊天色彩與按讚圖示

Posted: 15 Feb 2016 07:50 PM PST

梅問題-Facebook Messenger新功能-可變換聊天色彩與按讚圖示
  雖然臉書的訊息Facebook Messenger不像LINE,有許多可愛的貼圖,甚至貼圖還會動,但臉書訊息最為方便的地方就在於,無論是手機、電腦、平板,都可隨時登入,或是更換手機也不用換機密碼,同時所有的聊天訊息都會保留著,同時還可直接打電話與留言。   而最近臉書的新版本,打破以往只有藍色的標準色,讓使用者可以自定聊天的顏色,甚至還可改變內建的讚按鈕圖示,因此還沒將手機的Facebook Messenger更新到最版的朋友,現在也更新一下囉!當更新完後,要怎麼來修色與設定,現在也一塊來看看吧!!
Step1
iOS版的部分,只要點上方的聯絡人名稱,若是Android則是點右上的「i」符號,當進入設定面板後,再點色彩
梅問題-Facebook Messenger新功能-自訂聊天色彩與按讚圖示
Step2
這時就可選擇要變換的顏色,由於蘇老師特愛粉紅色,為了配合他的個人喜好,身為好友的梅干也將色彩改為粉紅色,這時無論是聊天的色彩變成粉紅色外,就連按讚的圖示也變成粉紅的了。
梅問題-Facebook Messenger新功能-自訂聊天色彩與按讚圖示
Step3
而新版也可改變讚圖示,一樣進入控制面板後,點選表情符號,再選擇自己喜歡的圖示。
梅問題-Facebook Messenger新功能-自訂聊天色彩與按讚圖示
Step4
選擇完畢後,原來讚的圖示,就會變成剛所設定的圖示啦!
梅問題-Facebook Messenger新功能-自訂聊天色彩與按讚圖示

WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints,修改購物車佈景更容易

Posted: 15 Feb 2016 02:00 PM PST

梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
  先前已分享過,在WordPress下安裝購物車套件,透過WooCommerce就可快速的把WordPress升級成購物車,甚至串接金流也相當的簡單,只需註冊好第三方的金流會員後,再把註冊帳號的API KEY,輸入到指定的欄位中,以及收款的方式,立即就能完成線上收款的機制,接下來就是購物車的佈景設計,才能表現出具自己特色的購物車平台,才不會變成一個制服型的購物車。   因此梅干則開始研究WooCommerce購物車的佈景主題設計,這時才發現到,WooCommerca的佈景竟然不在WordPress的themes中,而是在本身外掛模組的資料夾裡,且檔案相當分散,比OpenCart還來的更複雜,光一個頁面就用了好幾隻的php所組成,當一個一個找那還真累人,好在有隻WooCommerce的佈景外掛套件,可將頁面所用到的php用紅色線框標示出來,同時也會秀出該php的路徑與檔名,因此有用WooCommerce架設購物車的朋友,也趕快來看看,如何自製一個具自己特色的購物車版面。
WooCommerce Template Hints:
外掛名稱:WooCommerce Template Hints
外掛下載:tw.wordpress.org

Step1
首先,進到WordPress後台,切到外掛再點上方的安裝外掛
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step2
接著輸入WooCommerce Template Hints關鍵字,再對著第一個外掛按立刻安裝
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step3
當下載完畢後,再按啟用外掛
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step4
啟用完畢後,再回到WordPress前台,並進入購物車,這時就會看到,頁面會出現一塊一塊的紅色框,且在紅色線框左上方,也會顯示該php的檔名與路徑。
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step5
而WooCommerce佈景主題的路徑在,wp-content/plugin/woocommerce/templates
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step6
當要修改佈景檔案時,可用網頁編輯器,就可進行修改,這時先簡單打個123。
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step7
再回到前台時,就會看到剛所加入的123文字,有了這隻外掛後,就可更輕易的修改WooCommerce的佈景啦!
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 knoledge 的頭像
    knoledge

    討論

    knoledge 發表在 痞客邦 留言(0) 人氣()