doc:tips:sharebuttons
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
doc:tips:sharebuttons [2020/06/05 19:37] – arvid | doc:tips:sharebuttons [2022/12/25 13:49] (current) – updated twitter sharing link arvid | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== How to add social media share buttons ====== | ||
+ | |||
You may want to add share buttons for social media sites to your blog, so your visitors can easily share your content to their followers. | You may want to add share buttons for social media sites to your blog, so your visitors can easily share your content to their followers. | ||
The following solution for that was originally provided by Panther [[https:// | The following solution for that was originally provided by Panther [[https:// | ||
+ | ===== 1.: Upload images ===== | ||
At first, upload images for each share button you'd like to add. In our case, let's assume you create an '' | At first, upload images for each share button you'd like to add. In our case, let's assume you create an '' | ||
- | Open '' | + | ===== 2.: Add share buttons code to your theme ===== |
+ | Open '' | ||
+ | (Change this code to your needs: Remove | ||
< | < | ||
Line 12: | Line 17: | ||
<img src="/ | <img src="/ | ||
</a> | </a> | ||
- | <a href="http:// | + | <a href="https:// |
<img src="/ | <img src="/ | ||
</a> | </a> | ||
Line 42: | Line 47: | ||
</ | </ | ||
- | ====== Alternative without images | + | ===== Alternative without images ===== |
- | Panther | + | Tongara altered |
+ | |||
+ | Add "Share this:" to template with Awesome font | ||
+ | [[http:// | ||
+ | |||
+ | |||
+ | ===== Adding the " | ||
+ | Tongara also posted a fix/update later on that would enable users to use the sharebuttons code on Static Pages. This was a very simple fix which works by placing the exact same code onto a static page template file (wherever the blog owner desires the share buttons to be displayed), and then finding any instance of | ||
+ | < | ||
+ | $id|link: | ||
+ | </ | ||
+ | And simply changing them to | ||
+ | < | ||
+ | $id|link: | ||
+ | </ |
doc/tips/sharebuttons.1591378657.txt.gz · Last modified: 2020/06/05 19:37 by arvid