Chaneswin's blog & dreams －－ 查納斯文．小查的白日夢

話說突然想到無欲則剛
不僅是這一點，很多道理是需要融會貫通重新解釋的，
譬如安貧樂道、人不為己天誅地滅等等諸如此類

由於有人問到怎麼學習網賺，我就把自己接觸的課程或工具介紹一下，

分為「課程、工具、推廣、產品」四個面向
為了簡化版面，我先列表，後面再逐一說明

免費課程類（實體）

「 跟我們購買票劵，您得到的不只是單單的票劵，您還會得到一位芭達雅在地的熱情朋友 」
引用自SouthBeach - 代購 Pattaya 芭達雅旅遊票券&秀場門票&More...

十二月上旬剛結束為期六天的泰國之旅，這次依舊是受到咱們旅遊俱樂部「培訓的召喚」～，12月3號到12月8號，本性裡依舊是個（常出包的）背包客——儘管我的團隊夥伴住的大多是星級飯店，我怎麼也覺得沒有必要，畢竟都在外面跑來跑去，能夠好好睡一覺就夠了，所以就在Airbnb找了一間。

離題了，再說回來，話說離開了交通發達的曼谷後，只能說還好有小乖在，小乖是Pattaya南灣精緻民宿的老闆，同時，還沒有到當地就可以透過網路與轉帳請小乖幫忙代訂旅遊票卷。

為了簡化成容易理解，
在此就不使用變數，強制跑1～10列來當例子，
請在D槽準備好檔案 D:\test99.xls

記錄使用 WooCommerce Delivery Slots 的問題
這次的要求是把外掛在結帳頁面的顯示位置改掉
雖然我是在改Slots 這個外掛，不過元素位置的改法應該在很多外掛上道理都是相同的
也就是使用Hook，這個名詞直譯成鉤子，我總算多多少少可以體會了

利用檢查元素找到 id="jckwds_fields"搜尋其所在的PHP頁面以及程式碼位置
（ id="你要換位置的元素"，不要傻傻照抄哦！）
再由包住它的函式 wds_field_output找到
// Checkout Fields
add_action( 'woocommerce_after_order_notes', array( &$this, 'wds_field_output' ) );

嗯！藉此機會了解一下 add_action 與 hook，
就簡單理解成 add_action 與 do_action要成對使用，
add_action 只是添加動作，do_action才是實際做動作，
這不難理解與記憶

因此接下來就是用 woocommerce_after_order_notes 來搜尋plugins資料夾裡面的全部檔案
看看哪裡有do_action
這才找到 woocommerce 外掛裡面的 do_ation
（plugins\woocommerce\templates\checkout\form-checkout.php）
說起來也蠻妙的，在 Slots 外掛添加動作，卻在woocommerce 外掛做動作
懂了以後覺得沒什麼，不懂的時候應該會頭很大吧

裡面有幾個常用位置可以放，譬如
woocommerce_before_checkout_form
woocommerce_checkout_before_customer_details
woocommerce_checkout_after_customer_details（後來是用這個先頂著）
一直到...
woocommerce_after_checkout_form

因此只要把 wp-content\plugins\jck_woo_deliveryslots\jck_woo_deliveryslots.php 裡面
// Checkout Fields
add_action( 'woocommerce_after_order_notes', array( &$this, 'wds_field_output' ) );
裡面的woocommerce_after_order_notes改掉成要對應的hook就可以了
所以我改成這樣
add_action( 'woocommerce_checkout_after_customer_details', array( &$this, 'wds_field_output' ) );

雖然可惜，事實上我要放的正好都不是這些常用位置...
但常用位置如何放置還是記錄一下

而我就繼續用訂單表格中我所要的運費位置 class="shipping" 去找我的答案，
不能用hook以後，有兩種思維方式，
一種是變更woocommerce裡面可以加hook的地方或直接在 class="shipping"裡面用html動手腳
第二種是變更Slots外掛，
想當然，既然是為了處理這個外掛，用第二種才比較合理

