News

The News app can be displayed in multiple ways on Tendenci through: News Feed, News Search, and News Article Views.

To learn more about adding a News Feed to different pages, go to: http://tendenci.readthedocs.io/en/latest/templating/theme_code_snippets.html#news-feed-with-thumbnail-image

To change the look of the News Search Results page, pull down these two templates: search-result.html and search.html

The overall page layout is dictated by search.html. The look of the news results can be changed through the search-result.html template.

Social Sharing Links

You can add social sharing links to the New’s module meta.html or view.html to allow users to share the specific news articles they are viewing on your site.

Facebook

<a class="fa fa-facebook fa-2x" href="https://www.facebook.com/sharer/sharer.php?u={{ SITE_GLOBAL_SITEURL }}{{ news.get_canonical_url }}">&nbsp;</a>

Twitter

<a class="fa fa-twitter fa-2x" href="https://twitter.com/home?status={{ SITE_GLOBAL_SITEURL }}{{ news.get_canonical_url }}">&nbsp;</a>

Linkedin

<a class="fa fa-linkedin fa-2x" href="https://www.linkedin.com/shareArticle?mini=true&url={{ SITE_GLOBAL_SITEURL }}{{ news.get_canonical_url }}&title={{ news.headline }}&summary=&source=">&nbsp;</a>

Adding a Thumbnail

Tip

To add the thumbnail image to search-result.html, use this code:

+ Show Added HTML / Django Template Tags

     <!-- NOTE: This is a different tagging convention than the thumbnail display in a News Feed -->

     {% if news.thumbnail %}
     <div class="col-xs-4">
       <!-- news-image -->
       <img class="img-responsive" src="{% image_url news.thumbnail %}"
       alt="{{ news_item.headline|striptags|safe }}"
           style="width:100%;height:auto;"/>
     </div>
     {% endif %}

Blog Styling: Show Image in the News Article

Tip

By default, the Tendenci code in search-result.html might look something like this:

{% blocktrans with s=news.body|striptags|truncatewords:20|safe %}{{ s }}{% endblocktrans %}

To achieve the look of a blog, you can remove “striptags” to reveal images, links, and headings within your news article content.:

{% blocktrans with s=news.body|truncatewords:100|safe %}{{ s }}{% endblocktrans %}