G

WordPress 텍스트 음성 변환 TTS 플러그인

GSpeech TTS - 구현 가이드

개요

GSpeech는 다음을 사용하는 선도적인 최신 텍스트 음성 변환 WordPress 플러그인입니다. 구글 기술 를 생성 최고의 오디오 and 모든 장치 및 브라우저에서 작동! 와 함께 65개 이상의 언어 사용 가능 귀하의 사이트는 다음에서 사용할 수 있습니다 전 세계적으로 더 많은 청중. 이 무료 텍스트 음성 변환 WordPress 플러그인의 상용 버전은 인간과 유사한 최고의 AI 음성, 콘텐츠를 더욱 편안하게 사용하고 고객에게 더 나은 서비스를 제공할 수 있습니다. 텍스트 음성 변환 기능을 추가하면 사이트의 효율성이 향상됩니다. SEO 순위 and 트래픽과 매출을 늘리세요.

GSpeech TTS - WordPress 텍스트 음성 변환 플러그인에 관심을 가져주셔서 감사합니다. 이 매뉴얼에서는 귀하의 웹사이트에 플러그인을 설치하고 사용하는 방법을 안내해 드립니다.

다운로드
다운로드 : 110,109
🎬 비디오 튜토리얼

📚 설치

먼저 WordPress 대시보드에 로그인하고 "플러그인->새 플러그인 추가"를 클릭하세요.

오른쪽 상단 검색콘솔에 'GSpeech'를 검색하세요. 이제 아래 GSpeech 플러그인이 표시됩니다. "지금 설치" 버튼을 클릭하세요:

버튼이 "활성화"로 변경됩니다. 그것을 클릭하고 WordPress의 성공 피드백을 기다립니다.
또한 당신은 할 수 있습니다 다운로드 패키지를 다운로드하고 수동으로 업로드합니다.
이제 왼쪽 메뉴 패널에 "GSpeech" 메뉴가 표시됩니다.

📚 플러그인 구성 - GSpeech Cloud Console

GSpeech Cloud Console은 저희 제품의 마지막 세대로, 최고의 AI 음성을 사용하고, 오디오 콘텐츠를 65개 이상의 언어로 실시간 번역할 수 있습니다. 여러 플레이어 유형을 지원합니다.

  • 전체 페이지 플레이어
  • 버튼 플레이어
  • 서클 플레이어
  • 강조 표시된 텍스트(RHT) 플레이어 읽기
  • 환영 메시지

당신은 그들을 확인할 수 있습니다 데모 페이지.

📚 활성화

이를 사용하려면 Cloud Console을 활성화해야 합니다.
"GSpeech->Cloud Console"로 이동하세요. 사이트 기본 언어와 비밀번호를 선택하고 "활성화"를 클릭하세요.

gspeech.io에 이미 가입했다면, 활성화 대신 로그인을 선택하세요. 로그인 후 활성화 버튼이 활성화됩니다.

📚 클라우드 설정

활성화 후에는 설정 페이지로 리디렉션됩니다. 주요 설정은 여러 탭으로 구분되어 있습니다.

