跳至主要内容

套用模板让 Google Blogger 更专业

 Googel Blogger Layout Template / 套用模板讓 Google Blogger 網站看起來更專業



Google Blogger 是個強大的內容管理系統 (Content Management System),不僅提供部落客免費且專業的平台功能,還能使用模板來建立專業外觀,讓響應式網頁設計 (Responsive Web Design) 能滿足桌機及行動裝置的觀看需要。


Google Blogger 版型設計

有別於 Medium、痞客邦等免費部落格平台,Google Blogger 擁有高度的設計彈性,不用侷限在單調的預設版型,讓每位使用者都能建立專屬的網站視覺。以下是你可以參考應用的方式:

1 - 微調預設版型

對於想馬上進入內容創作的朋友,直接微調「預設版型」會是一個不錯的思考方向,利用 Blogger 提供的「主題修改工具」來更換主題色及背景圖片,很快就能讓網站擁有主題風格。

2 - 自行 (委託) 設計

若本身就具備網頁設計能力,也可以考慮自行操刀網站外觀,這是 Blogger 極具魅力的一點。要是還有點預算的話,委託專業的網頁設計師來執行會更有效率,不過這比較適合品牌部落格作為參考。

3 - 套用主題模板

對於多數的 Blogger 使用者而言,最推薦的就是套用「主題模板」。不只可以快速完成設定,許多模板網站還提供了豐富且高質感的選擇,而且這些模板幾乎都提供免費開放使用。(佛心)

套用 Google Blogger 模板 - 利用主題模板讓使用者輕鬆建立網站外觀
▲ 利用主題模板讓使用者輕鬆建立網站外觀


如何使用主題模板

為了協助大家快速建構精緻的 Google Blogger 網站,本次重點會放在主題模板的設定,整體操作難度不算高,也會用本站為範例來分享一些細節。

1 - 下載合適的主題模板

有些不錯的 Google Blogger 的模板網站跟大家分享一下,透過搜尋引擎還能找到更多 :

(1) Gooyaabi

模板關鍵字 (Blogger Template) 搜尋排行第一,本身就是一個主題模板的販售平台,許多 Blogger 模板商都會在這邊上架,同時支援信用卡、Pay Pal、Apple Pay 來結帳。

(2) Way2themes

這是一個有持續更新的模板網站,而且主題模板很有質感且價錢實在,我有兩個 Blogger 網站都是買他們家的模板。(包含大叔日誌)

(3) BTemplates

同樣是質感與數量兼備的模板網站,也推薦大家去看看有沒有喜歡的模板。

以上網站的所有模板幾乎都能「免費使用」,付費的差別在於可以解鎖一些進階功能 (文章輪播、留言系統等)、移除底部的著作權連結 (類似 Design by xxx.com),如果你不在意這些,那就沒差了。

套用 Google Blogger 模板 - 我們可以先試用模板,再決定是否付費購買
▲ 我們可以先試用模板,再決定是否付費購買

多數模板商都會提供 Blogger 的 實際範例,方便我們評估主題調性是否適合。初步確認沒問題就能直接下載模板了,裡面的內容通常會包含:模板 XML 檔、Logo 範例、使用說明等。

套用 Google Blogger 模板 - 主題模板會是 XML 格式的檔案
▲ 主題模板會是 XML 格式的檔案

2 - 套用主題模板

套用主題模板的方式非常簡單,只要進入 Google Blogger 後台的「主題」功能選擇自訂 > 還原,然後選擇 XML 模板檔案。特別提醒一下,這裡的還原就是套用的意思,第一次使用可能會被名稱誤解。

套用 Google Blogger 模板 - 進入後台,選用主題功能裡的自訂選項
▲ 進入後台,選用主題功能裡的自訂選項

套用 Google Blogger 模板 - 選擇「還原」來套用 XML 模板檔案
▲ 選擇「還原」來套用 XML 模板檔案

既然有還原 (套用) 的選項,就別忘了套用前順手儲存一下目前的主題外觀,如果覺得不適合,就能馬上還原回去。不過,建議使用「編輯 HTML」將原始碼保存在筆記本比較好,不確定什麼原因所致,連續還原會造成頂端或側邊功能重複堆積。

另外,過度頻繁的套用、更動也會打擾到進站觀眾,如果有一定流量的話,這時候可以考慮先加開一個臨時的 Blogger 網站,避免測試時造成閱讀上的不便。

套用 Google Blogger 模板 - 加開臨時網站來做測試,可以避免不必要的困擾
▲ 加開臨時網站來做測試,可以避免不必要的困擾

3 - 細部調整

套用完主題模板,接著可以用後台的「版面配置」功能來做細部調整。對於有在經營 Google Blogger 朋友,應該會有一定的熟悉度,下面會分享幾個比較關鍵的設定。

套用 Google Blogger 模板 - 版面配置功能可用來做細部調整
▲ 版面配置功能可用來做細部調整

(1) 網站 Logo

在你下載的模板資料夾裡,應該能夠找到對應尺寸的網站 Logo 範例,建議直接照著原尺寸來製作,然後將它透過上傳到模板擺放 Logo 位置即可。

套用 Google Blogger 模板 - 模板資料夾裡能會有網站 Logo 範例
▲ 模板資料夾裡能會有網站 Logo 範例

