TTSWP는 모든 주요 페이지 빌더와 함께 작동합니다. 어떤 빌더로 게시물을 만들었든 상관없이, 오디오가 있는 게시물에는 플레이어가 자동으로 나타납니다. 이 페이지에서는 빌더별 팁과 알려진 문제를 다룹니다.
Elementor
기본 동작
Elementor로 만든 게시물에서 플레이어는 설정한 위치(제목 뒤, 콘텐츠 뒤 등)에 표시됩니다. 추가 설정이 필요 없습니다.
위젯을 사용한 사용자 지정 배치
전역 배치가 아닌 특정 위치에 플레이어를 넣으려면 Elementor의 숏코드 위젯을 사용하세요.
- Elementor 레이아웃에 숏코드 위젯을 추가합니다.
[tts_player]를 붙여넣습니다.- 저장합니다.
플레이어는 위젯을 배치한 정확한 위치에 나타납니다.
알려진 문제
- Elementor의 미리보기 에디터에서는 TTS 플레이어가 렌더링되지 않습니다. 실제 사이트에서만 표시됩니다.
- 템플릿 파트와 헤더에는 전역 배치를 통해 플레이어를 넣을 수 없습니다. 숏코드 위젯을 사용하세요.
- Elementor Pro의 테마 빌더 템플릿은 숏코드 위젯 방식과 함께 작동합니다.
Divi
플레이어는 자동으로 전역 배치에 나타납니다. 사용자 지정 배치를 원하는 경우:
- Divi 레이아웃에 텍스트 모듈을 추가합니다.
[tts_player]를 붙여넣습니다.- 저장합니다.
Visual Composer (WPBakery)
텍스트 블록 또는 Raw HTML 요소를 사용하세요.
[tts_player]
Gutenberg (블록 에디터)
별도 설정 없이 바로 작동합니다. 플레이어는 전역 배치에 나타납니다.
게시물 내부에 사용자 지정 배치를 하려면 Custom HTML 블록 또는 숏코드 블록을 사용하세요.
[mementor-tts]나레이션할 사용자 지정 텍스트.[/mementor-tts]
클래식 에디터
자동 배치는 별도 설정 없이 바로 작동합니다. 사용자 지정 숏코드를 사용하려면 텍스트 영역에 직접 붙여넣으면 됩니다.
Beaver Builder
HTML 모듈을 사용하고 [tts_player]를 붙여넣으세요.
Oxygen Builder
숏코드 컴포넌트를 사용하고 [tts_player]를 붙여넣으세요.
빌더 공통 문제
일부 페이지에서 플레이어가 보이지 않는 경우
다음을 확인하세요.
- 텍스트 음성 변환 → 콘텐츠에서 해당 게시물 유형이 활성화되어 있는지 확인합니다.
- 게시물에 실제로 오디오가 생성되었는지 확인합니다. 게시물 목록을 열어 TTS 열에 재생 버튼이 표시되는지 확인하세요.
- 빌더가
the_content훅을 재정의하지 않는지 확인합니다. 일부 빌더는 이를 재정의합니다.
빌더가 the_content를 우회하는 경우 위의 숏코드 방식을 사용하세요.
플레이어 위치가 잘못 표시되는 경우
전역 배치는 WordPress의 the_content 필터를 기준으로 합니다. 자체 훅에서 콘텐츠를 렌더링하는 빌더는 플레이어를 예상치 못한 위치에 배치할 수 있습니다. 정확한 제어를 위해 숏코드 방식으로 전환하세요.