Simp 模板的相關CODE

 

Simp模版新增social icon的方法 | wide image

來自作者的回覆.. 如何新增Social icon


Hello, to add line social icon on footer, please follow this steps:

1. Look for the following code in your template
.footer-outer .footer-social .LinkList li.icon-youtube a::before { content: "\f167"; }
 
2. After the code above, enter the following CSS
.footer-outer .footer-social .LinkList li.icon-line a::before { content: "\f3c0"; }
 
3. You can now add the Line social icon on the Layout page, by entering the URL and the label "line" in the social media gadget on footer, similar to the rest of the icon as instructed in the documentation. I attached an image for your 
reference.
 
The Simple template uses Fontawesome library for all the social icons. You can duplicate the same steps above for other icosns you would like to add on your blog. You can find the list of icons you can add on your website.

 

 

關於圖片的部分

Simpl brings additional two image width options: wide and full-bleed. With this you can blend images beautifully into your content at different sizes. This can be enabled by adding label wide image or full image on image alt field as shown in the video below.