Quantcast
Channel: WordPress –梅問題．教學網
Viewing all 100 articles
Browse latest View live
↧

WordPress外掛－「WP Editor」強化後台編輯器，讓原始碼支援HighLight的高光效果

September 11, 2016, 3:00 pm
$
0
0
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
　　先前梅干曾自己手動DIY，將原始碼顯示HighLight的高光效果，加入到WordPress後台的編輯器中，讓在編輯文章時更加的方便，但要啟用此效果時，就得一一的載入並套用，後台的編輯器才會有HighLight的高光效果，實在有點小麻煩，因此梅干找了好久，終於找到一款，全面性的支援WordPress文章編輯器，甚至就連佈景編輯器也支援，同時還會將佈景結構自動的整合起來，讓在編輯文章或修改佈景更加方便，透過標籤的變色，更能清楚的看出網頁的結構性，因此有用WordPress的朋友，此外掛絕不容錯過。
WP Editor：
外掛名稱：WP Editor
適用版本：WordPress 4.6.1+
外掛下載：https://tw.wordpress.org/plugins/wp-editor/
Step1
首先，進到WordPress，切到外掛面板，並搜尋WP Editor，就可載到此外掛。
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
Step2
下載完畢後，再按啟用。
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
Step3
當啟用後，其實也不太需作什麼設定，從它的控制面板中，可設定原始碼的字級，與那些區塊要顯示高光效果。
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
Step4
一旦啟用後，在文章編輯器中，就會顯示行數。
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
Step5
當有使用到html碼時，就會自動變色。
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
Step6
最讓梅干感到方便的地方就是在佈景的編輯器，不但將佈景結構整理好外，在編輯框中，原始碼也支援高光，當在編輯與修改佈景就更加的方便啦!
梅問題－WordPress外掛－「WP Editor」強化後台文章編輯器，讓原始碼顯示HighLight的高光效果
↧
Search

「Open Live Writer」微軟專為部落格而生！離線編輯器(支援WordPress、Blogger、痞客邦)

October 2, 2016, 6:04 pm
$
0
0
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
　　許多使用WordPress的朋友，應該對於Windows Live Writer不感陌生，而這是由微軟公司所推出的免費離線編輯器，不但即見即所得，同時還可適用於各種不同的部落格平台，像是WordPress、Blogger、TypePad，更酷的Windows Live Writer還可將圖片上傳到不同的圖床主機中，當文章發佈時，圖片與文章就會自動上傳到不同的主機中。 　　而這麼好用的離線編輯器，目前已正式更名為Open Live Writer簡稱為OLW，同時此編輯器也變成一個開源軟體，並且適用於最新的作業系統Windows10，而OLW與WLW的操作上幾乎一樣，甚至也支援痞客邦，以及也保有原來的功能，將圖片上傳到不同的圖床中，因此有在使用WordPress、Blogger、痞客邦的朋友，OLW千萬別錯過了喔!
Open Live Writer
軟體名稱：Open Live Writer
軟體語言：英文
適用平台：Windows 10
軟體下載：http://openlivewriter.org/
Step1
進入Open Live Writer的網站後，點一下DOWNLOAD鈕。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step2
下載完畢後，雙響Open Live Writer圖示。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step3
接著按NEXT鈕，就可開炲進行安裝與設定。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step4
選擇部落格的平台，而痞客邦的朋友，則選擇Other servies。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step5
輸入部落格的網址、管理者的帳密。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step6
這時部落格需將XML-RPC的協議開啟，才能成功連接。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step7
當連接成功後，就會看到部落格的網站名稱。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step8
完成安裝與設定後，當要自訂圖床位置時，點一下OLW左上的Blog options鈕，點選FTP後，再點下方的設定鈕。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step9
依序的輸入FTP的位置與帳密。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step1
當文章寫好按下發佈鈕後，這時圖片就會上傳到指定的圖床中，而文字則是寫到原來的主機中。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
Step11
回到網頁前台時，就會看到剛所編輯的文章啦!而Open Live Writer就像簡易版的Word的，因此在操控與編輯下相當的簡易好上手. 。
梅問題－「Open Live Writer」微軟專為部落格而設計的離線編輯(支援WordPress、Blogger、痞客邦)
↧
↧

