2016年2月29日

讓 WIN8 / WIN10 平板關閉螢幕後能繼續播放(Youtube)音樂, 不會進入睡眠

在運用零碎時間、或做些不必使用眼力的活動時,我會同時聆聽一些 Youtube 演講、或不錯的節目片段,使用的工具是把富有行動力的 Asus T100 平板,當成音樂、影音播放器,因為電池續行力比手機強。

沒想到測試之後,Windows 8 / 10 系統也碰到跟 Android 一樣的狀況,螢幕關閉後 Youtube 也隨之停止播放!

不過 Android 系統的狀況比較不一樣,因為 Youtube 的政策就是不允許任何 APP 在播放影片時關閉螢幕,這是合理的,不然廣告就無法展示了。(當然,Android 系統還是有 "特殊" 方法可解決這件事)

而 Windows 8 桌面版並沒有 APP 的限制,還會發生這樣的狀況也算離奇,因此本篇記錄一下我的解決方法,讓 Win8 能夠關閉螢幕後仍可播放聲音,這樣才不至於讓平板太耗電。

(圖片出處: pixabay.com)
2016年2月26日

Blogger 使用文章編輯器的技巧, 及各種疑難雜症整理

blogger-post-editor-skill-Blogger 使用文章編輯器的技巧, 及各種疑難雜症整理前陣子幫讀者調整部落格版面及字體 CSS 時,被詢問到「我已經按照 "網頁中英文字型跨平台設定最佳化" 的教學來設定,為什麼文章的字型還是顯示 "新細明體"?」。其實這樣的案例 WFU 遇到不少,問題出在 Blogger 文章編輯器的使用方式。

除了這個狀況,Blogger 文章編輯器會遇到的問題著實不少,本篇就來整理一下,處理各種問題需要的技巧,並以 FAQ 的形式呈現。

2016年2月24日

檢查你的 Google Analytics 是否安裝了兩次, 那麼數據也會乘以二喔!

google-analytics-code-install-twice-檢查你的 Google Analytics 是否安裝了兩次, 那麼數據也會乘以二喔最近幫讀者檢視及優化 Blogger 範本內容時,發現 Google Analytics (以下簡稱 GA) 安裝碼出現了兩次,根據「優化網站效能該注意哪些事? (1)最關鍵的考量因素」,範本中的 JS 執行應該盡量減少,因此順手移除了其中一個。

原本認為這不是什麼大不了的事情,想說 Google 應該沒那麼笨,就算我沒做這個動作,GA 自己也能排除重複執行的 js。結果後來事情的發展並不是這樣,看來挺嚴重的,因此整理一下這件事的過程及心得。

從這次事件來看,應該不會是偶發事件,可能也有相當比例的讀者會遇到同樣的情形,建議詳讀本篇為 GA 做個檢查。

(圖片出處: pixabay.com)
2016年2月20日

Blogger 行動版改用自適應(RWD) Adsense 廣告, 讓版面更美觀

adsense-rwd-Blogger 行動版改用自適應(RWD) Adsense 廣告, 讓版面更美觀最近幫讀者處理行動版時,發現 Adsense 若改用「自適應(RWD)廣告單元」,效果會比想像中來得好。

使用原始固定尺寸的廣告時,在不同行動裝置的效果都不一樣,小尺寸手機有可能超出頁面,而在大尺寸裝置或平板,則可能版面顯得空曠。總之,有一好就沒兩好。

那麼本篇就來分享測試心得,並舉例說明其優點。

(圖片出處: pixabay.com)
2016年2月16日

運用 PTT 蒐集各種(旅遊)資訊﹍不可不知的操作及搜尋技巧

ptt-travel-list-運用 PTT 蒐集各種(旅遊)資訊﹍不可不知的操作及搜尋技巧「BBS」看似是一個古老、過時的平台,但是在搜尋特定資訊時,跟 Google 相較之下,有時它會是我心目中的第一把交椅。

在多數情況,Google 能幫我們找到問題的正確解答。但是當搜尋的資訊牽涉到商業行為時,那麼 Google 到的資料就很容易包含大量雜訊,我們需要分辨哪些內容可能是廠商花錢產生的業配文,或是請工讀生、寫手四處散播的干擾資訊。除非是網路重度使用者,不然很難快速分辨資訊的真實性。

「論壇、BBS」這類平台有著類似的特質,經由大量使用者的參與討論、反覆思辨過程,可將錯誤、過時資訊、或有心人釋放的風向,與真實的資訊分離出來。也就是說,很多我們需要的資訊,在大型討論區會是更好的取得管道。

