Twitter를 WordPress와 연결하는 방법? 11가지 방법!
게시 됨: 2020-11-19Twitter를 귀하의 사이트와 통합하시겠습니까? 이 작업을 수행하는 간단한 방법을 찾고 계시다면 저희가 준비했습니다. 이 가이드에서는 Twitter와 WordPress를 쉽게 연결하는 몇 가지 방법을 보여줍니다.
오늘날 대부분의 사람들은 적어도 하나의 소셜 미디어 플랫폼을 사용합니다. 예를 들어, Facebook, Twitter, Instagram 및 Pinterest는 전 세계적으로 40억 명이 넘는 활성 사용자를 보유하고 있습니다! 소셜 미디어 프로필을 현명하게 사용하면 소셜 미디어의 존재감을 높이고 온라인에서 수백만 명의 고객에게 다가갈 수 있습니다. 우리는 이미 Instagram을 사이트와 통합하는 방법을 살펴보았고 오늘은 Twitter를 WordPress 사이트와 연결하는 다양한 방법을 보여드리겠습니다.
Twitter를 WordPress와 통합하는 이유는 무엇입니까?
Twitter는 3억 명이 넘는 월간 활성 사용자와 거의 1억 5천만 명의 일일 사용자를 보유하고 있으므로 새로운 고객에게 다가갈 수 있는 훌륭한 플랫폼입니다. 많은 웹사이트는 또한 팔로워에게 그들이 게시하는 콘텐츠에 대한 정보를 제공하고 그들과 상호 작용하기 위해 Twitter를 사용합니다.
많은 플러그인을 사용하면 Twitter에서 콘텐츠를 자동으로 공유할 수 있습니다. 그러나 이 게시물에서는 한 단계 더 나아가 Twitter를 WordPress 사이트와 통합하는 여러 방법을 보여줍니다. 그렇게 하면 작업을 자동화하고 새로운 잠재고객에게 도달하며 비즈니스를 성장시킬 수 있습니다.
Twitter를 WordPress와 연결하는 방법?
Twitter와 WordPress를 연결하는 방법에는 여러 가지가 있습니다.
- 트윗 삽입
- 단일 트윗/트윗스톰에서 콘텐츠 가져오기
- 트위터 피드
- 특정 트윗 표시
- 타임라인 위젯
- 공유 버튼
- 팔로우 버튼
- 사이드바의 트윗
- 콘텐츠 공유
- 인라인 트윗 아이콘
- 트위터 카드
이 안내서에서는 귀하의 요구에 가장 적합한 것을 선택하고 귀하의 사이트에 적용할 수 있도록 이들 모두를 설명할 것입니다.
1) 트윗 삽입
Twitter를 WordPress와 통합하는 첫 번째 방법은 사이트에 트윗을 삽입하는 것입니다. 그리고 가장 좋은 점은 1분이면 충분하다는 것입니다.
먼저 사이트에 퍼가려는 트윗의 URL을 찾습니다. 우리의 경우 공식 Twitter 계정의 트윗을 표시합니다.
트윗 URL을 복사하고 WordPress 관리자로 이동합니다. 여기에는 Classic Editor를 사용하는지 Gutenberg를 사용하는지에 따라 두 가지 옵션이 있습니다.
클래식 편집기
클래식 에디터를 사용하는 경우 트윗을 삽입할 페이지 또는 게시물로 이동하여 URL을 붙여넣고 게시물을 저장/업데이트합니다.
그 후 게시물에서 트윗을 볼 수 있습니다.
구텐베르크
한편, 구텐베르그 에디터를 사용 중이라면 트윗 URL 복사 후 트위터 블록을 검색해 트윗 URL을 붙여넣고 업데이트를 게시한다.
편집기에서 실시간 미리보기를 볼 수 있고 프론트엔드에서 최종 버전을 볼 수 있습니다.
짧고 달콤하지 않습니까? 1분 이내에 WordPress 사이트에 트윗을 포함하고 Twitter와 연결할 수 있습니다.
2) 단일 트윗 또는 트윗스톰에서 콘텐츠 가져오기
최신 구텐베르크 편집기를 콘텐츠 편집기로 사용하는 경우 Twitter 블록 을 사용하여 Twitter에서 콘텐츠를 가져와 사이트에 표시할 수 있습니다. 어떻게 하는지 봅시다.
먼저 Gutenberg 편집기로 이동하여 Twitter 블록을 추가하십시오. 그런 다음 포함하려는 트윗 또는 트윗스톰의 URL을 입력합니다. 이 데모에서는 트윗 중 하나를 포함합니다.
라이브 미리보기에서 트윗을 보고 프론트엔드에서 실제 게시물을 확인할 수 있습니다.
이렇게 하면 1분 이내에 사이트에 트윗이나 트윗스톰을 포함할 수 있습니다.
이 방법은 Gutenberg Editor를 사용하는 경우에만 작동합니다.
3) 트위터 피드
이것은 특히 플랫폼에서 매우 활동적인 사람들을 위해 Twitter와 WordPress를 연결하는 매우 흥미로운 방법입니다. 이 섹션에서는 Twitter 게시 도구 를 사용하여 사이트에 미니 트위터 페이지를 추가하는 방법을 보여줍니다.
먼저 Twitter 게시 도구로 이동하여 포함된 타임라인 옵션을 선택합니다. 거기에 트위터 프로필 URL을 입력해야 합니다.
그러면 위젯 미리보기와 함께 고유한 HTML 코드가 표시됩니다.
따라서 이 페이지를 사이트에 포함하려면 HTML 코드를 복사하여 원하는 페이지나 게시물에 붙여넣기만 하면 됩니다. 여기에는 두 가지 옵션이 있습니다.
클래식 편집기
클래식 편집기를 사용하는 경우 콘텐츠에 HTML을 추가할 때 텍스트 편집기 를 사용하고 있는지 확인하십시오.
그런 다음 게시물을 업데이트하기만 하면 해당 게시물에 피드가 표시됩니다.
구텐베르크
Gutenberg를 사용하는 경우 HTML 블록을 사용하여 게시물에 HTML을 추가할 수 있습니다.
코드를 추가한 후 게시물을 업데이트하면 프론트엔드에 방금 생성한 Twitter 피드가 표시됩니다.
Twitter 피드 전용 페이지를 만드는 것이 좋습니다. 코드는 사용 가능한 모든 트윗을 페이지로 가져오므로 게시물이 매우 길어집니다. 자신의 Twitter 피드와 다른 사람의 피드를 포함할 수 있습니다. Twitter 프로필 URL만 있으면 바로 사용할 수 있습니다.
4) 특정 트윗 표시
경우에 따라 전체 Twitter 프로필을 포함하는 대신 사이트에 특정 트윗을 포함해야 합니다. 그렇게 하려면 추가하려는 트윗으로 이동하여 오른쪽 상단 모서리에 있는 점 3개 버튼 을 클릭합니다. 거기에 포함 옵션이 표시됩니다. 그것을 누른 후 Twitter Publish로 이동하여 HTML 코드를 얻습니다.
HTML 코드를 복사한 다음 WordPress 관리자로 이동합니다. 구텐베르크 편집기를 사용하는 경우 HTML 블록을 추가하고 코드를 붙여넣고 게시물을 저장합니다.
반면에 클래식 편집기를 사용하는 경우 텍스트 모드를 사용하고 여기에 HTML 코드를 붙여넣습니다.
그런 다음 게시물에 방금 임베드한 트윗이 표시됩니다.
5) 트위터 타임라인 위젯 추가
Twitter와 WordPress를 연결하는 또 다른 흥미로운 옵션은 위젯 영역 에 타임라인을 추가하는 것입니다. 이렇게 하면 고객은 모든 페이지, 게시물 또는 위젯 위치를 활성화한 모든 위치에서 귀하의 트윗을 볼 수 있습니다.
Twitter 타임라인 위젯을 추가하려면 Twitter 게시 웹사이트로 이동하여 포함된 타임라인 옵션을 선택하고 Twitter 프로필의 URL을 붙여넣습니다.
그런 다음 HTML 코드를 복사합니다.
그런 다음 WordPress 사이트에 로그인하고 모양 > 위젯 으로 이동합니다. 거기에서 오른쪽 사이드바에 HTML 위젯을 추가하고 방금 복사한 HTML 코드를 붙여넣어야 합니다.
그런 다음 변경 사항을 저장하면 됩니다. 마지막으로 웹사이트의 사이드바를 확인하면 반응형 Twitter 타임라인 위젯이 표시됩니다.
위젯을 반응형으로 만들기 위해 아무것도 할 필요가 없다는 점은 주목할 가치가 있습니다. 코드가 처리합니다.
사이트에 Instagram 피드를 추가하려는 경우 이 무료 도구를 사용할 수 있으며 Facebook 위젯을 사이트에 포함하려면 이 가이드를 확인하세요.
6) 트위터 공유 버튼 포함
공유 버튼 을 추가하면 Twitter를 WordPress 사이트와 연결할 수 있습니다. 방문자가 Twitter에서 귀하의 콘텐츠를 공유할 수 있도록 하면 무료로 더 많은 청중에게 다가갈 수 있습니다. 이렇게 하려면 소셜 공유 플러그인이 필요합니다. 여기에서는 두 가지 도구를 사용하여 공유 버튼을 추가하는 방법을 보여드리겠습니다.
6.1) 제트팩/a>
Jetpack은 가장 인기 있는 플러그인 중 하나이며 수많은 기능을 제공합니다. 공유 버튼을 포함하려면 먼저 웹사이트에 설치하고 활성화해야 합니다.
그런 다음 JetPack 설정 버튼을 클릭하여 사이트를 등록하십시오. 인증을 완료하려면 Google 또는 WordPress.com 계정이 필요합니다.
JetPack은 프리미엄 솔루션이며 무료 버전을 사용하여 공유 버튼을 추가할 수 있습니다. 이렇게 하려면 Jetpack 설정 으로 이동한 다음 공유 탭 으로 이동합니다. 여기에서 소셜 공유 활성화 버튼 을 활성화하기만 하면 됩니다.
이제 해당 링크를 눌러 공유 버튼을 구성해 보겠습니다.
그러면 WordPress.com 사이트로 리디렉션됩니다. 마케팅 및 통합 아래에 소셜 공유 설정이 표시됩니다.
여기에서 소셜 공유 버튼을 구성할 수 있습니다. 변경 사항이 만족스러우면 저장하면 됩니다. 이제 소셜 버튼이 사이트 게시물에 나타납니다.
Jetpack의 기능 및 가격에 대한 자세한 내용은 전체 JetPack 가이드를 확인하십시오.
6.2) 소셜 스냅 라이트
Social Snap은 사이트에 소셜 버튼을 추가하는 또 다른 훌륭한 도구입니다. 무료 버전과 프리미엄 플랜이 있습니다. 이 데모에서는 무료 요금제를 사용합니다.
먼저 웹사이트에 Social Snap을 설치하고 활성화합니다.
그런 다음 플러그인의 설정이 표시됩니다. 소셜 스냅 사용자화 버튼을 클릭합니다.
그러면 다음과 같은 사용자 정의 페이지가 표시됩니다.
플러그인은 기본적으로 Twitter 공유 아이콘을 추가하며 네트워크 설정 에서 다른 소셜 네트워크를 추가할 수 있습니다.
또한 사이트에 플로팅 사이드바를 포함할 수 있습니다. 그리고 좋은 점은 Divi 헤더 또는 기타 요소를 고정하는 방법을 본 것처럼 이러한 소셜 공유 버튼이 수정된다는 것입니다.
표시할 소셜 미디어 버튼을 선택하는 것 외에도 사용자 정의를 추가할 수 있습니다. 인라인 설정 에서 위치, 레이블, 버튼 모양 및 크기 등을 변경할 수 있습니다.
사용자 지정을 완료한 후 변경 사항을 저장합니다 .
마지막으로 프론트엔드에서 사이트를 확인하면 소셜 공유 버튼이 표시됩니다.
7) 트위터 팔로우 버튼 추가
공유 버튼을 추가하는 것 외에도 Twitter를 WordPress 사이트와 연결하는 또 다른 훌륭한 방법은 팔로우 버튼을 포함하는 것입니다. 이렇게 하면 방문자가 웹사이트에서 직접 귀하를 팔로우할 수 있습니다.
팔로우 버튼을 추가하는 것은 매우 쉽고 플러그인이 필요하지 않습니다. 먼저 Twitter 게시로 이동하여 Twitter 버튼 아래에 팔로우 버튼 을 포함할 수 있는 옵션이 표시됩니다.
Twitter URL을 입력하고 미리보기 를 눌러야 합니다.
그런 다음 고유한 HTML 코드를 복사할 수 있습니다. 기본 스타일을 그대로 두겠지만 버튼에 일부 변경 사항을 적용해야 하는 경우 사용자 지정 옵션을 확인할 수 있습니다.
이제 Classic Editor와 Gutenberg 편집기를 모두 사용하여 이 버튼을 사이트에 추가하는 방법을 살펴보겠습니다.
클래식 편집기
클래식 편집기를 사용하는 경우 버튼을 포함하려는 게시물/페이지의 텍스트 모드로 이동하여 HTML 코드를 새 줄에 붙여넣습니다.
그런 다음 게시물을 게시/업데이트하면 프런트엔드에서 변경 사항을 볼 수 있습니다.
구텐베르크 편집자
구텐베르크 편집기를 사용하는 경우 HTML 블록을 추가하고 버튼을 포함하려는 게시물/페이지에 HTML 코드를 붙여넣습니다.
그런 다음 프런트 엔드를 확인하면 팔로우 버튼이 표시됩니다.
또한 이 HTML 코드를 웹사이트의 사이드바 또는 바닥글에 추가할 수도 있습니다.
8) 사이드바에 트윗 표시
사이드바는 콘텐츠가 풍부한 웹사이트나 뉴스 웹사이트를 운영할 때 매우 유용합니다. 그리고 좋은 점은 GeneratePress, Divi 또는 Avada와 같은 대부분의 WordPress 테마를 통해 사용자가 사이드바를 사용자 지정할 수 있다는 것입니다.
사이드바에 Twitter 위젯을 추가하는 것은 사용자에게 정보를 표시하는 훌륭한 옵션입니다. 따라서 이 섹션에서는 플러그인을 설치하지 않고 사이드바에 트윗을 표시 하는 방법을 보여줍니다.
먼저 WordPress 대시보드 > 모양 > 위젯 으로 이동합니다.
사용 가능한 모든 위젯과 위치가 표시됩니다. 예를 들어, 우리 사이트에는 여러 위젯 위치가 있습니다.
이 데모에서는 오른쪽 사이드바 섹션에 새 텍스트 위젯을 추가합니다.
그런 다음 위젯의 이름을 지정하고 콘텐츠 섹션에 Twitter 프로필의 URL을 붙여넣어야 합니다. 브라우저의 주소 표시줄에서 URL을 찾을 수 있습니다. 우리의 경우 Twitter 핸들의 URL을 사용할 것입니다.
따라서 새 텍스트 위젯을 수정하면 다음과 같이 표시됩니다.
보시다시피 WordPress는 URL을 스크롤 가능한 Twitter 피드로 자동 변환합니다. 마지막으로 위젯을 저장하고 웹사이트의 프런트엔드를 확인하여 결과를 확인합니다.
9) Twitter에서 콘텐츠 공유
Twitter에서 WordPress 콘텐츠를 공유하는 것은 두 플랫폼을 통합하고 사이트에 추가 소셜 트래픽을 얻을 수 있는 훌륭한 옵션입니다. 이 작업을 수동으로 수행하려면 시간이 걸리며 사이트에 콘텐츠를 정기적으로 게시하는 경우에는 좋은 옵션이 아닙니다. 그러나 이에 대한 해결책이 있습니다.
이 섹션에서는 Twitter 표준 공유 방법과 새로운 Tweetstorm 기능을 보여줍니다. Jetpack을 설치하고 설정해야 합니다. 어떻게 하는지 잘 모르겠다면 이것을 확인하세요.
9.1) 표준 공유 방식
공유하려는 기사를 마치면 Jetpack 설정으로 이동하십시오.
그런 다음 Twitter 계정을 연결합니다.
여기에서 Facebook, LinkedIn 등과 같은 다른 소셜 미디어 계정도 연결할 수 있습니다.
트위터 계정을 연결하면 게시물을 링크로 트위터 계정에 공유할 수 있는 옵션이 표시됩니다. 그것이 표준 공유 입니다.
이제 트윗스톰 방식을 살펴보자.
9.2) Tweetstorm 방법
콘텐츠를 링크로 공유하는 대신 전체 게시물을 Twitter 스레드로 게시하려면 두 번째 옵션을 선택하기만 하면 됩니다.
WordPress 사이트에서 이것을 설정하면 시간을 절약하는 데 도움이 됩니다. 무언가를 공유하고 싶을 때마다 Twitter에 로그인할 필요가 없습니다. 이를 통해 게시물을 게시하면 연결된 모든 소셜 미디어 프로필에 자동으로 공유됩니다.
10) 인라인 트윗 아이콘 추가
중요한 뉴스를 공유할 때 게시물에 인라인 트윗 아이콘 을 추가하는 것이 좋습니다. 기본적으로 WordPress에는 이 기능이 포함되어 있지 않지만 인라인 트윗 공유기 플러그인을 사용하여 콘텐츠에 트윗 버튼을 쉽게 추가할 수 있습니다. 어떻게 하는지 봅시다.
먼저 사이트에 인라인 트윗 공유기를 설치하고 활성화합니다.
그런 다음 WordPress 설정 섹션에서 플러그인 설정으로 이동합니다.
거기에서 Twitter 사용자 이름을 입력하고 다른 옵션을 선택할 수 있지만 선택 사항입니다.
그런 다음 WordPress 편집기에서 단축 코드를 사용하여 트윗 아이콘을 추가할 수 있습니다. 우리가 사용할 단축 코드는 [inlinetweet] 입니다. 예를 들어 아래에 있는 스크린샷을 확인하세요.
프론트엔드에서 게시물을 확인하면 링크가 될 Tweetable 텍스트를 볼 수 있습니다.
그것을 클릭하면 브라우저에서 Twitter 사이트가 열리고 여기에서 Twitter에서 공유할 수 있습니다.
11) 트위터 카드 추가
마지막으로 Twitter와 WordPress를 연결하는 마지막 방법은 카드를 사용하는 것입니다. 이 섹션에서는 Yoast SEO 및 JM Twitter 카드라는 두 가지 무료 플러그인을 사용하여 Twitter 카드를 만드는 방법을 보여줍니다.
11.1) Yoast SEO로 Twitter 카드 추가
이미 Yoast SEO를 설치 및 구성한 경우 설치 및 기본 구성 설정을 건너뛰어도 됩니다. Yoast를 처음 사용하는 경우 설치하고 WordPress 플러그인 저장소에서 활성화하십시오.
그런 다음 Yoast SEO의 소셜 섹션 으로 이동합니다.
거기에서 Twitter 사용자 이름을 입력할 수 있습니다.
변경 사항을 저장한 후 Twitter 섹션 아래에 Twitter 카드 구성이 표시됩니다. 활성화했는지 확인하십시오.
그런 다음 사용자 설정 으로 이동하여 Twitter 사용자 이름을 추가합니다.
그게 다야! 이제 누군가가 Twitter에서 귀하의 게시물을 트윗하면 카드가 표시됩니다.
Yoast SEO는 SEO 플러그인 중 하나일 뿐입니다. Rank Math SEO 또는 All In One SEO Pack과 같은 다른 도구를 사용하는 경우 웹사이트에 Twitter 카드를 포함하려면 추가 플러그인이 필요합니다. JM 트위터 카드로 하는 방법을 알아봅시다.
11.2) JM Twitter 카드로 Twitter 카드 추가
JM Twitter Cards는 Twitter 카드를 추가할 수 있는 훌륭한 무료 플러그인입니다.
WordPress 사이트에 플러그인을 설치한 후 플러그인 설정으로 이동합니다. Twitter 사용자 이름, 비즈니스 사용자 이름을 입력하고 표시할 카드 유형을 구성해야 합니다.
그런 다음 설정을 저장하면 됩니다. 이제 누군가가 Twitter에서 게시물을 공유하면 Twitter 카드가 표시됩니다.
결론
대체로 Twitter를 사이트와 통합하는 것은 소셜 미디어 존재를 개선하고 더 많은 고객에게 다가갈 수 있는 좋은 방법입니다. 이 가이드에서는 Twitter와 WordPress를 연결하는 여러 가지 방법을 살펴보았습니다.
- 트윗 삽입
- 단일 트윗/트윗스톰에서 콘텐츠 가져오기
- 트위터 피드
- 특정 트윗 표시
- 타임라인 위젯
- 공유 버튼
- 팔로우 버튼
- 사이드바의 트윗
- 콘텐츠 공유
- 인라인 트윗 아이콘
- 트위터 카드
이 모든 방법은 구현하기가 매우 쉽기 때문에 필요에 가장 적합한 방법을 선택하십시오. 콘텐츠가 풍부한 WordPress 사이트를 운영하는 경우 몇 번의 클릭만으로 Jetpack 또는 Social Snap을 사용하여 게시물에 소셜 공유 버튼을 추가할 수 있습니다.
반면에 트위터에서 매우 활동적이라면 사이트에 미니 트위터 페이지를 만드는 것이 환상적인 옵션입니다. 이렇게 하면 사용자가 사이트에서 모든 콘텐츠를 얻을 수 있으므로 페이지에 머문 시간을 늘리는 데 도움이 됩니다. 또한 사이트에서 콘텐츠를 공유하려면 팔로우 버튼과 옵션을 추가해야 합니다.
마지막으로 소셜 미디어 계정을 사이트와 통합하려면 다음 가이드를 확인하세요.
- WordPress에 Facebook 위젯을 추가하는 방법은 무엇입니까?
- Instagram 피드 갤러리: WordPress를 위한 최고의 Instagram 플러그인
Twitter와 WordPress를 연결하는 다른 방법을 알고 있습니까? 어느 것이 가장 좋아합니까? 아래 의견 섹션에서 알려주십시오! 이 기사가 도움이 되었다면 소셜 미디어에서 공유해 주세요.