Breaking News

部落格使用模版介紹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;這些要打上才會顯示按讚人數(感覺不方便,可以造假)
也可以不打數字,只是畫面會空空的


先編輯到這邊,後有時間在補充

沒有留言