เราจะได้เห็นปุ่ม Social Share บนเว็บไซต์ส่วนใหญ่ พวกเขามีบทบาทสำคัญในอีคอมเมิร์ซหรือบล็อกหรือไซต์ในเครือ ในฐานะนักพัฒนาเว็บ คุณต้องการให้ผู้คนชอบเว็บไซต์ของคุณอย่างแน่นอนและต้องการให้พวกเขาบอกเกี่ยวกับเว็บไซต์ของคุณกับผู้อื่นบนโซเชียลมีเดีย
ในบทความนี้ เราจะมาดูวิธีการสร้างปุ่มแชร์เว็บไซต์แบบอัตโนมัติ
ตัวอย่าง
ก่อนอื่น สร้างโครงการและแอป
ติดตั้ง 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 ส่วนหน้า
สร้าง เทมเพลต โฟลเดอร์ในโฟลเดอร์แอปและสร้าง "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 ส่วนหน้า เราโหลดไลบรารีของเราในส่วนหน้าแล้วใช้ object_or_url หลัง post_to_(ชื่อโซเชียลมีเดีย) เพื่อบอกว่าจะแชร์อะไรในโซเชียลมีเดีย object_or_url เพื่อแชร์ลิงก์เว็บไซต์
คุณสามารถเพิ่มสไตล์ คลาส ไอคอน องค์ประกอบใดก็ได้ที่คุณต้องการ! ทีนี้มาดูผลลัพธ์และหน้าตากันดีกว่า
ผลลัพธ์
