기본적으로 TTSWP는 게시물 제목과 본문을 나레이션합니다. 두 가지 모두 변경할 수 있습니다. 특정 섹션(이미지 캡션, 사이드바, 관련 게시물 박스 등)을 제외하거나, 어떤 게시물 유형에 오디오를 적용할지 선택할 수도 있습니다.
콘텐츠 설정 페이지 열기
텍스트 음성 변환 → 콘텐츠로 이동합니다. 페이지는 네 가지 섹션으로 구성됩니다.
- 오디오를 생성할 게시물 유형
- 게시물 제목 포함 여부
- 포함 또는 제외할 CSS 선택자
no-audio클래스
오디오를 생성할 게시물 유형 선택
기본적으로 TTSWP는 게시물에만 오디오를 생성합니다. 다른 콘텐츠 유형에 오디오를 활성화하려면 해당 토글을 켜세요.
지원되는 게시물 유형:
- 게시물 (기본 활성화)
- 페이지
- WooCommerce 상품
- 테마 또는 다른 플러그인이 등록한 커스텀 게시물 유형
게시 시 자동 생성이 켜져 있을 경우, 활성화된 게시물 유형만 자동으로 오디오가 생성됩니다.
게시물 제목 포함
오디오에 제목 포함이 켜져 있으면 게시물 제목이 먼저 읽힌 다음 본문이 이어집니다. 이것이 기본 설정입니다.
다음 경우에는 이 옵션을 끄세요.
- 제목이 이미 콘텐츠 내에 나타나는 경우(일부 테마에서 그렇게 처리함)
- 오디오가 바로 본문으로 시작하길 원할 때
CSS 선택자: 포함 및 제외
두 개의 필드이며 모두 선택 사항입니다.
포함 선택자
기본적으로 TTSWP는 게시물 콘텐츠 영역 전체를 나레이션합니다. 테마가 메인 기사를 특정 컨테이너(예: .article-body 또는 #main-content) 안에 저장하는 경우, 해당 선택자를 여기에 추가하세요. 일치하는 요소 내의 텍스트만 나레이션됩니다.
기본 동작을 유지하려면 이 필드를 비워 두세요.
제외 선택자
건너뛰고 싶은 텍스트의 CSS 선택자를 추가하세요. 일치하는 요소(및 그 안의 모든 내용)는 오디오 생성 전에 제거됩니다.
일반적인 예시:
.wp-caption
figcaption
.sidebar
#secondary
.widget-area
.related-posts
.comments-area
#comments
.ad-container
한 줄에 하나씩 여러 선택자를 추가할 수 있습니다.
no-audio 클래스
단일 블록을 오디오에서 제외하는 가장 쉬운 방법은 해당 블록에 no-audio 클래스를 추가하는 것입니다.
블록 편집기에서:
- 제외할 블록을 클릭합니다.
- 오른쪽 블록 사이드바를 엽니다.
- 고급으로 스크롤합니다.
- 추가 CSS 클래스에
no-audio를 추가합니다.
클래식 편집기 또는 페이지 빌더에서:
<div class="no-audio">
이 텍스트는 오디오에 포함되지 않습니다.
</div>
클래스 속성을 지원하는 모든 페이지 빌더에서 작동합니다(Elementor, Divi, Visual Composer, Gutenberg, 클래식 편집기).
특정 카테고리의 게시물 제외
이 설정은 콘텐츠 페이지에 있지 않으며, 게시물 편집기에서 설정합니다.
- 게시물을 엽니다.
- 오른쪽 사이드바에서 TTS 오디오 패널을 찾습니다.
- 이 게시물의 오디오 건너뛰기를 체크합니다.
게시물의 다른 콘텐츠와 카테고리 설정은 유지되지만, TTSWP는 해당 게시물에 오디오를 생성하지 않습니다.
필터 처리 순서
TTSWP는 다음 순서로 게시물을 처리합니다.
- 원시 게시물 콘텐츠 가져오기
- 포함 선택자 적용 (있는 경우)
- 제외 선택자와 일치하는 요소 제거
no-audio클래스가 있는 요소 제거- 이미지, 숏코드, 스크립트 제거
- 공백 정리
- ElevenLabs로 전송
오디오에 예상치 못한 내용이 나타난다면 3단계와 4단계를 확인하세요. 선택자나 클래스가 일치하지 않을 수 있습니다.
필터 테스트
필터를 변경한 후 테스트 게시물에서 오디오를 다시 생성해 결과를 확인하세요.
- 게시물 → 모든 게시물을 엽니다.
- 테스트 게시물을 찾습니다.
- TTS 열에서 다시 생성을 클릭합니다.
- 재생을 클릭해 들어 보세요.
결과가 예상과 다르다면 선택자를 수정하고 다시 시도하세요. 전체 사이트 전체보다 게시물 하나에서 수정하는 것이 훨씬 쉽습니다.