如何在 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.