우리는 대부분의 웹사이트에서 소셜 공유 버튼을 보게 됩니다. 그들은 전자 상거래 또는 블로깅 또는 제휴 사이트에서 중요한 역할을 합니다. 웹 개발자는 사람들이 귀하의 웹사이트를 좋아하고 소셜 미디어에서 다른 사람들에게 귀하의 사이트에 대해 알리기를 원할 것입니다.
이 기사에서는 자동화된 웹사이트 공유 소셜 버튼을 만드는 방법을 살펴보겠습니다.
예시
먼저 프로젝트와 앱을 만듭니다.
django-social-share 설치 패키지 -
pip install django-social-share
settings.py에서 django_social_share 추가 프로젝트의 앱으로.
INSTALLED_APPS += ['django_social_share']
프로젝트의 url.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을 설정하세요.
앱의 url.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을 지정하여 웹사이트 링크를 공유합니다.
스타일, 클래스, 아이콘, 원하는 모든 요소를 추가할 수 있습니다! 이제 출력과 모양을 확인해 보겠습니다.
출력
<강한>