【问题标题】:How to add social sharing buttons in django blog如何在 django 博客中添加社交分享按钮
【发布时间】:2021-10-05 19:08:40
【问题描述】:

我正在使用 django_social_share 模块,但我不知道如何为社交媒体上的特定博客文章传递共享 URL 这是 post_detail.html

<article>
  <div class="embed-responsive embed-responsive-16by9">
<img src="{{post.thumb.url}}" alt="" />
</div>
  <div class="post-content">
<h2>{{post.title}}</h2>
<div>
{{post.created}}  Author {{post.user}}
<hr/>
<p>{{post.body}}</p>
<hr>
<div id="subheader" class="blog">
  <div class="subheader-text">
    <h1>Did you like this Post ?</h1>
    <h4>Consider sharing Most readers like to share our Posts </h4>
  <a href="#" rel="shared-popover" data-popover-content="#shared-btn-Popover" title="Share" data-placement="bottom" class="mtr-btn button-circle button-fab ripple"><i class="fa fa-share-alt"></i></a>
<div id="shared-btn-Popover" class="hide">
  <ul class="blog-share-buttons">
    <li><a href="{% post_to_twitter object.title %}" title="Twitter"><i class="fa fa-twitter"></i></a></li>
    <li><a href="{% post_to_facebook object.title %}" title="Facebook"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
  </ul>
</div>
</article>
</div>

请帮忙,所有设置都可以了

【问题讨论】:

  • 你要传递哪个网址?
  • 包含特定帖子的 URL 我的意思是 post_list 函数呈现包含帖子列表的 blog.html,一旦点击帖子,就会显示来自 post_detail 函数的帖子详细信息,因此尝试分享此帖子是您可以在 post_detail.html 中看到问题

标签: javascript python html css django


【解决方案1】:

我想你可以"{% post_to_twitter post.get_absolte_url %}"

如果你还没有制作,你可以在你的模型中制作它

def get_absolute_url(self):
    return reverse('post:detail', kwargs={'pk': self.pk})

(当然要自己改reverse())

【讨论】:

    【解决方案2】:

    我知道已经很晚了,但你可以这样做:

    {% post_to_facebook  object_or_url "this is where you insert your i tag with icon" %}
    

    像我在示例中那样使用双引号。

    希望对你有帮助。

    【讨论】:

      【解决方案3】:
      {% load social_share %}
      
      {% post_to_facebook object_or_url "Post to Facebook!" %}
      

      您必须输入关键字“object_or_url”纯文本...它将使用 get_absolute_url

      这就是我从 django-social-share 信息中可以理解的内容

      我不知道它如何放置图标。它说有一个参数link_class,但没有解释如何使用它

      【讨论】:

        猜你喜欢
        • 2020-10-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-08-06
        • 2021-09-26
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多