— layout: post title: “Be social” date: 2016-09-15 16:25:06 description: Built-in share buttons! share: true tags:
- tags¶ ↑
Social icons¶ ↑
You can have social icons which could lead to your social profile. Out-of-the box it has:
They could be setup in _config.yml
.
To add more icons do following steps:
-
choose an icon you want to use: Font Awesome Icons
-
add variable in
_config.yml
-
add icon in
social.html
with check if variable exists:
{% highlight html %} {% raw %} {% if site.social.rss %} <li> <a title=“{{ site.social.<your_social_variable> }}” href=“{{site.url}}/{{ site.social.<your_social_variable> }}” target=“_blank”><font_awesome_icon></i></a> </li> {% endif %} {% endraw %} {% endhighlight html %}
Share buttons¶ ↑
This theme comes with built-in share buttons. You can see them in the bottom of this post. To turn them on in the header of your post add:
{% highlight yml %} layout: post title: “Be sociable” date: 2016-05-15 16:25:06 description: Built-in share buttons! share: true <– here {% endhighlight yml %}
If you want to disable some of them - go to _config.yml:
_config.yml {:.filename} {% highlight yml%} share: facebook: true twitter: true gplus: true linkedin: true pinterest: true email: true {% endhighlight yml%}
To add new buttons:
-
add icon name in _config.yml;
-
add section in _includes/share.html;
-
add styles in css/theme.css.