Squarespaceのテキスト読み上げ機能 — コード挿入

接続方法 GSpeech Squarespaceへ

• サインイン - GSpeechアカウントにログインしてください （必要ですか？ 無料アカウントを作成).
• ウェブサイトを作成する —まだサイトを追加していない場合は、以下に従ってください。 ウェブサイトを作成します.
• サイトを開く — あなたの ダッシュボード そして、Squarespaceサイトを選択してください。
• 接続コードをコピーする - 開ける 連携機能 → Squarespace / HTMLウェブサイト 接続コードをコピーしてください。
• 貼り付ける前 — コードを以下のように挿入します 設定 → 詳細設定 → コードインジェクション （フッター）閉じる前 タグを付けてから保存し、公開します。

接続コードが読み込まれます GSpeech プレーヤーは、それが配置されているすべてのページに存在します。プレーヤーは、コードブロック、埋め込み、またはカスタムHTMLを使用してマウントを配置した場所にのみ表示され、かつ、対応するウィジェットが公開され、設定されている場合にのみ表示されます。

コードインジェクション、コードブロック、コンテンツマッピング

Squarespaceでは、フッターコード挿入機能はエンジンを一度ロードします。その後、各ウィジェットはブログブロック、コースセクション、ポートフォリオのコピーをコードブロックマウントにマッピングします。これにより、すべてのページレイアウトにオーディオが埋め込まれることはありません。

• 無制限のウィジェット ブログ、コース、ポートフォリオのレイアウト用に、フルページ、ボタン、または円形のウィジェットを個別に用意します。
• ウィジェットごとに無制限のプレイヤー — 公開されたウィジェット1つで、レンダリング要素とURLルールで許可されているすべての一致するコードブロックのマウントを制御できます。
• コードブロック / カスタムHTML — Squarespaceではマウントは次のようになります <div class="gsp_full_player"></div>WordPressでは、同じアイデアで次のようなショートコードを使用します。 [gspeech].
• デフォルト設定と詳細設定 デフォルトのマウントは高速に動作します。カスタムセクションには、正確なコンテンツセレクター/レンダリング要素の値が必要です。

コードブロック/カスタムHTMLを使用してプレイヤーを追加する

これらのマウントのいずれかを、プレーヤーを表示させたいページ上の場所に配置します（コードブロック / 埋め込み / カスタム HTML）。カードをクリックしてコピーします。次にウィジェットを設定します。 レンダリング要素 同じクラスへ。

• フルページプレーヤー コピー コピーされた
  <div class="gsp_full_player"></div>
• ボタンプレーヤー コピー コピーされた
  <div class="gsp_button_player"></div>
• サークルプレイヤー コピー コピーされた
  <div class="gsp_circle_player"></div>

フルプレイヤードキュメント ボタンプレイヤーのドキュメント Circle Playerのドキュメント

Squarespaceのブロックとブログのテキストをプレーヤーにマッピングする

ウィジェット内 コンテンツ 訪問者が聞くべきSquarespaceブログアイテム、ブロックコンテンツ、ポートフォリオセクションのタブ、ポイントセレクターを設定し、コードブロックマウントを使用してプレーヤーを配置します。

• id → # / クラス → 。 — Inspectからコピーし、ハッシュ記号またはドットを付けてコンソールに書き込む。
• パーツを集める — コンテンツセレクターは、カンマで区切られた複数のターゲットを受け入れます。
• トリムピース — 除外リストでは、同じ接頭辞とカンマを使用します。
• 初心者ガイド - HTML値の書き方（# / .）.

Squarespaceに関する経験則： コンテンツセレクターのターゲット .blog-item-content or .sqs-block-content、Render Element はコードブロックのマウントを対象とし、Exclude List はコメントと共有ストリップをスキップします。

Squarespaceのブログやポートフォリオ向けの、実用的なマッピング例

Squarespaceのクリエイター向けオーディオウィジェットを作成する

• ダッシュボードを開く — あなたの GSpeechダッシュボード.
• ウェブサイトを選択してください — 接続したSquarespaceサイトを開きます。
• 新しいウィジェットを追加 — ウィジェット → 新しいウィジェットを追加 → タイプを選択（フルプレーヤー、ボタン、サークルなど） → 作成。
• コンテンツの設定 — ブログやポートフォリオのコンテンツセレクター、レンダリング要素、除外リスト、タイトルを設定します。
• プレーヤーの設定 / デザイン — 声、パネル、テーマ、幅、余白。
• 公開して聴く — ステータスを「公開済み」に設定し、Squarespaceのライブページを更新して、再生テストを行います。

ブログやポートフォリオのテキストが変更されると、スマートオーディオ同期はバックグラウンドでナレーションを再生成できます。マッピングフィールドは引き続き決定します which テキストと コラボレー プレイヤーは生き残る。