Woocommerce與Every8d大整合，當有新訂單立即傳送簡訊通知

October 5, 2016, 3:00 pm
$
0
0
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
　　一直以來梅干都是中華電信emome的忠實粉絲，透過emome讓發送簡訊更方便，但這麼方便的平台，最近總是重要時刻不是維修，就是出什麼2000筆上限的問題，讓梅干實在感到相當的困擾，再加上即便申請為企業戶，也沒提供API的串接，因此就得手動一一的發送實在有些不便，所以在好友山羊的介紹下，讓梅干知道原來有第三方的簡訊平台。 　　而Every8D這個平台不但提供API的串接，甚至還有簡訊的追踨的服務，更重要的一點就是，使用幾個月以來，還沒有發生過網站進不去，或是帳號出現問題，穩定度挺高的，再加上Every8D所提供的API相當的容易串接，因此梅干就把Every8D與Woocommerce整合在一起，當有新訂單時，手機立即就會收到簡訊通知，就可更即時的處理訂單，因有在使用Woocommerce的朋友，現在也一塊來看看囉!
Every8D
網站名稱：Every8D
註冊網址：http://tw.every8d.com/E8DPortal/index.aspx
API下載：官方 | 本站(針對Woocommerce作調整)
Step1
首先，需先註冊為every8d的會員，當註冊為會員後，有提供免費88點的試用，再將API下載，解壓縮放到woocommerce的目錄下。
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step2
接著進入every8d的目錄後，使用網頁編輯器將index.php開啟。
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step3
這邊很簡單，只需輸入every8d中所註冊好的會員帳戶與密碼，與要接收簡訊的電話號碼就可以了。
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step4
接著開啟woocommerce/emails/admin-new-order.php，並將下方語法，加在網頁30行的地方。
<?php
  $url = get_bloginfo('template_directory')."/woocmmerce/every8d/index.php?m=您有一筆新訂單：訂單編號".$order->get_order_number();
  file_get_contents($url);
?>
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step5
再把檔案都儲存好後，立馬來測試看看囉!
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step6
在剛剛按下確認訂單的同時，管理者除了會收到新訂單的Mail通知外，還會收到簡訊的通知。
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
Step7
這時手機立即就會收到，新訂單的簡訊通知，如此一來就可立即處理，不用一直在那重整信箱啦!
梅問題－Woocommerce與Every8d大整合，當有新訂單時立即傳送簡訊通知
↧

WordPress外掛－「Admin Menu Editor」自訂WP後台選單的項目與名稱

December 4, 2016, 2:00 pm
$
0
0
梅干每次都要進行後台的調整，讓使用者可以更快的上手，同時又不用擔心，不小心動到WordPress設定，但每次在客製化WordPress的後台，總要花上不少時間，但現在有一個更簡易且快速的方法，只需安裝Admin Menu Editor的外掛，就可自行定義WorPress後台的選單項目與位置，甚至還可以變更選項的名稱，如此一來就能讓使用者，更直覺的了解每個操作的項目，同時也不用擔心動到網站的設定，因此有需要修改WordPress後台的朋友，這隻外掛決不容錯過。
↧

修正綠界Woocommerce金流外掛，使用ATM結帳自動扣除庫存量

December 21, 2016, 2:00 pm
$
0
0
　雖然說綠界的金流外掛，一樣也支援線上刷卡、WebATM、超商繳款、ATM....等的結帳方式，但有件相當怪異的事情，當今天消費者選擇了ATM結帳時，也完成了ATM的結帳程序，照理說應該得扣除Woocommerce中的庫存，但卻沒有將庫存給扣除，因此這對於賣家來說，是件相當困擾的事，因為這樣就無法掌控正確的銷售與庫存量，所以那天梅干與好友男丁討論了一下，將綠界的金流外掛作了點修正，當使用ATM結帳，也會扣除庫存，因此有使用綠界Woocommerce的金流外掛的朋友，現在也一塊來看看，怎修正這個問題。
↧
↧

