django 社交分享按钮图标

Posted

技术标签:

【中文标题】django 社交分享按钮图标【英文标题】:django social share button icons 【发布时间】:2021-09-26 05:53:41 【问题描述】:

我正在尝试添加将锻炼帖子分享到社交媒体的功能,发现 django-social-share 包是最好的。

一切正常,但我很好奇如何在链接上添加一个图标,因为它目前看起来像

Post to Facebook!

这是非常平淡的。我见过添加 CSS 的示例,但由于该包的工作方式类似于

% post_to_facebook object_or_url "Post to Facebook!" %

我不确定您如何使用 CSS 来定位它。任何帮助表示赞赏。

【问题讨论】:

【参考方案1】:

您可以覆盖所有templates,然后添加icon 或更改style..

所有模板目录必须按此顺序:

Templates
  |__ django_social_share
       |__ templatetags
             |__ post_to_facebook.html
             |__ post_to_twitter.html
             |__ send_email.html
             |__ ......
             |__ ADD ALL TEMPLATES

例如。 post_to_facebook.html:

<div class="facebook-this">                
    <a href=" facebook_url " class=" link_class " target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i> Post to Facebook!</a>
</div>

See All Templates Here...

【讨论】:

我有点困惑。所以我会在项目中创建一个新的模板文件夹,然后按照结构为我想要图标的社交链接创建新的 html 文件? @timrockx 是的,首先创建模板文件夹,然后在 settings.py 中注册(在 TEMPLATES/Dir 中),然后在其中创建模板。但是请记住文件/文件夹结构和文件名必须相同 @ 987654322@

以上是关于django 社交分享按钮图标的主要内容,如果未能解决你的问题,请参考以下文章

社交媒体图标未出现

如何在颤动中更改特定的图标颜色?

案例 HTML5 SVG图标按钮菜单特效

如何自定义谷歌课堂分享按钮的外观

如何让我的弹性框按钮悬停?

雷林鹏分享:jQuery Mobile 图标