部落格使用模版介紹Easy Mag 阿土隨手筆記
Easy Mag是一個專業的雜誌 Blogspot主題,這模板專注於新聞博客,但也可以用於技術,評論、電影、體育、利基、權威、學校、機構等。
這是一個高度優化的模板,SEO都有優化過,廣告準備好和快速加載,由於其響應式設計,它可根據設備調整任何螢幕尺寸。採用最新的趨勢和技術,它是一個高度優化的主題,具有很高的SEO分數。
適用於個人部落格,具有簡單的創意功能。這個Blogger模板是一個輕鬆優雅的主題,還配備了各種小工具,可以幫助您更專業地發佈您的部落格。
本模版使用了1右邊側欄、3列頁角
那我們先來看哪裡下載
可以到他網站下方的Download按鈕下載
https://gooyaabitemplates.com/easy-mag-blogger-template/
或是直接下載
https://gooyaabitemplates.com/download/Easy-Mag.zip
下載好把檔案壓縮出來,裡面有很多教學說明,但都是英文的
所以我這邊會盡量把我會的測試出來
裡面有一個Easy Mag.xml,這是載入模版的檔案
可以到你Blogger後台的 主題>>備份/還原 來上傳檔案
Top導航設定
到部落格後台>>版面設置>>單擊 Top Navigation 小工具上的編輯新增你要的分類,最上方可以放宣傳自己的文章,一個網站最常近去的通常都是首頁,再來就是關於我、連絡站長這一類
社交熱門/社交頁腳
到部落格後台>>版面設置>>單擊 Social Top / Social Footer 小工具上的編輯他可以用的ICON小圖的非常多都已經設定好了,只要照一樣的名字輸入,就會把文字變成ICON小圖,另外這些小圖用了fontawesome網站的小圖,只要裝好他固定的語法,就可以用CSS來設定小圖,但這些模版都設定好了,不用擔心
fontawesome網站
https://fontawesome.com/icons
下面是已經可用的ICON
facebook,twitter,gplus,rss,youtube,skype,stumbleupon,tumblr,vine,stack-overflow,linkedin,dribbble,soundcloud,behance,digg,instagram,pinterest,delicious,codepen
但我們用中文來說,不用用到那麼多的社群
主選單/下拉選單
到部落格後台>>版面設置>>單擊 Main Menu 小工具上的編輯主選單只要直接打分類名稱即可
二級的下拉選單只要名稱前面加上底線_
就可以了
文章公告(跑馬燈)
到部落格後台>>版面設置>>單擊 Ticker News 小工具上的編輯最近文章: <span data-type="recent" data-no="5"></span>
標籤 Ex: <span data-type="label" data-label="Sports" data-no="5"></span>
Sports是自己文章設定的標籤
效果
精選文章
到部落格後台>>版面設置>>單擊 Featured Posts 小工具上的編輯最近文章: <span data-type="recent"></span>
標籤 Ex: <span data-type="label" data-label="Sports"></span>
Sports是自己文章設定的標籤
效果
雜誌盒佈局
到部落格後台>>版面設置>>在Box Layout或Box Layout2 單擊添加小工具 > HTML / JavaScript ,然後添加所需框的類型 你要新增幾種類型,就要新增幾個小工具類型: { feat,columnleft,columnright,carousel,videos,gallery }
Feat: <span data-type="feat" data-label="Beauty"></span>
Carousel: <span data-type="carousel" data-label="Sports" data-no="6"></span>
Videos: <span data-type="videos" data-label="Video"></span>
Column Left: <span data-type="columnleft" data-label="Magazine" data-no="4"></span>
Column Right: <span data-type="columnright" data-label="Sports" data-no="4"></span>
Gallery: <span data-type="gallery" data-label="Culture"></span>
小工具
到部落格後台>>版面設置>>在側欄或頁腳 單擊添加小工具 > HTML / JavaScript最近的文章: <span class="recentposts" data-no="4"></span>
分類: <span class="labelpost" data-label="Sports" data-no="4"></span>
最近評論: <span class="recentcomments" data-no="4"></span>
最新文章跟最近評論在右側已經有一個Tab頁籤了
可以不用重複設定
社交平台
到部落格後台>>版面設置>>單擊 Social Counter 小工具上的編輯只要照他原本的格式修改就可以,用不到的刪掉即可
facebook count=3.5k;
twitter count=1.7k;
gplus count=735;
youtube count=2.8k;
pinterest count=524;
dribbble count=7.3m;
instagram count=849;
rss count=286;
例如count=3.5k;這些要打上才會顯示按讚人數(感覺不方便,可以造假)
也可以不打數字,只是畫面會空空的
先編輯到這邊,後有時間在補充
沒有留言