套用 Google Blogger 模板 - 透過版面配置功能,上傳網站 Logo 圖片
▲ 透過版面配置功能,上傳網站 Logo 圖片

(2) 網站的連結選單

基本上,主題模板都會提供可展開的連結選單,同樣能在版面配置裡修改。不過每個模板定義連結的方式不太一樣,實際還是要參考模板說明書。

像我使用這個模板的定義邏輯,就是在連結名稱前加下底線 _ 會變成下一個層級,雙下底線 __ 就會後推兩個層級。

套用 Google Blogger 模板 - 網站的連結選單也會因為模板而有不同
▲ 網站的連結選單也會因為模板而有不同

套用 Google Blogger 模板 - 定義連結的邏輯請參考使用說明
▲ 定義連結的邏輯請參考使用說明

(3) 主題功能

為了刺激購買動機,模板商通常都會加入一些特別功能,像是:特定輪播、留言系統等。在版面配置的區塊裡找到它們,如果可以開啟但無法使用,應該就是被鎖定的功能。(這在說明書裡會提到)

套用 Google Blogger 模板 - 部分功能是付費版本才能使用
▲ 部分功能是付費版本才能使用

套用 Google Blogger 模板 - 在版面配置裡,可以找這些主題功能
▲ 在版面配置裡,可以找這些主題功能


總結及補充

肯定會有人提問,需要花錢購買主題模板嗎?

這個答案不一定,我初期也用了 2-3 年的免費模板,多數的功能及 SEO 都不會受到影響。但你想要更完整的功能及自主權,那建議還是花點小錢來買模板吧,這也會是對設計的一種認同!

雖然主題模板讓你的網站看起來更專業,但是別只花時間在外觀上,回歸內容創作才是重要的課題。如果文章內容沒能完整地幫你解決模板的問題,詳閱模板說明書應該都能找到答案,也歡迎在下方留言交流心得喔!

套用 Google Blogger 模板 - 多數模板都不會太貴,可以考慮以購買來支持設計專業
▲ 多數模板都不會太貴,可以考慮以購買來支持設計專業

评论

此博客中的热门博文

免费5G容量ASP.NET主机 FreeASPHosting.net

  FreeASPHosting.net免费主机空间,服务器位于德国Hetzner数据中心,5GB容量, 单个文件最大512MB,流量带宽不限,支持ASP.NET 6、ASP.NET 7、ASP.NET Core、ASP.NET MVC、ASP.NET Web Forms、ASP.NET Web API、ASP.NET Razor、IIS专用应用程序池等 ,好像是不支持普通ASP程序, 可创建2个MSSQL数据库 ,提供yourname.bsite.net二级域名(自带SSL), 也可以绑定1个自己的域名(不限顶级域名或是二级域名) ,在线方式上传管理文件(支持压缩和解压缩),不支持FTP,FreeASPHosting.net会在你的网页底部加一横幅广告。 FreeASPHosting.net官网 网址: https://freeasphosting.net FreeASPHosting.net演示 二级域名演示: https://cn88in.bsite.net 绑定域名演示: http://freeasphosting.xdq.us.kg/ 现在程序都是PHP的居多,ASP.NET的太少了,所以只上传了个静态网页。 FreeASPHosting.net免费主机申请教程 打开网址: https://freeasphosting.net 只需填写你的邮箱、用户名(也是你的二级域名)、密码,点“Create Site”按钮提交即可申请成功,邮箱链接激活都不需要,FreeASPHosting.net免费主机申请真是太容易了!

EasyCounter 老牌免费计数器+网站数据分析

  EasyCounter免费计数器,始于1998年,存活这么多年也是很罕见了! EasyCounter有18种计数器样式可供选择,在你的网页中插入一段HTML代码即可计数,无需JS代码,有简单的每日、每月、每年访问量统计功能。 EasyCounter除了计数器还有类似Similarweb的网站数据分析服务 ,提供网站的全球排名、流量分析、历史发展、全球受众、SEO统计、域名数据、社交网络热度、服务器信息、安全状况等数据。 在EasyCounter官网的文本框中输入网站网址,即可查询该网站的全球访问量排名等分析数据。 EasyCounter官网 网址: https://www.easycounter.com EasyCounter免费计数器申请 https://www.easycounter.com/FreeCounter3.html

可接入Cloudflare的1年免费二级域名 L53.NET

  L53是一家提供免费二级域名注册服务的网站,有onflashdrive.app和ggff.net两种免费二级域名后缀可供你选择,其中 注册yourname.onflashdrive.app免费二级域名可以修改DNS服务器接入Cloudflare ,能享受到Cloudflare提供的CDN加速、安全保护、SSL证书、DNS解析等全套免费服务。L53免费二级域名最大的缺点是仅首年免费,续费价格为1.66美元/年。 L53官网 网址: https://www.l53.net L53免费二级域名演示 网址: https://88in.ggff.net L53免费二级域名注册 打开网址: https://customer.l53.net/signup 填写你的名字、姓氏、 邮箱 、地址、国家、城市、省份、电话等基本信息。 将图中标黄区域那段话复制粘贴到下面的文本框,承诺你的名字、邮箱、地址、电话真实有效。 人机验证那里无法显示的话请看“reCAPTCHA人机验证国内无法显示解决方案”这篇文章。 打开你的邮箱,点击L53发过来的验证邮件中的链接验证你的邮箱地址。然后进入控制面板管理域名即可。