2016-05-23

002洞:如何套用響應式模版?

當您建立好屬於自己的一個部落格後…您會發現網站已套用標準的模版…很輕易簡單的就產生了美美的部落格了。
但此次我們的主題是「響應式網站」,也就是您在使用電腦及手機平版裝置瀏覽網頁時,會發現有些網站,在不同的設備上顯示的畫面會有些差異。

響應式網站,可以讓您只需維護一個網站內容,即可在不同的裝置間自動變換顯示模式!
我想,這中間技術層面的問題就不探討了,因為這就違背了小講堂的宗旨:專業的事留給專業的人去做…

網路上有很多相當專業的人將網站設置成方便套用的模版,甚至提供免費下載使用~(通常會帶版權宣告字樣,部份可付費移除該字樣…但以個人網站來說,這字樣無仿)
所以在此,您唯一要做的事,就是上網搜搜這些免費的模版,找出喜歡的版型,下載後來套用

您可在Google Search建入「響應式範本」…就有很多厲害的專業人士彙整的範本並有明細介紹~
找出您喜歡的風格,下載該範本…

我目前套用的範本為 Meton (載點:http://www.cotemplates.com/2015/11/meton.html )

您們可以參考,網路上很多精美範本喔!

1. 通常,下載的範本,都會是壓縮檔…所以第一件事…「解壓縮
2. 解壓縮後,裡面一定會有一個.xml的檔案,這個就是我們要的模版
3. 開啟您的Blogger,到您的網址維護中…先點選左下方的「範本」→再點選右上方的「備份/還原

4. 點選「選擇檔案」…指定到上述.xml檔後,按「上傳」即可套用囉!

這封郵件來自 Evernote。Evernote 是您專屬的工作空間,免費下載 Evernote
5 章老師的電腦小講堂: 002洞:如何套用響應式模版? 當您建立好屬於自己的一個部落格後…您會發現網站已套用標準的模版…很輕易簡單的就產生了美美的部落格了。 但此次我們的主題是「響應式網站」,也就是您在使用電腦及手機平版裝置瀏覽網頁時,會發現有些網站,在不同的設備上顯示的畫面會有些差異。 響應式網站,可以讓您只需維護一個網站內容,即可...
小講堂經過多次搬移,舊文章連結及內容較難整理~
大家可以新文章為主~
每篇文章後有代碼,任何文章問題可至FB小講堂用代碼提問唷~