Loading...

2023/09/13

[資訊] 本站新版型的簡單介紹(2023年9月10日起開始套用)

本站從2023年9月10日起開始套用新版型,版型設定大致已塵埃落定。套用過程中造成大家不便,還望大家海涵。

套用新版型緣由

本站之所以要套用新版型,最主要的原因就是要跟上現在的科技。

後台資料顯示,本站約有一半的流量來自行動裝置。

本站建立於2007年,當時瀏覽網頁還是以桌上型電腦為主,不過現在科技日新月異,大家主要是用手機看網頁。根據後台資料分析顯示,本站約有一半的流量是來自於手機,如果不變更版型的話,對手機用戶來說很不方便。

另外Google搜尋現在也把「支援行動裝置」列為搜尋排名的標準之一,有支援行動裝置的網站,它的搜尋結果會比較靠前。無怪乎之前用「中島美雪」、「翻唱」等關鍵字來搜尋,本站已經掉到搜尋頁面的第二頁,甚至第三頁了。

其實我自己也常用手機來查資料,所以舊版型讓我也很不方便就是了。

本站使用的網頁技術

  1. 本站建構在Blogger平台之上。
  2. 本站新版型使用「Bootstrap」工具來建構,並融合Blogger模板語法。
  3. 其實Blogger本身就有內建「響應式」的版型,不過因為不符合本人需求,所以選擇從無到有,建立一個新版型。
  4. 「響應式表格」的功能來自「jQuery DataTables」。

新版型的主要變化

(一)響應式設計

用手機瀏覽本站,按右上方的選單,就會出現主要頁面的連結。

「響應式設計」(responsive design)就是網站會根據瀏覽裝置的螢幕大小,改變其呈現的樣貌,讓使用不同裝置的人都可以輕鬆瀏覽其內容。現在大部分的網站都是用「響應式」的設計了,所以本站也要跟上潮流。

(二)採用新的「討論串」留言

留言處有按鈕可折疊長篇回覆,可節省頁面空間,省去滑手機或捲動頁面的麻煩。

※ 2024-02-11更新:因「討論串留言」近期不穩,先改回舊式留言功能。

Blogger平台的留言系統已經更新成「討論串」式(threaded comments)的留言,就是可以根據不同篇的留言去做回覆。不過因為過去用的版型太老舊,沒辦法更新,所以乾脆把網站砍掉重練,直接套用最新的留言功能。

此外,不管是主要的留言區,還是單篇留言的回覆,都是可以摺疊起來的,這歸功於「Bootstrap」工具的特效。滑手機的朋友如果不想看長篇的留言回覆,可以把它摺疊起來節省頁面空間。

(三)留言板用內建的「文章留言」代替

因為過去用的「Cbox留言板」並沒有「響應式」的功能,加上想減少第三方程式碼的使用,所以直接新開一篇「留言板」文章當作一般事務的留言討論。好處是跟其他單篇文章一樣,可以顯示在「最新回應」的區塊,另外也可以針對單篇留言來回覆,增進討論效率。

(四)本站內容採取創用CC授權

畫面擷取自「Creative Commons台灣社群

若無特別標示,本站內容均採用「創用 CC 姓名標示-非商業性 4.0 國際 授權條款」授權。意即,本站內容允許使用者重製、散布、傳輸以及修改,但不得為商業目的之使用。使用時必須按照授權者指定的方式表彰其姓名。

1 則留言:

老塞 提到...

因為「討論串留言」功能近期出現不穩定的現象,先改回之前的留言方式。不便之處,敬請見諒。

張貼留言