일반 탭: 여기서 주요 설정을 제어합니다.

  • 지원하는 언어 - 귀하의 웹사이트 기본 언어. 모든 오디오 위젯의 기본값으로 사용됩니다.
  • 계획 - 기본적으로 무료 플랜을 사용하고 있습니다. 한 번의 클릭으로 상용 계획으로의 마이그레이션이 여기에서 이루어집니다.
  • Status - 게시됨, 게시되지 않음.
  • 제휴 - 제휴사가 되어 15%의 수수료를 받으세요. 플레이어에 귀하의 특별 키가 있는 작은 링크가 표시됩니다. 대시보드에서 귀하의 키로 판매를 확인할 수 있습니다.
    이렇게 하면 제품의 인기를 높이는 데 도움이 됩니다.
  • 게으른로드 - 활성화된 경우 GSpeech는 페이지 로딩 시간에 전혀 영향을 미치지 않습니다.
  • 세션 다시 로드 - 클라우드 콘솔을 다시 활성화할 때 인증 토큰을 업데이트하려면 이 옵션을 켜세요.
  • 자동 활성화 - 자동으로 플레이어를 활성화하세요!
  • 홈페이지에 표시 - 홈페이지에 플레이어를 표시합니다.
  • 제목 읽기 - 오디오 시작 부분에 제목 텍스트를 포함합니다.
  • 다국어 웹사이트 - 사이트의 현재 언어를 자동으로 파악하여 적절한 데이터를 로드합니다.
  • 포스트 유형 - 어떤 게시물 유형에 플레이어가 표시되는지.
  • 카테고리 - 어떤 카테고리에 플레이어가 표시되는지.
  • 목소리 - 기본 목소리. 모든 오디오 위젯의 기본값으로 사용되고 있습니다.
  • 음성 속도 - AI 음성에만 사용할 수 있습니다.
  • 음성 피치 - AI 음성에만 사용할 수 있습니다.
  • 음성 패널 - 플레이어에 음성 패널을 표시하고 사용자가 원하는 음성을 선택할 수 있는 기회를 제공합니다.
  • 콘텐츠 제외 - CSS 값을 사용하여 오디오에서 일부 요소 콘텐츠를 제외합니다. id를 통해 요소에 액세스할 때 #과 dot(.)을 사용하여 클래스를 사용합니다. 여러 값을 쉼표(,)로 구분합니다.
    예: #some_id,.some_class
  • 허용된 URL - 플레이어가 렌더링되어야 하는 URL 목록입니다. 행당 URL을 하나씩 넣으세요. 별표(*)를 사용하여 모든 문자와 일치시킵니다.
    예: https://yourdomain.io/blog/*
  • 차단된 URL - 플레이어가 렌더링되지 않아야 하는 URL 목록입니다. 행당 URL을 하나씩 넣으세요. 별표(*)를 사용하여 모든 문자와 일치시킵니다.
    예: https://yourdomain.io/blog/*
  • 온플라이 번역 - 사이트에서 즉석 번역 방법을 사용하는 경우 이 옵션을 켭니다. 이 옵션을 사용하면 번역이 준비될 때까지 기다렸다가 번역된 콘텐츠에 플레이어를 적용할 수 있습니다.
    참고: "다중 언어" 옵션도 활성화해야 합니다.

플레이어 탭: 여기서 플레이어 설정을 제어합니다.

  • 애니메이션 나타남 - 플레이어가 어떻게 나타나야 하는지.
  • 속도 패널 - 속도 제어를 표시합니다.
  • 볼륨 패널 - 볼륨 컨트롤을 표시합니다.
  • 텍스트 패널 - 텍스트 패널을 열고 빨간색으로 표시된 텍스트 부분을 강조 표시합니다.
  • 패널 다운로드 - mp3 파일을 다운로드할 수 있도록 플레이어에 다운로드 아이콘을 표시합니다.
  • 재생 횟수 - 특정 플레이어가 플레이한 횟수를 보여줍니다.

번역 탭: 여기에서 각 언어에 대한 언어 및 음성 목록을 지정합니다. 플레이어에 언어 목록을 여는 지구본 아이콘이 표시됩니다.

맞춤 코드: 여기에서 사용자 정의 CSS 또는 자바스크립트를 작성할 수 있습니다.

별칭: 예를 들어 인공지능(Artificial Intelligence)으로 읽으려면 AI가 필요합니다. 다음 줄을 추가하세요. ai:인공지능.

이제 다양한 플레이어 유형을 살펴보겠습니다! 오디오 위젯을 통해 제어됩니다. 각 플레이어에는 위젯이 있습니다.

📚 RHT(강조표시된 텍스트 읽기) 플레이어

RHT(강조 표시된 텍스트 읽기) 플레이어를 사용하면 사용자는 사이트에서 선택한 텍스트를 들을 수 있습니다. 모든 웹 사이트에 대한 매우 훌륭한 접근성 기능입니다!

관리하려면 "Widgets->RHT Player"로 이동하세요.