雖然不能輕鬆用hook去改變，但當初輸出html內容是使用echo，
於是我回到輸出內容的函式wds_field_output，
寫在輸出的html之前，利用 jQuery的append把位置調動了
/*更改位置 BEGIN*/
echo ' ';
echo ' ';
/*更改位置 END*/

當然如果原本就引入了jQuery的話不用加第一行，不過我的沒抓到jQuery應有的效果，只好多加上去了
卻造成.原本「配送到不同的地址？」控制顯示隱藏的核取方塊失效了
其js行為不起效果，於是我再搜尋「jquery」檢查一遍原始碼，
看到 wp-includes/js/jquery/jquery.js?ver=1.11.0
發覺WordPress裡面引用的應該是 http://code.jquery.com/jquery-1.11.0.min.js
1.11.0這個版本沒有我要的效果，我用的是 http://code.jquery.com/jquery-1.5.min.js
我換掉jQuery，不過...依然失效，
最後我把所有檔案還原回去...還是失效
唯獨漏掉了...jquery.js
討論時說了，先換回去原本版本吧
於是把版本換回去...
原來...WordPress 的 jQuery不能亂換版本...
亂換版本會出事，至少Woocommerce 會出事


原本想說同理可以做隱藏顯示，我的方法是加上onCLick動作

配合


但是

在Woocommerce 裡面
不想動 Woocommerce 所以作罷
另外一個問題是，其實舊版的jQuery也無法讓我做到這個效果
至此，在js方面先打住

參考資料：
WordPress的Hook機制與原理

理論上來說，如果要把pixnet的部落格搬家到blogger或是WordPress甚至是其他地方，正常都會是文章與留言一起成功搬入。
其實我也成功的搬到WordPress，但有鑑於還在pixnet的時候我只看到內建留言，卻會漏掉FB社群外掛留言，這次我決定改用 disqus 這一個綜合性的留言系统，只是不知道為什麼當我把留言區域換成disqus 的時候，外掛的功能卻只幫我匯入了一篇留言。
由於pixnet跟WordPress沒有單獨匯出留言的功能，因此我只好繞點路用Wordpress當媒介手動匯入disqus。
如果不是自行架站的人，在此我們至少需要一個Wordpress的帳號，後文簡稱WP。

準備動作：

1. 到 https://zh-tw.wordpress.com/ 申請帳號
2. 進入痞客邦管理後台：「部落格」> 點左邊的「匯入匯出備份」>切換到【匯出備份檔】，勾選【MT格式備份檔】後按下【下載備份檔】。
3. 申請或準備好 https://disqus.com/ 帳號，要知道你的短網址

開始匯入：

1. PIXNET匯入WP：登入WP>左邊的工具/匯入 >【Movable Type】，選擇剛剛的MT備份檔案，跟著指示安裝外掛，直到顯示搞定！
2. WP安裝Disqus外掛：左邊的外掛/安裝外掛 > 搜尋【Disqus】，然後安裝【Disqus Comment System】，之後啟用
3. WP匯出文章：停用【Disqus Comment System】以外的外掛 > 工具/匯出 > 【文章】 > 下載
4. 匯入Disqus：登入Disqus後右上角進入ADMIN > discussions > import > wordpress，或直接到 https://disqus.com/admin/discussions/import/platform/worpress/ 下面，瀏覽WP匯出文章的檔案，按下【Upoad and import】。我檢查了一下在這裡Disqus似乎會自動過濾重複留言，曾經匯入過的不會再匯入一次，省去手動刪除的麻煩。

參考原文：
https://help.disqus.com/customer/portal/articles/466255#manual

本文網址：如何把痞客邦 pixnet的留言透過WordPresss匯入到disqus

關於配合 Woocommerce增加運送日期的外掛很多
譬如 DeMomentSomTres Woocommerce Delivery （我還沒有找到他的效果出現在哪？）
Order Delivery Date for Woocommerce （很單純在結帳頁面增加配送日期的選擇欄位，訂單內是用自訂欄位達成）
這兩個都直接在 WordPress裡面搜尋外掛就可以找到了

至於下面這兩個外掛則是要付費的
Woocommerce Delivery Time Picker for Shipping
WooCommerce Delivery Slots

