웹사이트를 위한 맞춤형 트위터 피드를 만드는 방법
게시 됨: 2021-07-06웹사이트에 대한 맞춤형 Twitter 피드를 만들고 싶습니까?
최신 트윗을 표시하면 웹사이트를 신선하게 유지할 수 있습니다. 팔로워를 늘리는 데에도 도움이 될 수 있습니다.
이 기사에서는 WordPress 사이트의 모든 위치에 트윗을 삽입하는 가장 쉬운 방법을 보여줍니다.
지금 WordPress 양식 만들기
내 웹사이트에 Twitter 위젯을 어떻게 추가합니까?
Smash Balloon의 Custom Twitter Feed 플러그인을 사용하여 Twitter 위젯을 쉽게 추가할 수 있습니다.
그것은 쉽게 워드 프레스를위한 최고의 트위터 플러그인입니다!
사용자 지정 Twitter 피드는 다음과 같은 이유로 Twitter에서 직접 트윗을 포함하는 것보다 훨씬 강력합니다.
- 사용자 지정 Twitter 피드는 수많은 사용자 지정 옵션을 제공합니다.
- 단축 코드를 사용하여 원하는 것을 정확하게 표시하기 쉽습니다.
- 사이트의 다른 부분에 다른 피드를 표시할 수 있습니다.
- 해시태그, 사용자 또는 키워드로 피드를 쉽게 필터링할 수 있습니다.
- 귀하의 트윗은 페이지 콘텐츠의 일부로 로드되어 SEO를 향상시킬 수 있습니다.
- 맞춤형 Twitter 피드도 GDPR을 준수합니다.
사용자 정의 Twitter Feeds Pro를 사용하면 다음을 표시할 수 있습니다.
- 사용자 피드
- 해시태그 피드
- 맞춤 필터링된 피드
- 언급
- 트위터 목록
- 슬라이드쇼
- 캐러셀
- 검색 결과
- 그리고 훨씬 더!
포함된 타임라인 도구를 사용하여 Twitter에서 직접 트윗을 포함 할 수 있습니다. 그러나 사용자 정의 옵션이 거의 없으며 페이지에 트윗 콘텐츠를 포함하지 않습니다. 따라서 Smash Balloon의 플러그인이 훨씬 더 나은 선택입니다.
웹사이트를 위한 맞춤형 트위터 피드를 만드는 방법
사용자 지정 Twitter 피드를 설정하고 옵션을 살펴보겠습니다.
- 사용자 정의 Twitter 피드 플러그인 설치
- Twitter 계정을 WordPress에 연결
- 트위터 피드 테스트
- Twitter 피드 사용자 지정
- 짧은 코드를 사용하여 Twitter 피드 필터링 및 결합
먼저 Smash Balloon Twitter 피드 플러그인을 설치하겠습니다.
1. 사용자 정의 Twitter 피드 플러그인 설치
먼저 Custom Twitter Feeds 플러그인을 다운로드하여 설치해 보겠습니다. Smash Balloon 계정에서 zip 파일을 가져올 수 있습니다.
WordPress 사이트로 다시 전환하고 플러그인 » 새로 추가 로 이동합니다 . 그런 다음 새로 추가 버튼을 클릭합니다.
다운로드한 파일을 선택하고 지금 설치를 클릭하여 설치합니다.
우리는 끝났어! 설치가 완료되면 플러그인을 활성화 하는 것을 잊지 마십시오. 플러그인은 Pro 기능을 활성화하기 위해 라이선스 키를 입력하는 과정을 안내합니다.
2. Twitter 계정을 WordPress에 연결
이 단계에서는 WordPress 사이트가 Twitter 계정에서 트윗을 다운로드하도록 승인합니다.
Twitter 피드 메뉴를 클릭하여 시작하겠습니다.
Twitter 계정을 연결하는 데 몇 초가 걸립니다. 먼저 파란색 버튼을 클릭하여 로그인합니다.
Twitter 인증 페이지가 열리면 앱 인증을 클릭하여 Smash Balloon이 귀하의 트윗을 볼 수 있도록 합니다.
그리고 그게 다야! 이제 WordPress 사이트가 연결되었습니다.
이제 맞춤형 Twitter 피드를 구축해 보겠습니다. 파란색 버튼 바로 아래에 피드를 구성할 수 있는 영역이 표시됩니다. 이 예에서는 자체 Twitter 계정인 @easywpforms의 트윗을 표시합니다.
다음으로 피드를 테스트하는 방법을 보여드리겠습니다.
3. 트위터 피드 테스트
귀하의 트윗을 표시하기 위해 귀하의 웹사이트에 테스트 페이지를 만들 것입니다. 이렇게 하면 최종 Twitter 피드가 어떻게 표시되는지 확인할 수 있으므로 콘텐츠를 사용자 지정할 수 있습니다.
이것은 WordPress 테마와 일치하도록 피드의 모양을 조정하는 쉬운 방법입니다. 또한 우리가 사용할 단축 코드를 살펴볼 수도 있습니다.
테스트 페이지를 만들려면 먼저 피드 표시 탭을 클릭하십시오.
이제 막 시작했으므로 기본 Twitter 피드 단축 코드를 사용하겠습니다.
[custom-twitter-feeds]
페이지 상단에서 바로 잡을 수 있습니다.
이제 새 WordPress 페이지를 만들고 단축 코드 블록을 추가하십시오.
복사한 그대로 블록에 단축 코드를 붙여넣습니다. 대괄호를 포함해야 합니다.
이제 WordPress에서 페이지를 미리 봅니다 .
다음은 기본 설정을 사용하는 Twitter 피드의 모습입니다.
다른 레이아웃을 시도할 수 있도록 피드를 사용자 지정해 보겠습니다.
4. Twitter 피드 사용자 지정
WordPress 대시보드로 돌아가서 표시된 트윗 수를 6으로 변경하겠습니다. 이 설정은 방금 사용한 사용자 이름 필드 바로 아래에 있습니다.
이제 다른 레이아웃을 시도해 보겠습니다. 그렇게 하려면 사용자 정의 Twitter 피드 플러그인 설정에서 사용자 정의 탭을 클릭하십시오.
시작할 때 목록 레이아웃을 사용하게 됩니다. Masonry 로 전환해 보겠습니다.
이제 설정을 저장합니다.
이전에 만든 테스트 페이지를 다시 로드하여 결과를 미리 볼 수 있습니다. 이제 피드가 훨씬 더 간결해 보입니다.
사용자 정의 페이지로 돌아가서 피드를 더욱 세부적으로 조정할 수 있습니다. 리트윗된 텍스트, 이미지 또는 비디오 없이 어떻게 보이는지 봅시다. 여기에서 확인란의 선택을 취소하여 표시할 항목을 선택할 수 있습니다.
미리보기 페이지는 다음과 같습니다.
Smash Balloon에서 피드를 사용자 정의하는 방법이 훨씬 더 많습니다. 피드를 원하는 방식으로 가져오려면 이러한 설정을 계속 변경하고 다시 미리 보기 전에 저장 을 클릭해야 합니다.
5. 짧은 코드를 사용하여 Twitter 피드 필터링 및 결합
다양한 유형의 트윗을 표시하거나 숨길 수 있도록 피드를 필터링할 수 있습니다. 하나의 피드에서 다른 계정이나 다른 필터를 결합할 수도 있습니다.
구성 탭에서 사이트에 표시할 트윗과 제외할 트윗을 제어할 수 있습니다.
단축 코드를 사용하여 다양한 피드를 구축하고 즉석에서 사용자 정의할 수도 있습니다. 예를 들어 특정 페이지와 관련된 트윗을 표시하려는 경우에 유용합니다.
이를 시도하려면 피드 표시 탭으로 돌아가 보겠습니다.
이 페이지는 원하는 방식으로 피드를 구축하는 데 도움이 되는 다양한 단축 코드를 제공합니다.
먼저 다음을 시도해 보겠습니다.
[custom-twitter-feeds includewords="form"]
이 단축 코드는 다음과 같이 'form'이라는 단어가 포함된 트윗만 표시합니다.
이제 다음 단축 코드를 사용해 보겠습니다.
[custom-twitter-feeds autoscroll=true]
이렇게 하면 끝에 도달하면 다음 6개의 트윗이 자동으로 로드됩니다.
2개 계정의 피드를 1개로 결합할 수도 있습니다.
[custom-twitter-feeds screenname="easywpforms, wpmailsmtp"]
다양한 단축 코드 설정을 레이어링하여 완전히 맞춤화된 피드를 만들 수 있습니다. 그리고 자체 디스플레이 설정 및 필터를 사용하여 모든 피드를 표시합니다.
계속해서 플러그인의 모든 단축 코드를 탐색하여 피드가 원하는 대로 정확하게 보이도록 하십시오.
그리고 그게 다야! 이제 무제한 사용자 지정 Twitter 피드를 만들고 WordPress의 어디에서나 쉽게 표시하는 방법을 알게 되었습니다.
지금 WordPress 양식 만들기
다음으로 Facebook에서 양식 제출을 추적하십시오.
양식 제출을 Facebook 이벤트로 추적하고 싶습니까?
정말 쉽습니다! Facebook 픽셀로 양식을 추적하는 방법을 알아보세요.
양식을 작성할 준비가 되셨습니까? 가장 쉬운 WordPress 양식 빌더 플러그인으로 오늘 시작하십시오. WPForms Pro에는 많은 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.
이 기사가 도움이 되었다면 Facebook과 Twitter에서 더 많은 무료 WordPress 자습서 및 가이드를 팔로우하세요.