탭으로 구분된 모든 옵션 목록이 표시됩니다.

일반 탭: 여기서 일반 구성을 제어합니다.

  • Title - 위젯 이름. 대시보드에서만 사용됩니다.
  • Status - 게시됨, 게시되지 않음.
  • 맞춤 언어/음성을 사용하시겠습니까? - 비활성화된 경우 설정 섹션에 지정된 전역 값을 사용합니다. 여기에서 사용자 정의 값을 사용할 수 있습니다.
  • 여러 목소리 - 플레이어에 음성 패널을 표시하고 다양한 음성을 선택할 수 있는 기회를 제공합니다.

콘텐츠 탭: 여기서 콘텐츠 구성을 제어합니다.

  • 제목 텍스트 - 사용자가 마우스를 올리면 표시되는 플레이어 제목입니다.
  • 허용된 URL - 이 플레이어가 활성화되어야 하는 URL을 지정하세요. 기본적으로 모든 페이지에서 활성화됩니다. 행당 하나의 URL을 삽입할 수 있습니다. 별표를 사용하여 모든 문자와 일치시킬 수 있습니다. 예를 들어 모든 블로그 페이지에서 활성화하려면 다음과 같이 작성할 수 있습니다. https://example.com/blog/* .
  • 차단된 URL - 이 플레이어를 숨겨야 하는 URL을 지정하세요.

플레이어 탭: 클라우드 설정 플레이어 탭과 동일하지만 사용자 정의 값을 사용할 수 있는 기회를 제공합니다. 예를 들어 볼륨 패널이 기본적으로 활성화되어 있지만 이 플레이어에 표시하려는 경우입니다.

텍스트 탭: 플레이어의 모든 텍스트를 제어합니다.

디자인 탭: 실시간 미리보기를 통해 플레이어의 모습을 제어합니다.

  • 시사 - 실시간으로 플레이어의 모습을 볼 수 있습니다.
  • 주형 - 16가지 아름다운 색상 중 하나를 선택하세요.
  • 블록 보기 - RHT 플레이어 보기. 보기 2와 보기 3에는 언어 및 텍스트 패널이 확장되어 있습니다.
  • 아이콘 위치 - 왼쪽/오른쪽. 웹사이트에서 활성화된 TTS 서비스를 알려주는 TTS 아이콘 위치입니다.
  • 최고 오프셋 - 해당 아이콘의 오프셋입니다.
  • 배너 표시 - 사용자가 어떻게 사용할 수 있는지 알려주는 TTS 일러스트 배너를 표시하거나 숨깁니다.
  • 배너 위치 - 배너를 표시할 위치입니다.
  • 배너 닫기 이벤트 - 언제든지 배너를 표시하거나 세션 중에 숨길 수 있습니다.

별칭: 클라우드 설정 별칭과 동일하지만 이 플레이어에만 해당됩니다.

📚 전체 페이지 플레이어

GSpeech 전체 페이지 플레이어는 다음과 같은 강력한 기능을 갖춘 오디오 플레이어에 대한 전체 크기 텍스트입니다.

📚 전체 페이지 플레이어 - 단축 코드

콘텐츠의 어느 곳에나 전체 페이지 플레이어를 삽입하려면 다음을 사용하세요. [지스피치] 단축 코드.
단축 코드를 통해 삽입된 전체 페이지 플레이어를 관리하려면 "위젯->전체 페이지 플레이어 - 단축 코드"로 이동하세요.

탭으로 구분된 모든 옵션이 열립니다.

일반 탭: 여기서 일반 구성을 제어합니다.

  • Title - 위젯 이름. 대시보드에서만 사용됩니다.
  • 단축 코드 - 콘텐츠 어디에나 삽입할 수 있는 단축 코드입니다.
  • 맞춤 HTML - HTML을 통해서도 삽입할 수 있습니다.
  • Status - 게시됨, 게시되지 않음.
  • 맞춤 언어/음성을 사용하시겠습니까? - 비활성화된 경우 설정 섹션에 지정된 전역 값을 사용합니다. 여기에서 사용자 정의 값을 사용할 수 있습니다.
  • 여러 목소리 - 플레이어에 음성 패널을 표시하고 다양한 음성을 선택할 수 있는 기회를 제공합니다.

