내 웹사이트에 최신 게시물을 표시하고, 직접 업데이트하지 않아도 최신 상태로 유지하고 싶으신가요? Feeder 위젯을 사용하면 어떤 웹사이트에든 실시간 피드를 표시할 수 있으며, 새 게시물이 올라오면 자동으로 업데이트됩니다. 위젯을 한 번 만들고 코드 조각을 붙여 넣기만 하면 됩니다.
WordPress, Squarespace, Wix, Webflow는 물론 직접 코딩한 페이지처럼 HTML을 추가할 수 있는 곳이라면 어디서든 사용할 수 있습니다.
필요한 것
위젯은 Feeder의 게시 도구에 포함되어 있으며 유료 Feeder 요금제에서 사용할 수 있습니다. 무료 요금제를 이용 중이라면 위젯 만들기를 열었을 때 업그레이드 옵션이 표시됩니다.
1단계: 위젯 만들기
- Feeder를 열고 게시하기 탭으로 이동한 다음 위젯을 선택합니다. 바로 가기: feeder.co/settings/publish/widgets.
- 위젯을 만들고 표시할 피드를 선택합니다.
- 테마, 색상, 글꼴, 너비, 높이, 표시할 게시물 수를 설정합니다. 미리보기가 실시간으로 업데이트되므로 방문자에게도 미리보기와 똑같이 표시됩니다.
- 위젯을 저장합니다.
2단계: 삽입 코드 복사하기
위젯 만들기 화면에서 위젯 ID가 자동으로 입력된 삽입 방법 세 가지를 제공합니다. 사이트에 맞는 방법을 선택하세요.
iframe (거의 모든 곳에서 사용 가능)
사용자 지정 스크립트에 의존하지 않으므로 워드프레스와 대부분의 웹사이트 제작 도구에서 가장 안전한 방법입니다.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
스크립트 태그
피드를 페이지에 바로 표시합니다. 사이트에서 사용자 지정 스크립트를 허용하고 피드가 페이지 레이아웃에 자연스럽게 어우러지도록 하고 싶을 때 사용하세요.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
일반 URL
삽입할 링크를 입력하도록 되어 있는 도구에서 편리하게 사용할 수 있습니다.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
워드프레스에 위젯 추가하기
워드프레스 플러그인은 필요하지 않습니다. 삽입 코드를 블록이나 위젯 영역에 붙여 넣기만 하면 됩니다. 워드프레스는 보안상 사용자 지정 스크립트를 제거하는 경우가 많으므로 iframe 방식을 권장합니다.
페이지 또는 글에 추가하기 (블록 편집기)
- 피드를 표시할 페이지 또는 글을 편집합니다.
- 블록을 추가하고 사용자 정의 HTML을 선택합니다.
- 2단계에서 복사한 iframe 코드를 붙여 넣습니다.
- 미리 보거나 게시합니다. 블록을 배치한 위치에 피드가 표시됩니다.
사이드바 또는 푸터에 추가하기
- 외모 > 위젯 (또는 외모 > 사용자 정의하기 > 위젯)으로 이동합니다.
- 원하는 영역에 사용자 정의 HTML 위젯을 추가합니다.
- iframe 코드를 붙여 넣고 저장합니다.
클래식 편집기 사용하기
비주얼 탭에서 텍스트 탭으로 전환한 다음, 피드를 표시할 위치에 iframe 코드를 붙여 넣습니다.
WordPress.com을 사용하시나요? 사용자 정의 HTML 삽입 기능을 사용하려면 Business 요금제 이상이 필요합니다. 자체 호스팅 WordPress (WordPress.org)에서는 위 단계를 따라 관리자라면 누구나 코드를 추가할 수 있습니다.
다른 웹사이트 제작 도구
- Squarespace, Wix, Webflow 등: 삽입 또는 사용자 정의 HTML 블록을 추가하고 iframe 코드를 붙여 넣습니다.
- 직접 코딩한 사이트: iframe 코드 또는 스크립트 태그를 HTML에 바로 붙여 넣습니다.
팁 및 문제 해결
- 크기 조정: 삽입 코드에서 너비와 높이를 변경하거나, 코드를 복사하기 전에 위젯 만들기 화면에서 조정합니다.
- 아무것도 표시되지 않나요? 사이트에서 스크립트를 제거할 수 있습니다. 더 많은 곳에서 작동하는 iframe 방식으로 바꿔 보세요.
- 항상 최신 상태로: 위젯은 Feeder 피드에서 직접 내용을 가져오므로 새 게시물이 자동으로 표시됩니다. 코드를 다시 붙여 넣을 필요가 없습니다.
설정에 도움이 필요하거나 진행이 어려우신가요? 언제든 support@feeder.co로 문의해 주세요. 👋