2015年2月28日

[教學] 安裝 Line 分享按鈕﹍網頁版及行動裝置都相容的語法

2017.1.20 公告:由於 Line 出了網頁版的程式,本篇的程式碼已經改為網頁版及行動裝置都相容的語法。可忽略原始的文章說明內容,直接跳到「二、所有網站通用的語法」安裝程式碼即可。


雖然 Line 很久以前就釋出可以安裝在部落格網站的分享按鈕,不過之前幫忙朋友安裝時,實地測試各種不同裝置後,發現效果都不太一樣:

1. 網頁版:沒有作用
2. 行動裝置(平板):字串有網址的話會失效
3. 手機版:執行正常

因此研究了一下問題出在哪,以下先描述大致的情況,想要直接安裝語法請跳至「二、所有網站通用的語法」。


<< 請注意!本篇文章含會員限定內容 >>
2015年2月23日

Windows 用 VMware Player 模擬 MAC OS X 心得 [筆記]

為了讓網頁效果能跨瀏覽器相容,這在網頁設計來說一直是令人頭疼的事。除了搞定「IE 不同版本」、行動裝置以外,另一個更難解的算是蘋果系統了。

畢竟蘋果裝置沒那麼普及、系統比較封閉。同一個網站,在 Windows 的 Safari、或 Yosemite 的 Safari、或 Mac OS X 舊版本的 Safari,執行效果是有可能不一樣的。為了確保網站能正常顯示,很有必要瞭解 Mac 系統的執行結果。

用 Windows 模擬蘋果系統還滿麻煩的、且限制很多。但若日常作業用不到蘋果系統,只為了測試網頁效果而買 Apple 又所費不貲。以下為記錄使用 VMware 模擬 Yosemite 及 Mac OS X 舊版本的心得與筆記,供相同用途的使用者參考。如果需要常使用 Apple 裝置的話,建議還是買一台蘋果,操作會比 VMware 方便許多。

2015年2月17日

[教學] 管理網站外連檔案的技巧﹍讓 Google Drive 與 Dropbox 同步

歷經「Google Drive 外連檔案無預警失效」三天後,上一篇提出了「幫網站外連檔案買保險」的方法,可確保部落格外連沒有後顧之憂。

經實際操作的結果,當有兩處資料夾,需要各自保存一份同樣的檔案時,所有的動作得重複做兩次,例如檔案的 "新增"、上傳"、"修改"、"刪除",在 Google Drive 以及 Dropbox 資料夾都要各做一次。

如果能所有動作只做一次,就讓 Google Drive 以及 Dropbox 的檔案狀態保持一致,那麼管理上真的是方便許多,以下就來看看如何實作。

2015年2月12日

[小工具] 徹底解決網站外連空間問題﹍幫 Google Drive 的 JS 檔買保險

Google Drive 上星期發生了「JS 檔外連失效」事件,雖然日前已經修復,但相信所有經歷這件事的站長都不好受,心理也會留下陰影,是否哪天殘破的部落格版面又要重現?

誠如我在上一篇提到的,「放在雲端的任何東西,沒有一樣是絕對安全的」,網站隨時有開天窗的風險總是無法安心。不想讓舊事一再重演,必須幫部落格四項重要資料「範本、文章、圖片、外連」買保險。本篇將說明,如何為網站的 "外連檔案" 找到各種備胎,並在出狀況時由系統自動替換,省去人工手動更換各處連結,算是一個徹底解決的方案。

方法雖好,不過算是程式人的工具,若熟悉 Javascript、Jquery 的站長比較能自行處理。

2015年2月7日

Google Drive 外連失效﹍開放會員索取 js 檔案


(Pic from: pocketables.com)
Google Drive 去年曾發生過一次外連失效的事件,原因為「外連流量限制」,因此當時請讀者將外連 js 檔自行分流。而昨日(2015-02-06)開始,Google Drive 的所有外連 js 檔又陷入異常狀態,這次是全面性的問題,只要是網站的外掛、小工具 js 檔存放在 Google Drive,那部分的功能就會陷入停擺。

目前連結失效的原因還不清楚,雖國外社群也有人反應這個狀況,但一直未有官方的訊息出現,為了不讓網站停擺,短期我們能做的,就是先將外連檔案搬到安全之處。如果讀者過去曾按照 WFU 指示進行檔案分流的話,那麼你可不必太擔心此事,把 js 檔改放其他免費空間即可。

如果你沒做過分流動作的話,那就比較麻煩了,因為 WFU BLOG 文章裡面的 js 連結都放在 Google Drive,目前都是無法讀取的狀態。唯一的解決方法,就是依照本文的說明,跟 WFU 索取檔案,再自行放到免費空間了。

2015.2.9 公告:今日下午 Google Drive 異常狀態已修復,為了避免以後再次發生同樣情事,可參考這篇「徹底解決網站外連空間問題﹍幫 Google Drive 的 JS 檔買保險」。

2015年2月5日

[網站登錄教學] Google 網站管理員的活用方法﹍我的例行待辦事項


(Pic from: awesomelytechie.com)
有讀者詢問「看了好多的SEO教學文章,為何我網站的文章 Google 引擎還是難以搜尋到?」,這樣的情況通常出現在新網站,而使用 Google 網站管理員,就能檢視搜尋引擎的索引狀況。另外一個常見的問題是「如何讓文章搜尋排名比較前面?」,這件事的確不容易,不過若熟悉網站管理員的操作,對於搜尋排名的提升是有一定幫助的。

雖然 Google 網站管理員的功能很強大,然而對於多數只想專心寫文章的站長而言,要跟這個工具交朋友可能不太容易,除了操作方式、介面、圖表看起來複雜,還有一堆網路名詞等待理解,似乎有點門檻存在。

其實 Google 網站管理員只需要挑重要、用得到的部分來熟悉就好,不常用的都不碰也沒關係。為了使人人都能對這麼好的工具上手,本篇公布 WFU 的每月例行公事,跟著我做這些動作,你也可以把網站管理得很好。

2015年2月2日

Blogger 留言數量提示字串修改

如果有注意 Blogger 官方留言數量這件事的站長,大概會發現,官方預設的提示字串不太合語意,看起來怪怪的。

當文章沒有留言時,首頁提示的字串顯示為「沒有留言:」,多個冒號不知何意,且不管有幾則留言都會出現這個冒號。還有,一般會比較習慣看到 "數字",而不是看到 "沒有" 這樣的字串。除此之外,如果能夠自訂提示字串就更好了。

最近處理到一個案子提出本文的需求,開頭的示意圖來自「素醬媽蔬食廚房」,圖中紅框的部分為修改後的效果,以下為修改的過程記錄。