WordPress外掛－「Page and Post Clone」快速複製文章與頁面的內容

January 8, 2017, 2:00 pm
$
0
0
梅干也花了點時間找了一下，發現了「Page and Post Clone」這一隻相當不錯的複製的外掛，可快速的將文章或頁面再複製一份出來，如此一來就可省去重建資料的時間，有了此外掛將可省去不少的時程，有需要的朋友，千萬別錯過了。
↧

PIXNET痞客邦無痛搬家到WordPress

January 17, 2017, 2:00 pm
$
0
0
目前最主流的BSP平台，應該就是痞客邦了，由於有廣大的使用者，也讓自己分享的文章，容易被搜尋引擎搜索到，看起來相當的不錯，但因為痞客邦是免費的平台，齊下也有不少工作人員，為了要讓免費的服務永續下去，也不得不夾廣告，這是可以理解的，但最近Google開始針對蓋版式的廣告網站，要來降低搜尋的排名，說真的蓋版式廣告還真的蠻干擾，但因為使用免費所以也沒得選，因此最近身旁有不少好友，開始想搬家，就問梅干要怎麼搬，說真的梅干也很久沒用痞客邦，所以就研究了一下，終於也順利的將痞客邦搬到自架的WordPress中啦!因此想從痞客邦搬家到WordPress的朋友，現在也一塊來看看!
↧

mShop專為台灣所量身打造的購物車平台(綠界金流ATM&信用卡)

February 23, 2017, 2:00 pm
$
0
0
但礙於它是paypal付款，和沒存庫、訂單機制，這也開啟了梅干自行開發購物車的動力，在發的過程中，也不斷的吵好友男丁，終於在最近完成了一個最初版的，本土購物車系統，雖然目前的功能相當簡易，但基本該有的都有，像是庫存、訂單管理、金流串接、滿額免運，因此有購物車需求的朋友，也歡迎下載使用，以下是安裝的步驟，與購物的流程。
↧
Search

WordPress外掛－「Display Widgets」自訂小工具顯示或隱藏的條件設定

March 2, 2017, 11:00 am
$
0
0
梅干找了好久，終於找到一套超好用的小工具，不但可自行設定小工具顯示與隱藏外，甚至還可以設定小工具在什麼分類或頁面中顯示或隱藏，相當的方便，因此有需要的朋友，現在也一塊來看看吧！
↧
↧

WordPress 外掛－「Yoast SEO」超詳細綠燈設定教學！讓你也能自我掌控SEO關鍵字技巧

March 14, 2017, 12:00 pm
$
0
0
WordPress應該是目前相當主流的架站平台，提到架站大家最關心的事就是SEO，總希望分享的文章都能受到搜尋引擎的青睞，並讓使用者透過搜尋都能找到自己的文章，且排名愈前面愈好，因此在WordPress中也有許多SEO的外掛，像是大家所熟悉的All in One SEO、Platinum SEO或是目前當紅的Yoast SEO，無論是用那一套，都是用來輔助寫文時，關鍵字與文章結構，該如何相互的搭配，因此絕不是將SEO的外掛啟用後，排名就會自動變強，而是需要依照指示的，將關鍵字放到正確的位置才行。
↧

免手動改佈景！「MWT Google Analytics」自動將Google Analytics追蹤碼加到WordPress佈景主題中

April 13, 2017, 12:00 pm
$
0
0
最近好友蘇老師，因此網站改版，換了一個新的佈景主題，所以Google Analytics追踨碼就不見了，因此梅干就找了一套Google Analytics的外掛給他用，但看他弄半天搞不定，最後梅干就想說，那就簡單寫隻外掛，只需直接輸入Google Analytics的UA-ID，這樣就完成了，由顧上外掛是針對全站式，因此日後要再改版，也不用再重埋啦！而梅干也把這隻簡易版的Google Analytics追蹤碼給釋放出來，有需要的朋友，也自行下載使用囉！
↧

