Gooyaabi 블로거 테마 슬라이더 교체, A부터 Z까지 완벽 가이드!

Gooyaabi 블로거(Blogger) 테마를 사용하다 보면, 메인 화면의 멋진 슬라이더 이미지를 내 블로그의 콘텐츠로 바꾸고 싶을 때가 많습니다. 하지만 어디를 어떻게 수정해야 할지 몰라 답답하셨죠?

걱정하지 마세요! Gooyaabi 템플릿의 슬라이더는 크게 두 가지 방식으로 교체할 수 있습니다. 오늘 이 글을 통해 슬라이더에 들어가는 이미지와 문구를 완벽하게 바꾸는 방법을 아주 자세히 알려드릴게요.

1. 슬라이더 교체 방법 (두 가지 중 하나를 선택하세요)

Gooyaabi 테마는 아래 두 가지 방식 중 하나를 사용합니다. 내 블로그 테마가 어떤 방식을 사용하는지 먼저 확인해보세요.

방법 1: "특정 라벨"을 이용한 자동 교체 (가장 흔한 방식)

이 방식은 슬라이더에 노출하고 싶은 글에 특정 라벨(태그)을 붙여주면, 테마가 알아서 최신 글을 가져와 슬라이더로 만들어주는 방식입니다.

[교체 순서]

1 관리자 화면 접속: 블로그 관리자 화면에 접속한 후, '글 목록'으로 이동합니다.

2 라벨 확인: 슬라이더에 현재 노출되고 있는 글을 클릭해서 수정 화면으로 들어가 보세요. 보통 '라벨' 입력란에 Featured, Slider 와 같은 영문 라벨이 붙어 있을 겁니다. 이 라벨이 바로 슬라이더를 구성하는 핵심 열쇠입니다!

3 새로운 글에 라벨 추가: 이제 슬라이더에 넣고 싶은 새로운 글을 작성하거나, 기존 글을 수정하세요. 그리고 위에서 확인한 똑같은 라벨(예: Featured)을 '라벨' 입력란에 정확히 입력하고 저장합니다.

4 기존 슬라이더 글에서 라벨 제거: 만약 기존 슬라이더 항목을 빼고 싶다면, 해당 글에서 이 라벨을 지워주면 됩니다.

5 결과 확인: 저장 후 블로그 메인 페이지로 가서 새로고침(F5)을 해보세요. 방금 라벨을 추가한 글이 슬라이더에 멋지게 나타날 겁니다.

꿀팁!

• 이미지/문구는 각 글의 대표 이미지, 제목, 그리고 글의 초반 내용이 슬라이더에 자동으로 반영됩니다.
• 테마에 따라 라벨 이름이 다를 수 있으니, 기존 슬라이더 글의 라벨을 꼭 확인하세요.

방법 2: 테마 HTML 직접 수정 방식

일부 테마는 라벨을 통한 자동 방식이 아니라, HTML 코드에 슬라이드 항목이 고정되어 있는 경우가 있습니다. 이럴 때는 직접 코드를 수정해야 합니다.

[교체 순서]

1 HTML 편집 진입: 블로그 관리자 화면에서 ‘테마’ 메뉴로 들어갑니다. 그 다음, 오른쪽 상단에 있는 ‘HTML 편집’ 버튼을 클릭하세요.

2 슬라이더 코드 찾기: 복잡한 코드가 나타날 텐데, 겁먹지 마세요! 키보드의 Ctrl + F 를 눌러 검색창을 띄우세요. 검색창에 slider 또는 featured 라고 입력하면 관련 코드를 쉽게 찾을 수 있습니다.

3 코드 내용 확인: 보통 <div class="slider"> 나 <li> 와 같은 태그 안에 슬라이더 항목들이 들어 있습니다. 아래 예시처럼 이미지 주소, 제목, 설명, 링크 주소가 정의되어 있을 거예요.

XML

<li>
  <img src="https://외부이미지주소.jpg" alt="슬라이드 제목">
  <div class="caption">
    <h2>슬라이드 제목</h2>
    <p>설명 문구 입력</p>
    <a href="https://블로그글주소">자세히 보기</a>
  </div>
</li>

4 내용 교체: 위 코드에서 이미지 주소(src), 슬라이드 제목(h2), 설명 문구(p), 링크 주소(href)를 원하는 내용으로 직접 수정하세요.

5 저장 및 확인: 수정이 끝났다면 오른쪽 상단의 ‘저장’ 버튼을 누르고, 블로그 메인 화면에서 변경 사항이 잘 적용되었는지 확인하세요.

주의사항!

• 실수를 방지하기 위해 기존 코드를 복사해서 다른 곳에 백업해두는 것이 좋습니다.
• 이미지 주소는 반드시 인터넷에 공개된 이미지(블로그 내 업로드 또는 외부 이미지 링크)여야 슬라이더에 정상적으로 나타납니다.

2. 추가 팁 및 문제 해결

• 슬라이드 개수 조절: 슬라이드 항목을 더 추가하고 싶다면 <li>...</li> 묶음을 복사해서 붙여넣고, 삭제하고 싶다면 해당 부분을 지우면 됩니다.

• 슬라이더가 보이지 않아요: 테마 설정에 따라 슬라이더를 '위젯'이나 '가젯' 형태로 관리하는 경우도 있습니다. 이럴 때는 관리자 화면의 ‘레이아웃’ 메뉴에서 'HTML/JavaScript 가젯'의 내용을 확인해 보세요.

• 변경 후에도 그대로예요: 웹 브라우저의 '새로고침(F5)'을 여러 번 누르거나, 캐시를 삭제한 후 다시 확인해 보세요. 테마가 변경 사항을 반영하는 데 시간이 약간 걸릴 수도 있습니다.

3. 결론

Gooyaabi 테마의 슬라이더 교체는 생각보다 간단합니다. 대부분의 경우 '라벨'을 이용하는 방식이고, 만약 코드를 직접 수정해야 하더라도 오늘 알려드린 방법만 잘 따라하면 누구나 쉽게 할 수 있습니다.

그래도 해결이 어렵다면, 사용 중인 테마의 이름과 슬라이드 부분의 코드 일부를 댓글로 남겨주세요. 제가 더 구체적으로 도와드릴 수 있습니다. 이제 여러분의 멋진 콘텐츠로 블로그 메인 화면을 채워보세요!