「BBS」雖然介面比「論壇」粗糙,但熟悉操作後,他的搜尋、操作速度反而是最快速的平台。為了讓朋友快速上手 "PTT" 這個最熱門的 BBS 站台,本篇整理了我常用的操作及搜尋技巧,並以搜尋實用的 "旅遊資訊" 為例,相信有助於快速理解,並進而舉一反三、瞭解找到其他各式資訊的方法。

2016年2月13日

瞭解 Blogger 動態檢視範本 + 行動版範本的特質

blogger-dynamic-views-template-瞭解 Blogger 動態檢視範本 + 行動版範本的特質這個 Blogger 中文論壇貼文詢問「動態檢視範本如何修改」,其實本站寫的許多小工具,不時也有讀者詢問怎麼安裝到動態檢視範本(Dynamic Views)、或官方行動版範本,因為顯示不出來。

雖然 Blogger 是個自由度很高的平台,什麼都能改、什麼都不奇怪,不過 "動態檢視範本" 跟 "官方行動版範本" 這兩者有著不一樣的特性,非常的不自由。所以開頭問題的答案是:任何工具、外掛在正常情況下,都無法安裝到動態檢視範本及官方行動版範本

Blogger 網頁版跟一般部落格平台不同,只要有 HTML/CSS/JS 的基礎,「版面/功能」想要怎麼改都行;而 "動態檢視範本" 跟 "官方行動版範本" 則比較像一般部落格平台,類似住在公寓、或社區大廈,只能選擇特定版型,看起來跟其他住戶的門面、格局都差不多。

總之 "動態檢視範本" 跟 "官方行動版範本" 我們能做的改變有限,最多自行粉刷一下外牆、或多買幾張桌椅。那麼本篇就來說明這兩種範本的特質,以及瞭解我們能做的事有哪些。

2016年2月3日

部落格行動版的首頁設計﹍欣賞這 9 個網站的版面效果

wfublog-mobile-部落格行動版首頁版面設計﹍9 個網站效果欣賞雖然 WFU 已經幫不少 Blogger 平台的站長做過行動版,不過自己的行動版網頁卻是一直沒有好好進行規劃,原因跟網站性質有關,讀者多半會在網頁版閱讀程式碼及操作,且 WFU BLOG 的行動裝置訪客大約只有 10% 左右,所以改造行動版這件事遲遲沒有排進待辦事項。

不過像本站這種性質的網站畢竟比例很少,大部分網站的行動版讀者一定是越來越多,甚至已經超過網頁版的瀏覽量。而行動版首頁是網站的門面,如何設計的更精簡、專業,對於網站的形象有很大的影響。

最近找到空檔觀摩了不少部落格的行動版效果,也藉機把行動版首頁重新設計,那麼就順便分享我看到的這些行動版首頁效果,其中不乏許多知名部落格,可供讀者設計上的參考,並貼近 "行動裝置使用者的需求"。

(圖片出處: pixabay.com)
2016年2月2日

WFU BLOG 外連 JS 變更及操作說明

wfu-blog-js-link-manual-WFU BLOG 外連 JS 變更及操作說明這是一篇公告文章,本站提供的各種 Blogger Hack 及 工具,若包含了 JS 檔外連,原本存放在 Google Drive,但為了因應「Google Drive 檔案外連功能將於 2016 年 8 月關閉」,必須提前變更 JS 外連。

曾安裝本站工具的讀者,若發現 Google Drive 外連失效、小工具無法運作時,請到相關文章重新安裝程式碼,並參考本篇的說明。

(圖片出處: pixabay.com)
2016年2月1日

Blogger 何時該發佈「文章」, 何時該發佈「網頁」?

這個 Blogger 中文論壇貼文詢問「"文章" 與 "網頁" 的差別」,對於剛接觸 Blogger 的使用者,的確很難區分這兩者的差異、以及使用的時機。

Blogger 的官網「建立及編輯文章」、「在網誌中新增網頁」這兩個頁面,大致說明了兩者的使用方法。不過要從這些制式內容快速瞭解 "文章" 與 "網頁" 的特性,其實還是不太容易。

雖然這算是新手問題,不過就算是老手,也不一定能完全瞭解何時需要發佈 "網頁",或是為何應該只使用 "文章"。因此這是個值得探討的主題,本篇會詳細說明。