外部スクリプトを埋め込む

Pixpa Web サイトには任意の外部コードを埋め込むことができます。これを行うには 4 つの方法があります。

  1. カスタムコードスニペットの使用
  2. 「メディアとアプリの埋め込み」セクションの使用
  3. WYSIWYG エディターの使用
  4. 外部スクリプトの使用
  5. ページコードインジェクションの使用

最初のステップは、埋め込みコードを取得してコピーすることです。


カスタムコードスニペットの使用

カスタムコードスニペットを使用すれば、埋め込みコードを任意のページに追加できます。

  • カスタムページをまだ作成していない場合は、 一つ作る 今。
  • 次に、特定のカスタム ページに移動し、 ページにセクションを追加する 

  • 今すぐ セクションカテゴリ 左側。 ヒーローセクション(1) オプションと選択 見出し (2) タブには何も表示されないことに注意してください。

  • 見出しセクションで利用可能なレイアウトから、 一番下までスクロールしてください (NAIST) と スクリーンショットに示されているレイアウトを選択してください。.

  • セクションがページに追加されます。 Save (3) 変更。

  • ソフトウェアの制限をクリック コンテンツを追加 (4)ボタンを押して HTML/JS (5)オプション
  • コード スニペットがページに追加されます。

  • 以下を行うには、 コードブロック

  • コンテンツ ブロックのコードが表示されます。 既存のコード全体をコピーした埋め込みコードに置き換える必要があります。 それでおしまい。


「メディアとアプリの埋め込み」セクションの使用

メディアとアプリ セクションを利用して、Pinterest ボード、YouTube ビデオ、Tumblr フィード、Spotify プレイリスト、Vimeo ビデオ、その他のメディア ソースなどの外部コンテンツを組み込みます。

埋め込みメディアとアプリのセクションについて詳しくはこちらをご覧ください。


WYSIWYG エディターの使用

WYSIWYGエディタを使用すると、Googleマップの埋め込みコード、SoundCloudの埋め込みコード、ツイートの投稿の埋め込みコードなど、あらゆるカスタムコードを追加できます。基本的に、ウィジェットアイコンを使用すれば、あらゆる埋め込みコードをエディタに追加できます。

  • のような特定のコンテンツ アイテムのテキスト エディタに移動します。 ブログ投稿、お問い合わせフォーム, etc.

  • ウィジェット アイコン (1) をクリックします。 ポップアップ ウィンドウが表示されます。
  • コピーした埋め込みコードをここに貼り付けます (2)。
  • 以下を行うには、 インサート
  • Save あなたの変更。

もっと詳しく知る。


外部スクリプトの使用

Pixpa Studioに外部スクリプトや埋め込みコードを追加することで、ウェブサイトを簡単にカスタマイズし、ウェブサイト全体に様々な機能を追加できます。

  • に行きます 設定 ページを開き、 外部スクリプト 左側のサイドバーにあります。
  • 次に、コピーしたコードを下に貼り付けます ボディ/ヘッド/注文成功ページ セクションに含まれる外部スクリプト あなたの条件に従って分野。
  • 最後に、 Save

外部スクリプトも確認してください。


ページコードインジェクションの使用

ウェブサイトのいずれかのページにアクセスがあった際に、バックグラウンドでスクリプトを実行したい場合は、設定ページにあるコード挿入フィールドにスクリプトを入力できます。

特定のページのみに適用される独自の CSS を追加することもできます。

こちらもご確認ください:ページコードインジェクション。

お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。

Pixpa Studioがリニューアルされました。現在、ヘルプ記事のスクリーンショットをすべて更新中です。