콘텐츠 탭: 여기서 콘텐츠 구성을 제어합니다.

  • 콘텐츠 선택기 - 오디오에 포함되어야 하는 콘텐츠의 요소 HTML 값을 지정합니다. 혼수상태(,)로 구분합니다.
    예: 기사,섹션,#my_id,.my_class.
    parent_class, 이는 기본값이며 삽입된 상위 요소의 내용을 가져옵니다.
  • 렌더 요소 - 그래야지 .gsp_full_player 이 오디오 위젯의 경우.
  • 렌더 위치 - 단축번호에는 필요하지 않습니다.
  • 목록 제외 - 읽어서는 안 되는 요소 HTML 값을 지정합니다. 혼수상태(,)로 구분합니다. 예: #element_id,.element_class.
  • 제목 선택기 - 기사 제목으로 플레이어 제목이 필요한 경우 여기에 HTML 값을 지정하세요. 예: h1. 사용시 비워두세요 제목 텍스트.
  • 제목 텍스트 - 플레이어의 직함.
  • 콘텐츠 텍스트 - 이 플레이어가 특정 콘텐츠만 읽도록 하려면 여기에서 지정하세요.
  • 허용된 URL - 단축번호에는 필요하지 않습니다.
  • 차단된 URL - 단축번호에는 필요하지 않습니다.

플레이어 탭: 여기서 플레이어 구성을 제어합니다. 클라우드 설정 플레이어 탭과 동일하지만 사용자 정의 값을 사용할 수 있는 기회를 제공합니다.

  • 자동 로드 - 페이지가 로드되면 재생 버튼을 클릭하지 않고도 자동으로 오디오를 생성합니다. 문자 사용량이 많아질 수 있으므로 주의해서 사용해야 합니다.

텍스트 탭: 플레이어의 모든 텍스트를 제어합니다.

디자인 탭: 플레이어의 모습을 제어합니다:

  • 시사 - 실시간으로 플레이어의 모습을 볼 수 있습니다.
  • 주형 - 16가지 아름다운 색상 중 하나를 선택하세요.
  • BG 테마 - 플레이어의 배경 스타일.
  • - 플레이어의 너비. 백분율 또는 픽셀 단위일 수 있습니다.
  • 여백 - 상단/하단 - 플레이어의 상단 및 하단 마진.

별칭: 클라우드 설정 별칭과 동일하지만 이 플레이어에만 해당됩니다.

📚 전체 페이지 플레이어 - 다중 페이지

이 오디오 위젯을 사용하면 여러 페이지의 플레이어를 자동으로 렌더링할 수 있습니다.
전체 페이지 플레이어 - 다중 페이지 위젯을 관리하려면 "위젯->다중 페이지(전체 페이지 플레이어)"로 이동하세요.

탭으로 구분된 모든 옵션이 열립니다. 그것들은 다음과 동일합니다. 전체 페이지 플레이어 - 단축 코드. 따라서 모든 옵션에 대해 논의하지는 않습니다. 위 섹션을 확인하세요. 이 위젯과 관련된 옵션에 대해서만 논의하겠습니다.
기본적으로 게시되지 않은 상태이므로 먼저 게시해야 합니다.
일반 탭 :

  • Status - 활성화하려면 게시됨으로 설정하세요.