免手動改佈景！「MWT Google AdSense」自動將Google廣告安插到WordPress佈景主題中

April 18, 2017, 12:00 pm
$
0
0
Google官方也推出WordPress專用的廣告外掛，讓你可自行的將廣告，安插到所需的位置，相當的方便好上手，但不知怎麼了，這麼好用的外掛，卻臨時喊卡，因此梅干最近也動手寫了一隻簡單的Google廣告安插外掛，由於內頁是比較有規則性，所以梅干只針對內頁來安插廣告，分別會將廣告安插到內頁的上中下，同時適用於各種的佈景主題，甚至梅干還加入了CSS樣式的設定，因此有用WordPress架設的朋友，現在也一塊來看看，這隻專為WordPress而生的Google廣告自動安插外掛。
↧

「MWT-SEO Social Tags」自動將Facebook、Twitter、Google+社群標籤加入佈景中

April 26, 2017, 12:00 pm
$
0
0
一直以來梅干都是使用「Facebook Open Graph, Google+ and Twitter Card Tags」這隻WordPress外掛，來自動將社群的標籤加到佈景中，同時這隻外掛，也提供一些自訂的選項，可以自行的設定要產生社群標籤，以及分享的圖片，但最近卻常出現，一但文章更新就會出現社群標籤錯誤的訊息，甚至有時在新增文章時，也會出現錯誤，因此梅干最近就研究了一下社群的標籤，並自己寫了一隻社群標籤專用的外掛，可自動的將社群標隧籤加入到佈景主題中，少了自訂的選項，讓外掛變得更單純，而梅干現在也分享出來，有需要的朋友，也請自行下載囉！
↧
↧

WordPress快取外掛！「WP Rocket」支援手機版且誤判率低，同時又具備資料庫優化

May 2, 2017, 12:00 pm
$
0
0
好友阿福與梅干分享了另一隻快取「WP Rocket」，但上網查了一下，發現怎分享的人相當的少，由於WP Rocket沒有提供試用，因此需先付費後，才能進行下載使用，同時採年繳制，雖然不再支付也可使用，但就無法繼續更新，而WP Rocket的快取可將手機版與電腦版拆開來，如此一來就會減少手機切換成桌機版的問題，更棒的是這隻WP Rocket快取，還可針對資料庫進行優化，甚至還可以壓縮HTML碼，但最酷的是當網頁有javascript時，則會跳過壓縮，因此有用WordPress架站的朋友，這隻快取不妨可試試看囉！
↧

Bitnami 一鍵全自動在本機電腦架設WordPress平台

May 7, 2017, 12:00 pm
$
0
0
梅干最近才發現到，先前在Google雲端主機一鍵安裝的WordPress，其實就是透過Bitnami，但沒想到Bitnami也有單機版，同時架設過程，就跟在雲端主機上一樣容易，只需一鍵立即就能全自動，將WordPress架設完畢，完全不用再下載WordPress與建立資料庫，甚至Bitnami所架設的環境，無論是執行還是效能更加優異，因此想學習架設WordPress的朋友，不妨試試Bitnami看看～
↧
Search

「All-in-One WP Migration」一鍵將WordPress全站式備份，佈景、外掛、資料庫一次打包

May 16, 2017, 12:00 pm
$
0
0
梅干最近發現一套外掛All-in-One WP Migration，從名稱大至就可略知一、二，透過All-in-One WP Migration可針對WordPress全站備份，包含外掛、佈景、資料庫，甚至當還原時，還會直接修改當前的域名或路徑，完全不用再進到資料庫進行修正，同時也不用擔心資料庫太大，在匯入時受到限制，且All-in-One WP Migration在操作上也相當的簡易，因此有使用WordPress架設的朋友，這隻外掛絕不容錯過喔！
↧

「MWT-Lazy Load image」圖片延遲載入(排除功能)，讓WordPress開啟更快速且不出錯

