워드프레스 사이트의 디자인과 콘텐츠를 지속적으로 업데이트하는 일은 꽤 번거로울 수 있습니다. 워드프레스에 트위터(X) 피드 추가하기는 사용자에게 실시간 콘텐츠를 전달하여 사이트를 항상 신선하고 최신 상태로 유지하는 간단한 해결책입니다.
소셜 미디어를 웹사이트에 통합하면 마케팅 채널 간의 격차를 해소하여 매끄러운 브랜드 경험을 구축할 수 있습니다. 모든 업데이트, 공지 사항 및 소통 내역이 웹사이트와 연결되어 사용자에게 브랜드가 활발히 활동하고 소통하고 있음을 보여줍니다.
그렇다면 이 둘을 어떻게 연결할 수 있을까요? 워드프레스 구텐베르크(Gutenberg) 편집기에는 X 피드용 임베드 블록이 포함되어 있지만, X 시스템 업데이트로 인해 그 기능이 제한되었습니다. 또한 X는 워드프레스 사용자가 사이트에 피드를 임베드할 수 있는 게시 옵션을 제공하지만, 이 옵션은 유연성이 떨어지고 시각적 브랜딩에 맞춰 스타일을 지정하는 것이 불가능합니다.
이러한 한계를 극복하기 위해 워드프레스 사용자는 두 가지 핵심 솔루션을 활용할 수 있습니다. 무거운 서드파티 소셜 애그리게이터 플러그인을 서버에 직접 설치하거나, 페이지 속도를 보호하기 위해 무료로 제공되는 가벼운 서버리스 위젯을 사용하는 것입니다.
이 블로그에서는 플러그인을 활용한 워드프레스 사용 방법을 통해 사이트에 트위터 피드를 임베드하는 법을 자세히 알아보고, 웹사이트의 기능과 디자인을 보호하면서 시간을 절약할 수 있는 대안을 함께 소개합니다.
옵션 1: 전용 워드프레스 트위터 피드 플러그인 설치하기
워드프레스 사이트에 X 피드를 임베드하는 일반적인 방법은 플러그인 마켓플레이스에서 서드파티 플러그인을 가져오는 것입니다. 이를 위해서는 전용 플러그인을 찾아 사이트의 백엔드와 서버에 설치해야 합니다.
방법은 다음과 같습니다.
- 워드프레스 대시보드를 열고 플러그인(Plugins) 버튼을 클릭한 다음, 플러그인 추가(Add Plugin)를 클릭하여 플러그인 마켓플레이스를 엽니다.
- “Twitter feed plug-in(트위터 피드 플러그인)”을 검색하고 원하는 옵션을 선택합니다.
- 설치(Install) 및 활성화(Activate)를 클릭하여 플러그인 설정을 시작합니다.
- 선택한 플러그인의 연동 방식을 사용하여 트위터 계정을 연결하고 인증합니다.
- 특정 페이지에 이 피드를 임베드하려면 전용 숏코드(shortcode)를 복사합니다.
- 숏코드 블록이나 전용 구텐베르크 트위터 타임라인 블록을 사용하여 피드가 들어갈 공간을 추가합니다.
- 블록 안에 코드를 붙여넣고 페이지를 게시합니다.
피드가 게시되면 많은 서드파티 도구의 제한적인 디자인 기능을 사용해 표시할 트윗 수, 레이아웃, 피드 높이 등을 조정하여 피드를 맞춤 설정할 수 있습니다.
기본 워드프레스 플러그인을 사용하는 것이 가장 쉬운 옵션처럼 보일 수 있지만, 최근 X의 정책 업데이트로 인해 이러한 솔루션 중 상당수가 더 이상 쓸모없게 되었습니다. X는 데이터 스크래핑 단속을 강화하고, API 액세스 비용을 인상했으며, 더 강력한 봇 탐지 자동화 기능을 도입했습니다. 이러한 변화로 인해 일부 플러그인은 작동이 완전히 중단되거나 최소한 일부 기능을 상실하게 되었습니다.
이러한 변화 속에서도 살아남은 많은 플러그인은 여전히 서버 측 PHP 요청에 의존하여 X API에서 안전하게 트윗을 가져옵니다. 이 방법은 API 키를 보호하고 X의 API 한도에 도달하는 것을 피하는 데는 도움이 될 수 있지만, 사이트 성능을 저하시킵니다.
또한 이러한 옵션은 프리미엄 디자인 기능이 부족하거나 유료 결제(페이월) 뒤에 숨겨져 있는 경우가 많습니다. 여기에는 다음과 같은 디자인 기능이 포함될 수 있습니다.
- 스와이프 가능한 캐러셀
- 전체 페이지 피드
- 프로필 및 사용자 수 표시
- 브랜딩 일치 및 X 브랜딩 제거
일부 옵션은 임베드된 피드를 하루에 새로고침할 수 있는 횟수를 제한하기도 합니다. 이러한 도구는 더 빈번한 업데이트에 대해 추가 요금을 부과하며 진정한 실시간 업데이트 옵션을 제공하지 않습니다.
옵션 2: 맞춤 설정 가능한 무료 트위터 위젯 추가하기(권장)
워드프레스용으로 진정한 맞춤형 트위터 피드를 원한다면 서드파티 “X 피드 임베드” 워드프레스 플러그인에 비용을 지불할 필요가 없습니다. 대신 무료 워드프레스용 트위터 위젯을 사용하여 API 키를 생성하거나 사이트를 무겁게 만들지 않고도 맞춤형 그리드 레이아웃을 갖춘 역동적인 X 피드를 만들 수 있습니다.
Jform 트위터/X 피드 위젯은 임베드 과정을 간소화하는 무료 워드프레스 트위터 플러그인 대안입니다. 구텐베르크 편집기를 사용하면 모든 데이터 가져오기 및 스타일 지정을 외부 서버에서 처리하는 반응형 피드를 몇 분 만에 만들 수 있습니다.
시작하는 방법은 다음과 같습니다.
- Jform 트위터/X 피드 위젯을 열고 첫 번째 소스 추가(Add first source) 버튼을 클릭합니다.
- 계정 핸들(@아이디)이나 공개 X 프로필 URL을 입력한 다음 연결(Connect)을 클릭합니다. 위젯이 트위터 피드에서 최근 게시물 25개를 자동으로 가져옵니다.
- 일반(General) 메뉴에서 설정을 업데이트한 다음 계속(Continue)을 클릭합니다.
- 스타일(Style) 메뉴에서 시각적 설정을 업데이트한 다음 계속(Continue)을 클릭합니다.
- 레이아웃(Layout) 메뉴에서 레이아웃 설정을 업데이트한 다음 웹사이트에서 무료로 사용해 보기(Try it on your website for free)를 클릭하여 임베드 코드를 받습니다.
- 코드 복사(Copy Code) 버튼을 클릭하여 임베드 코드를 복사합니다.
- 워드프레스 사이트에서 사이트 편집기로 들어가 사용자 정의 HTML(Custom HTML) 블록을 사용하여 새 콘텐츠 블록을 만듭니다.
- 블록이 생성되면 HTML 편집(Edit HTML) 버튼을 클릭하여 코드를 삽입합니다.
- 임베드 코드를 HTML 블록에 붙여넣고 업데이트(Update)를 클릭하여 페이지에 피드 추가를 완료합니다.
블록이 생성되고 업데이트되면 웹사이트 방문자와 X 피드를 공유할 수 있습니다.
Jform의 무료 X 피드 위젯은 유료 옵션과 비교해도 뛰어난 맞춤 설정 도구를 제공합니다. 이 솔루션을 사용하면 프리미엄 플러그인 비용을 지불하거나 복잡한 API 개발자 계정을 다룰 필요가 없습니다. 공개 피드를 연결하고 레이아웃을 자유롭게 맞춤 설정하기만 하면 됩니다.
이 대안을 사용하면 카드 색상을 조정하고, 공간을 절약하기 위해 작성 날짜나 캡션을 숨기고, 피드가 웹사이트 테마와 완벽하게 어우러지도록 할 수 있으며, 이 모든 기능이 무료로 제공됩니다. 또한 Jform 위젯은 외부 서버 임베드 방식이므로 워드프레스 로딩 속도를 늦추거나, 서버 처리 용량을 소모하거나, 끊임없는 업그레이드 알림으로 대시보드를 어지럽히지 않습니다.
스마트한 서버리스 위젯으로 워드프레스 사이트 기능 강화하기
Jform 트위터/X 피드 위젯은 Jform을 통해 웹사이트를 강화하는 데 사용할 수 있는 수많은 무료 웹사이트 위젯 중 하나일 뿐입니다. 이러한 솔루션은 사이트 속도에 영향을 주지 않으면서 콘텐츠를 항상 최신 상태로 유지하고, 역동적인 사용자 경험을 제공하며, 프리미엄 플러그인 비용을 없애고 성능을 향상하는 데 도움이 됩니다.
이러한 웹사이트 위젯 중 일부는 다음과 같습니다.
또한 Jform은 온라인 양식을 통해 워드프레스 사이트의 품격을 높여줄 수 있습니다. 기본 Jform 워드프레스 연동 기능을 사용하여 워드프레스 양식을 원활하게 연결함으로써 사용자와 더 효과적으로 소통하고 리드를 수집해 보세요.
크리에이터나 비즈니스 소유자라면 값비싼 플러그인을 관리하는 대신 양질의 콘텐츠를 제작하는 데 시간과 리소스를 투자하는 것이 훨씬 낫습니다. Jform 웹사이트 위젯과 같이 사용자 친화적인 외부 서버 솔루션의 도움을 받으면 사이트에 프리미엄 에셋을 즉시 배포하고 경쟁업체와 차별화할 수 있습니다.
이 글은 무겁고 API를 많이 소모하는 플러그인을 설치하거나 기본 임베드 방식과 씨름하지 않고도 X(트위터) 프로필의 역동적인 실시간 업데이트를 표시하려는 워드프레스 사이트 소유자, 블로거, 크리에이터 및 뉴스 사이트를 위한 가이드입니다.
코멘트 보내기: