如何在 Django 中添加社交分享按钮?


我们在大多数网站上都能看到社交分享按钮。它们在电子商务、博客或联盟网站中发挥着重要作用。作为一名 Web 开发人员,你当然希望人们喜欢你的网站,并希望他们在社交媒体上告诉其他人关于你的网站。

在本文中,我们将了解如何制作一个自动化的网站社交分享按钮。

示例

首先,创建一个项目和一个应用。

安装 **django-social-share** 包 -

pip install django-social-share

在 **settings.py** 中,将 **django_social_share** 作为项目中的一个应用添加。

INSTALLED_APPS += ['django_social_share']

在项目的 **urls.py** 中 -

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
   path('admin/', admin.site.urls),
   path('', include('socialShare.urls')) #this is my app urls
]

设置应用的 URL。

在应用的 **urls.py:** 中,渲染一个视图。

from django.urls import path,include
from . import views
urlpatterns = [
   path('', views.home, name="home")
]

在 **views.py** 中 -

from django.shortcuts import render

# Create your views here.
def home(request):
   return render(request,"home.html")

在这里,我们只是简单地渲染了前端 HTML。

在应用文件夹中创建一个 **templates** 文件夹,并创建一个包含以下内容的 **"home.html"** 文件 -

<!DOCTYPE html>
<html>
   <head>
      <title>TUT</title>
   </head>
   <body>
      {% load social_share %}
      {% post_to_facebook object_or_url "<p style='color: green;'>facebook</p>" %}
      {% post_to_linkedin object_or_url %}
      {% post_to_telegram "New Song: " object_or_url %}
   </body>
</html>

在这里,我们创建了前端 HTML。我们在前端加载了我们的库,然后我们在 **post_to_(社交媒体名称)** 后使用了 **object_or_url** 来告诉在哪个社交媒体上分享什么,**object_or_url 用于分享网站链接。**

您可以添加样式、类、图标,任何您想要的元素!现在让我们检查输出以及它的外观。

输出

 


更新于:2021 年 8 月 26 日

2K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.