콘텐츠 탭:

  • 콘텐츠 선택기 - 오디오에 포함되어야 하는 콘텐츠의 요소 HTML 값을 지정합니다. 혼수상태(,)로 구분합니다.
    예: 기사,섹션,#my_id,.my_class.
    self_class를 사용하여 삽입된 요소의 내용을 가져옵니다.
  • 렌더 요소 - 기본적으로 다음 값을 갖습니다. .entry-content,.post-content,.post_content,.post,.blog,.blog-body,.content,.section,article . 콘텐츠가 특별한 클래스 이름을 사용하는 경우 여기에 배치하세요.
  • 렌더 위치 - 콘텐츠 전후.
  • 목록 제외 - 읽어서는 안 되는 요소 HTML 값을 지정합니다. 혼수상태(,)로 구분합니다. 예: #element_id,.element_class.
  • 제목 선택기 - 기사 제목으로 플레이어 제목이 필요한 경우 여기에 HTML 값을 지정하세요. 예: h1. 사용시 비워두세요 제목 텍스트.
  • 제목 텍스트 - 플레이어의 직함.
  • 콘텐츠 텍스트 - 이 플레이어가 특정 콘텐츠만 읽도록 하려면 여기에서 지정하세요.
  • 허용된 URL - 이 플레이어가 활성화되어야 하는 URL을 지정하세요. 기본적으로 모든 페이지에서 활성화됩니다. 행당 하나의 URL을 삽입할 수 있습니다. 별표를 사용하여 모든 문자와 일치시킬 수 있습니다. 예를 들어 모든 블로그 페이지에서 활성화하려면 다음과 같이 작성할 수 있습니다. https://example.com/blog/* .
  • 차단된 URL - 이 플레이어를 숨겨야 하는 URL을 지정하세요. 홈페이지에서 숨기려면 여기에 홈페이지 URL을 입력하세요.

다른 탭 옵션은 다음과 동일합니다. 전체 페이지 플레이어 - 단축 코드, 위 섹션을 확인하세요.

📚 버튼 플레이어

GSpeech 버튼 플레이어는 점 아이콘을 클릭하면 열리는 강력한 옵션 패널을 갖춘 버튼 스타일의 오디오 플레이어입니다.

콘텐츠의 아무 곳에나 버튼 플레이어를 삽입하려면 다음을 사용하세요. [g음성 버튼] 단축 코드.
단축 코드를 통해 삽입된 버튼 플레이어를 관리하려면 "위젯->버튼 플레이어 - 단축 코드"로 이동하세요.

탭으로 구분된 모든 옵션이 열립니다.
여기의 구조는 다음과 같습니다. 전체 페이지 플레이어 - 단축 코드이므로 위 섹션을 확인하시기 바랍니다.
차이점은 버튼 플레이어의 색 구성표를 제어하는 ​​디자인 탭에 있습니다.
디자인 탭:

  • 시사 - 실시간으로 플레이어의 모습을 볼 수 있습니다.
  • 주형 - 16가지 아름다운 색상 중 하나를 선택하세요.
  • - 플레이어의 너비. 백분율 또는 픽셀 단위일 수 있습니다.
  • 여백 - 상단/하단 - 플레이어의 상단 및 하단 마진.

다른 옵션은 동일합니다. 전체 페이지 플레이어 - 단축 코드이므로 위 섹션을 확인하시기 바랍니다.

📚 Circle Player는 버튼 플레이어와 유사한 설정을 가지고 있습니다.

📚 GSpeech 2.X 모드

2.X 모드에서 사용하는 경우 사용자가 사이트의 텍스트를 강조 표시하면 스피커 아이콘이 표시됩니다.

2.X 모드에서 사용하려면 GSpeech->GSpeech 2.X로 이동하세요.
"2.X 버전 사용"을 "예"로 설정하고 웹사이트 기본 언어를 선택한 후 "저장"을 클릭하세요.

스타일을 구성하려면 "스타일" 탭으로 이동하세요. 50개 이상의 스피커 아이콘 중 하나를 선택하고 모든 색상을 구성할 수 있습니다. 기본 플레이어는 "스타일 2"를 사용하고 있습니다.




문제가 있으면 그냥 여기를 클릭해주세요..

🎬 GSpeech 전체 페이지 플레이어 - 유료 버전 - 비디오 튜토리얼
🎬 GSpeech RHT 플레이어 - 보기 1,2,3 - 비디오 튜토리얼
콘텐츠를 한 단계 더 발전시키세요! 지금 GSpeech를 사용해 보세요!
무료 회원 가입