WordPress 용 소셜 공유 플러그인 구축

소셜 공유 플러그인을 사용하면 웹 사이트 방문자가 소셜 미디어 사이트에서 웹 사이트 콘텐츠를 쉽게 공유 할 수 있습니다. 이것은 귀하의 웹 사이트의 전반적인 인식을 높이는 데 도움이됩니다.

이미 설치하고 완료 할 수있는 기존 소셜 공유 플러그인이 이미 있지만 재미있는 곳은 어디입니까?

이 튜토리얼에서는 WordPress를위한 자신의 소셜 공유 플러그인을 처음부터 구축하는 방법을 보여 드리겠습니다. 모든 게시물 아래에 소셜 공유 버튼을 추가 할 수 있습니다. 사용자는 원하는 소셜 미디어 사이트 버튼을 클릭하여 게시물을 공유 할 수 있습니다. 키 테이크 아웃

소셜 공유 플러그인은 웹 사이트 방문자가 소셜 미디어 사이트에서 컨텐츠를 쉽게 공유하여 웹 사이트에 대한 인식을 높일 수 있습니다. WordPress 용 소셜 공유 플러그인 구축 디렉토리 및 파일 작성, 관리자 메뉴 항목 작성, 옵션 페이지 작성, 소셜 공유 버튼 표시 및 소셜 미디어 버튼 스타일링이 포함됩니다. 옵션 페이지를 통해 사용자는 버튼을 원하는 소셜 미디어 사이트를 선택할 수 있으며 버튼 자체는 WordPress의 'The_Content'필터를 사용하여 게시물 끝에 추가됩니다. 소셜 공유 플러그인을 사용자 정의하면 CSS 스타일 수정, 소셜 미디어 플랫폼 추가, 버튼을 응답하고 분석 도구를 사용하여 분석 도구를 사용하여 성능을 추적하고 API를 사용하여 공유 계산 및 SEO의 버튼 최적화가 포함될 수 있습니다.

소셜 미디어 공유 버튼이 필요한 이유는 무엇입니까?

는 종종 80% 이상의 사용자가 친구의 권장 사항에 따라 콘텐츠를 읽는 것을 고려한다고보고됩니다. 소셜 공유를 통해 사용자는 자신의 친구 네트워크와 콘텐츠를 공유 할 수있는 기능을 제공합니다. 웹에서 매일 400 억 주 이상의 주식이 클릭되므로 WordPress 웹 사이트에서 소셜 공유 버튼을 추가하는 것이 첫 번째 단계입니다. 플러그인 디렉토리 및 파일 를 시작하려면 소셜 공유라는 디렉토리를 만들고 다음 파일을 만듭니다.

소셜 샤어 .php 파일에 플러그인을 설치할 수 있도록 다음 텍스트를 추가하십시오.

