이번에는 워드프레스에서 Smash Balloon Instagram Feed 플러그인을 활용해서 인스타그램 피드를 웹사이트 내 원하는 곳에 추가해볼게요. 플러그인을 사용하고 인스타그램 연동하고 숏코드로 넣는것까지 해보겠습니다.

1. Smash Balloon Instagram Feed 플러그인 활성화

먼저, 워드프레스 관리자 대시보드에서 Smash Balloon Instagram Feed 플러그인을 활성화합니다.

2. 인스타그램 계정 연결

플러그인을 활성화한 후, 다음 단계를 따라 인스타그램 계정을 연결합니다.

2.1. Add Source 클릭

플러그인 설정 페이지에서 “Add Source” 버튼을 클릭합니다.

2.2. 인스타그램 로그인

“Login with Instagram” 버튼을 클릭하고 인스타그램 계정으로 로그인합니다.

3. 인스타그램 피드 추가

인스타그램 계정을 연결한 후, 다음 단계를 통해 웹사이트에 인스타그램 피드를 추가할 수 있습니다.

3.1. Shortcode 사용

워드프레스 페이지나 포스트 편집기에서 다음 쇼트코드를 사용하여 인스타그램 피드를 삽입합니다.

<?php echo do_shortcode('[instagram-feed feed=1]'); ?>

3.2. 페이지 템플릿에 추가

인스타그램 피드를 특정 페이지 템플릿에 직접 추가하고자 할 때는 page-template.php 파일에 다음 코드를 추가합니다.

<?php
/* Template Name: Instagram Feed Page */
get_header();
?>

<div class="instagram-feed-container">
    <?php echo do_shortcode('[instagram-feed feed=1]'); ?>
</div>

<?php
get_footer();
?>