Added info for social shares

This commit is contained in:
Fabian Braun 2018-01-05 22:10:26 +01:00
parent 163df1ea3b
commit 8d902f4d69
1 changed files with 44 additions and 0 deletions

View File

@ -201,3 +201,47 @@ To add the blog Sitemap, add the following code to the project ``urls.py``::
}
}),
)
*************
Social shares
*************
``djangocms_blog`` integrates well with options for social shares. One of the many options available is [Shariff](https://github.com/heiseonline/shariff) which was developed by a popular German computer magazine.
To allow readers to share articles on Facebook, Twitter, LinkedIn or just mail them, simply add share buttons to your ``post_detail.html`` template just before ``</article>``.
If you decide to use Shariff this just requires a simple ``<div>`` to be added (see documentation of shariff). Here is a simple template tag that loads all required conifigurations and javascript files. The ``<div>`` becomes ``{% shariff %}``:
from django.conf import settings
from django import template
register = template.Library()
@register.inclusion_tag('djangocms_blog/shariff.html', takes_context=True)
def shariff(context, title=None, services=None, orientation=None):
context['orientation'] = orientation if orientation else 'horizontal'
context['services'] = escape(services if services else
settings.SHARIFF['services']) # MUST be configured in settings.py
if title:
context['short_message'] = settings.SHARIFF.get('prefix', '') + title +\
settings.SHARIFF.get('postfix', '')
if 'mail-url' in settings.SHARIFF:
context['mail_url'] = settings.SHARIFF['mail-url']
return(context)
And in ``templates/djangocms_blog/shariff.html`` you simply need
{% load static sekizai_tags %}
{% addtoblock 'js' %}<script src="{% static 'js/shariff.min.js' %}"></script>{% endaddtoblock %}
{% addtoblock 'css' %}<link href="{% static 'css/shariff.min.css' %}" rel="stylesheet">{% endaddtoblock %}
<div class="shariff" data-services="{{services}}" data-orientation="{{orientation}}"{% if mail_url %} data-mail-url="{{mail_url}}"{% endif %}{% if short_message %} data-title="{{short_message}}"{% endif %}></div>
The shariff files ``js/shariff.min.js `` and ``css/shariff.min.css`` will need to be added to your static files. Also, a little configuration in ``settings.py`` is needed, e.g.,
SHARIFF = {
'services': '["twitter", "facebook", "googleplus", "linkedin", "xing", "mail"]',
'mail-url': 'mailto:', # optional
'prefix': 'Have you seen this: "', # optional
'postfix': '"', # optional
}