관리자 메뉴 만들기 항목 우리는 사용자가 소셜 미디어 사이트를 표시 해야하는 버튼을 선택할 수있는 플러그인의 옵션 페이지를 만들어야합니다. 옵션 페이지를 먼저 만들려면 옵션 페이지가 첨부 될 메뉴 항목을 작성해야합니다. 다음은 설정 최상위 메뉴 항목에서 관리 메뉴 항목을 작성하는 코드입니다. <h2> <add> 여기에 add_submenu_page를 사용하여 메뉴 항목을 추가하여 실제로 admin_menu 작업 내부에서 호출됩니다. Social_share_Page는 옵션 페이지의 내용을 표시 해야하는 콜백 함수입니다. <our> 다음은 다음과 같습니다. 메뉴 항목은 다음과 같습니다<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173985529193287.png?x-oss-process=image/resize,p_40" class="lazy" alt="WordPress 용 소셜 공유 플러그인 구축" > <page> 옵션 만들기 페이지 <the> 옵션 페이지 컨텐츠를 표시하기 위해 Social_Share_Page 함수를 코딩하자. </the></page></our></add> </h2> <add> 여기에 소셜_share_config_section이라는 섹션을 추가하고 Social-Share로 설정을 등록합니다. <display> 이제 섹션과 해당 옵션 필드를 표시 할 수 있습니다 <p> <let> 여기서 우리는 사용자가 Facebook, Twitter, LinkedIn 및 Reddit 공유 버튼 중에서 선택할 수있게 해줍니다. 관리자가 표시 할 버튼을 선택할 수 있도록 확인란 인터페이스를 제공합니다. 필요에 따라 더 많은 소셜 미디어 사이트를 지원하기 위해 목록을 확장 할 수 있습니다. </let></p> <our> 여기에 최종 옵션 페이지가 보이는 것입니다 <pre class="brush:php;toolbar:false">--social-share -social-share.php -style.css</pre> <social> 소셜 공유 버튼 표시 <shar> 모든 게시물 아래에 소셜 공유 버튼을 표시하려면 발송되기 전에 모든 게시물의 내용을 필터링해야합니다. 게시물 끝에 소셜 공유 버튼을 추가하려면 the_content 필터를 사용해야합니다. <on> 다음은 게시물을 필터링하고 소셜 미디어 버튼을 표시하는 방법에 대한 코드입니다. <p> <this>이 코드가 작동하는 방법은 다음과 같습니다 </this></p> <add> 먼저 우리는 소셜 미디어 공유 링크에 래퍼를 추가하고 있습니다. <are> 그런 다음 소셜 미디어 사이트에서 공유 될 현재 게시물의 전체 URL을 검색하고 있습니다. 또한 WordPress 제공 ESC_URL 기능을 사용하여 URL을 탈출하고 있습니다. <check> 그런 다음 사용자가 표시하려는 버튼을 확인하고 각 버튼 마크 업을 게시물 콘텐츠에 추가합니다. 마지막으로, 우리는 각 소셜 미디어 사이트의 소셜 공유 링크의 끝에 현재 포스트 URL을 추가하고 있습니다. <p> <our> 여기 소셜 미디어 버튼이 모든 게시물 아래의 프론트 엔드에서 어떻게 보이는지 : </our></p> <the> 소셜 미디어 버튼 스타일 <style> 프론트 엔드에 Style.css를 첨부하겠습니다. Code Enqueue the Style.css 파일. <pre ><span ><span ><?php <span > <span ><span >/* <span ><span >Plugin Name: Social Share <span ><span >Plugin URI: https://www.sitepoint.com <span ><span >Description: Displays Social Share icons below every post <span ><span >Version: 1.0 <span ><span >Author: Narayan Prusty <span ><span >*/ <p> <c> 버튼 스타일링을위한 CSS 코드는 다음과 같습니다 <p> 결론 <🎜 🎜> 이 기사에서는 소셜 미디어 공유 플러그인을 쉽게 구축하는 방법을 보여주었습니다. 이제 더 많은 소셜 미디어 사이트에 대한 버튼을 추가하고 버튼과 함께 주식 수를 표시하기 위해이를 확장 할 수 있습니다. 아래의 플러그인과 경험을 공유하십시오<questions> WordPress 용 소셜 공유 플러그인 구축에 대해 자주 묻는 질문 <h2 > <custom> WordPress에 대한 소셜 공유 플러그인을 사용자 정의 할 수 있습니까? <h3 > CSS 스타일을 수정하여 WordPress의 소셜 공유 플러그인 사용자 정의를 수행 할 수 있습니다. 버튼의 모양, 크기, 색상 및 호버 효과도 변경할 수 있습니다. 버튼이 웹 사이트에 표시되기를 원하는 위치, 게시물의 위, 하단 또는 측면에 있는지 결정할 수도 있습니다. 변경 사항이 예상대로 작동하고 웹 사이트의 기능을 방해하지 않도록 항상 변경 사항을 테스트해야합니다. <🎜 🎜> 내 플러그인에 소셜 미디어 플랫폼을 더 추가 할 수 있습니까? 플러그인에 더 많은 소셜 미디어 플랫폼을 추가 할 수 있습니다. PHP 코드에 더 많은 버튼 요소를 추가하고 해당 소셜 미디어 공유 URL에 연결하여 수행 할 수 있습니다. 공유 기능이 올바르게 작동하는지 확인하기 위해 각 플랫폼의 올바른 URL 구조를 사용해야합니다. <🎜 🎜> <p > 소셜 공유 버튼을 반응하게 만드는 방법은 무엇입니까? <h3 > 소셜 공유 버튼을 반응하는 경우 CSS 사용과 관련이 있습니다. 미디어 쿼리. 이를 통해 다양한 화면 크기에 대해 다양한 스타일을 설정할 수 있으므로 모든 장치에서 버튼이 좋아 보일 수 있습니다. 화면 크기에 따라 버튼의 다양한 크기, 위치 및 다른 이미지를 지정할 수 있습니다. <🎜 🎜> 내 소셜 공유 버튼의 성능을 추적 할 수 있습니까? <🎜 🎜> <p > 예, 가능합니다. Google Analytics와 같은 분석 도구와 통합하여 소셜 공유 버튼의 성능을 추적하십시오. 버튼 링크에 추적 코드를 추가하여 수행 할 수 있습니다. 이렇게하면 각 버튼을 몇 번 클릭 한 횟수와 웹 사이트로 이동하는 트래픽 수를 확인할 수 있습니다. <🎜 🎜> 소셜 공유 버튼에 공유 수를 추가 할 수 있습니까? <🎜 🎜> <h3 > 소셜 미디어 플랫폼에서 제공 한 API를 사용하여 소셜 공유 버튼에 공유 수를 추가 할 수 있습니다. 이 API를 사용하면 URL이 플랫폼에서 공유 한 횟수를 검색 할 수 있습니다. 그런 다음 공유 버튼 옆 에이 번호를 표시 할 수 있습니다. 모든 플랫폼 이이 기능을 제공하는 것은 아니며 일부는 API를 사용하기 위해 응용 프로그램을 등록해야 할 수도 있습니다. <🎜 🎜> 사용자 지정 게시물 유형에 소셜 공유 버튼을 추가 할 수 있습니까? 사용자 정의 게시물 유형에 소셜 공유 버튼을 추가하십시오. 버튼을 생성하는 PHP 코드를 수정하여 수행 할 수 있습니다. 게시물 유형을 확인하고 그에 따라 버튼을 추가하는 조건을 추가해야합니다. 변경 사항이 올바르게 작동하는지 확인하십시오. <p ><optim> SEO의 소셜 공유 버튼을 최적화하려면 SEO에 대한 소셜 공유 버튼 최적화에는 페이지에 적절한 메타 태그를 추가하는 것과 관련이 있습니다. 이 태그는 콘텐츠에 대한 정보를 제공하여 콘텐츠가 공유 될 때 표시 할 제목, 설명 및 이미지와 같은 소셜 미디어 플랫폼에 대한 정보를 제공합니다. 이것은 공유 콘텐츠의 가시성과 클릭률을 향상시킬 수 있습니다. <🎜 🎜> <h3 > 소셜 공유 버튼에 SVG 아이콘을 사용할 수 있습니까? <🎜 🎜> 예, 소셜 공유 버튼에 SVG 아이콘을 사용할 수 있습니다. . SVG 아이콘은 벡터 기반이므로 품질을 잃지 않고 조정될 수 있습니다. 이것은 반응 형 디자인을위한 훌륭한 선택입니다. 사전 제작 된 SVG 아이콘을 사용하거나 그래픽 디자인 소프트웨어를 사용하여 직접 만들 수 있습니다. <🎜 🎜> <p > 내 WordPress 메뉴에 소셜 공유 버튼을 추가하려면 어떻게해야합니까? <h3 > 소셜 공유 버튼 추가 WordPress 메뉴는 WordPress 메뉴 편집기를 사용하여 수행 할 수 있습니다. 메뉴에 사용자 정의 링크를 추가하고 CSS를 사용하여 버튼으로 스타일을 지정할 수 있습니다. 이것은 현재 페이지를 기반으로 변경되는 역동적 인 링크가 아니라 정적 링크를 생성합니다. <p > 소셜 공유 버튼을 더 빨리로드 할 수있는 방법은 무엇입니까? <h3 > 소셜 공유 버튼을로드하는 방법 코드와 리소스를 최적화하여 더 빠르게 달성 할 수 있습니다. 여기에는 CSS 및 JavaScript 파일을 조정하고 이미지 최적화 및 효율적인 코드를 사용하는 것이 포함됩니다. 캐싱 및 컨텐츠 전달 네트워크 (CDN)를 사용하여 로딩 시간을 더욱 향상시킬 수도 있습니다.</style></the></check></are></add></on></shar></social></our></display></add>

위 내용은 WordPress 용 소셜 공유 플러그인 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!