外賣外送與店內自取，在思考時間掌握方面是有一些差別，譬如外送的也許有限定時段，像人手不足的這些時段其實就不可能外送，而到店自取只要東西做好了放在那隨時要來拿東西都可以。此反映到製作網站的考量，當運送方式選為外送，就必須限定特定時間點（餐廳訂位也是），這兩個外掛比起剛才的免費外掛，多的就是時間區段，第一個讓客人可以選一段時間，我個人認為這很適合用在貨運，讓客人選擇方便在家收取物品的時間；至於第二個 Slots，在外掛檔案有說明可以用於餐廳訂位。比起第一個外掛器能夠選擇一段時間，這第二個外掛Slots則可以選擇多個時間段 。

Slots這外掛，可以在網頁放上訂位表，登錄後的客人可以先「臨時」訂下一個時段再來填訂單結帳（可設定有效時間），如果這「臨時」訂滿了，那就只剩下有按下臨時預訂的人在結賬時可以選這個時段，沒有先使用臨時預訂的帳號在結帳時就看不到這這個時段，也就選不到了的人，這個外掛是支援多人在線，才不至於功能造成混亂。後台的Currently Reserved可以看見臨時預訂人數，Upcoming Deliveries也可以看到已經實際下訂的單子。

出國時候為了方便把手機交給其他人操作就把手機語言切換成英文，
從國外回來以後，也沒再切回中文，反正不影響中文輸入，
可惜的是我愛用的google語音搜尋從此只聽得懂英文
不過終於找到解法

在現在都用email了...根本沒想過還有寄信的一天
不過有些資料必須親筆簽名...(默)

首先把地址跟「邮政编码」也就是我們的郵遞區號準備好

【 word 2003】

選取段落>工具/自訂>【鍵盤】>類別【插入】命令【 InsertFrame】> 請按下新設定的快速鍵 >指定
選【 InsertVerticalFrame】會插入垂直文字方塊
這種方式會把後面使用快捷鍵的段落插入的文字方塊全合併成一個，不方便把每個段落分成個別的文字方塊

選取段落>工具/自訂>【鍵盤】>類別【繪圖】命令【 DrawTextBox】> 請按下新設定的快速鍵 >指定
選【 DrawVerticalTextBox】會插入垂直文字方塊
這種方式才能方便每個段落變成獨立文字方塊

【 word 2010】因為我用Starter所以沒有這個功能
http://office.microsoft.com/zh-tw/word-help/HA010370106.aspx
Word 2010 快速貼上未格式化文字

其實指令快速鍵我最想用的是貼上未格式化文字，所以附上更快的方式～而且Starter也能用哦

附上
http://boringfreeware.blogspot.tw/2014/05/office-word.html#.VDj78vmSySo

其實我的眼睛不是很好，而且我打字也很慢，自從安卓的手機入手之後，對我來說最重要的兩個功能其實就是朗讀以及語音輸入，我始終無法理解為什麼有人會一直在車上滑手機，因為我一滑手機就會眼睛不舒服頭會很暈，所以如果可以依照情境切換桌面或者讓很多選項自動設定的話，對我來講不僅方便很多，更重要的是同時可以減少眼睛停留在手機上的時間

我還滿常用3D檢視查CSS跟結構問題的，
也會用這功能看別人的版面規劃
不過有時候預設卻找不到這功能需要自己手動打開

在WordPress親愛的預設Theme 2014看不見的問題
就是radio button（核取按鈕）的重疊
合理推斷原因是該theme的CSS在那些 li 的優先層級比較高
但對於一些minimal的主題可就要自己到woocommerce 外掛裡面的CSS改了

話說不管APP還是網頁，icon、logo可能要測試一下
有時候只是需要個DEMO檔案...
倒是讓我無意間發現好東西，可以在iPhone直接看效果

https://www.flinto.com/strike/

直接把圖拖曵到畫面裡的框，再輸入email或拷貝網址，
用 iPhone 開啟網頁、加入主畫面螢幕，
就可以看到 icon 啦！