この記事では、投稿・固定ページにCTAを表示する方法について、解説しています。
投稿ページも固定ページもCTA設定の内容は同じなのでまとめています。記事下CTAを設定するには、事前にCTAコンテンツを制作しておく必要がありますので、準備しておきましょう。
この記事では、CTA管理の使い方について解説しています。 CTA管理では、投稿ページや固定ページに表示するCTAコンテンツを作成したり、作成したコンテンツを一覧で管理することができます。 CTA管理について CTA管理は、ダッシュボー[…]
どこで設定するの?
外観 > カスタマイズ > 投稿ページ設定 > 記事下CTA設定 で行います。固定ページは、「投稿ページ設定」部分を「固定ページ設定」に置き換えてください。
記事下CTA設定
記事下CTAを表示するかどうか選択します。デフォルトは「非表示」です。
デザイン設定
デザインの選択
記事下CTAのデザインを設定します。「フレーム無し(デフォルト)」「シャドウフレーム[カラー:無し]」「ボーダーフレーム[カラー:線]」「べた塗背景(文字白)[カラー:背景]」から選択します。
「ボーダーフレーム」「べた塗背景」を選択した場合は、カラーを指定することができます。
フレームなし(デフォルト)
シャドウフレーム
ボーダーフレーム[カラー:線]
ボーダーの色を指定することができます。(カラー:#4a84bf を使用)
べた塗背景(文字白)[カラー:背景]
「べた塗背景」を選択した場合は、背景色を指定することができます。(文字白)と表示がありますが、文字は白になりません(バグ?)。白にしたい場合は、CTA管理で設定をしておきましょう。(カラー:#4a84bf を使用)
カラーの指定
「ボーダーフレーム」と「べた塗背景」を選択した場合にカラーを指定します。ボーダーは線の色、べた塗背景は背景の色を指定することができます。
カラーの設定方法
- 「色を選択」ボタンをクリックします。
- クリックするとカラーピッカーが表示されるので、色を選択します。
サトコハ 色は、カラーコードでも指定することができるよ。「色を選択」ボタンの横にある欄(#00a568と表示があるところ)にコードを入力してね。
デフォルトCTAコンテンツ設定
デフォルトで表示するCTAコンテンツを設定します。CTAコンテンツIDを指定するには、事前にCTA管理でコンテンツを作成する必要があります。
CTAコンテンツIDの調べ方
ダッシュボードからCTA管理一覧を表示します。日付の横にコンテンツIDが表示されています。