May 29, 2017, 12:00 pm
$
0
0
　由於wp rocket則是將WordPress的所有img圖片標籤，會全面套用圖片延遲載入的效果，這也因此讓梅干先前所用的，使用前與使用後的效果立即失效，甚至就連滑入顯示原圖的特效也一樣，所以那一天梅干就研究了一下圖片延遲載入的作法，再將它加入排除的功能，讓有些圖片可以不要套用延遲載入，最後再花了點時間，將它寫成了WordPress的外掛，因此有需要的朋友，現在也一塊來看看吧！
↧
↧

「MWT-連結圖片」小工具再進化，透過小工具就可上傳圖片與設定連結

June 7, 2017, 12:00 pm
$
0
0
這個文字工具，應該也是大家最常使用到的，同時大部分會使用文字工具，不外乎就是用來加入連結與圖片，雖然說輸入HTML碼對熟悉網頁的朋友，並不困難但每次打還挺麻煩的，再加上對於不熟的朋友來說，還蠻常輸錯的，所以梅干最近花了點時間，開發了一個小工具，裡面可上傳圖片與連結，甚至還可設定圖片的名稱，以及是否要開啟新視窗，和顯示區塊標題，因此有需要的朋友，現在就一塊來看看吧！
↧

解決Google PageSpeed Insights「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」

June 14, 2017, 12:00 pm
$
0
0
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
　　當網頁製作好後，有不少朋友，會利用Google所提供的檢測平台，來檢查網站的評分，同時Google也會貼心的提示，那邊需修正以及要如何來修正，雖然上面寫得都是中文，但總是讓人有看沒有懂，而梅干也不是分數控，當檢測出來後，有遇到問題是比較嚴重的，梅干就會開著手進行優化，而先前梅干也分享了，圖片優化的技巧，讓網頁的中的圖片能符合它的規範。 　　而今天要來分享的是「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」的問題，相信這個應該是大家常出現的問題，同時梅干也經常的被詢問到，所以梅干也花了點時間，與朋友討論與實測後，終於明白要如何來修正這個問題，其實這個問題並不難解，而是需要改變一下網頁的寫作方法，至於要怎來作修正，現在就一塊來看看吧！
Step1
當檢測完畢後，在可能的最佳化做法中，就會看到「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」的項目，接著再點下方的顯示修正問題的做法。
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
Step2
這時就會顯示相關需優化的檔案，而這個問題，可能與平常大家寫作的認知有所不同，以往大家會習慣把CSS變成一隻獨立檔，然後再用連結的方式，而當採外連時，則會造成網頁在讀取中產生延遲，所以比較好的作法是，將主要的CSS直接寫在頁面中，而頁面的則是採用javascript非同步的方式載入，所以先從外連的主檔試試看。
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
Step3
在梅干的網頁中，theme.min.css為主要的CSS樣式檔，因此先把原來的外連刪掉。
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
Step4
接著再把theme.min.css中的樣式，直接貼到網頁中，並儲存起來，再把原來的檔案覆蓋過去。
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
Step5
這時再重新檢測，就會發現剛的theme.min.css不見了，而剩下的檔案，可採用javascript的方式載入，或是將css的碼都嵌入網頁中，就可解決此問題啦！因此想要修正讓網頁讀取更順暢的朋友，不妨可調整看看囉！
梅問題－如何解決「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
↧

WordPress外掛－「Max Mega Menu」選單再進化，讓WordPress也有大型選單

June 26, 2017, 12:00 pm
$
0
0
Max Mega Menu這一個大型選單外掛，則是有提供二個版本，分別有付費與免費，但免費的部分就相當的好用，透過Max Mega Menu立即就能將選單變成Mega Menu大型選單，且Max Mega Menu免費版就能設定選單的顏色，以及在選單面板中，就能將小工具中的元素加到選單裡，實現選單也有圖片，或者是其它想呈現的效果，因此想讓選單不一樣的朋友「Max Mega Menu」這隻外掛千萬別錯過了。
↧
Viewing all 100 articles
Browse latest View live
Search