0Diverには、収益化に重点を置いているWordPress有料テーマです。そのため、随所に訴求ポイントを設置することができる工夫がされています。その大きな特徴の一つとして挙げられるのが、CTAです。このページでは、Diverで利用できる3種類のCTAについて紹介します。他の機能についてはこちらfa-commentingWordPressテーマ「Diver」について2019.1.3WordPressの有料テーマである「Diver」を1年以上使用している筆者が、搭載されている機能や特徴、レビューなどを紹介しています。まとめDiverで利用できるCTAの種類Diverで利用できるCTAは3種類あります。Diverで利用できるCTACTAフッターCTAアピールブロックサイドバーウィジェットまいサイドバーウィジェットとアピールブロックは厳密にはCTAではないのですが、CTAを補助する機能なのでまとめました!CTAフッターCTAアピールブロックまいアピールブロックは、ぶたの貯金箱の部分です!これらのCTAは、簡単に作成することができます!順番にご紹介します(*'ω'*)CTAの作り方とプレビュー画像、設置できる場所DiverのCTAは1か所に設置することができ、画像やボタンを簡単に作ることができます。CTAを設置できる場所DiverのCTAを設置できる場所は、以下の1か所です。記事下(関連記事一覧の下、前後記事表示の上)まいDiverのCTAは思わず目を奪われるCTAです!でも、作り方は本当に簡単です!CTAの作り方CTAは、投稿ページや固定ページの編集ページと同じような形式のCTA作成ページで作成/編集することができます。作成したCTAは、投稿記事や固定記事の作成ページ下部にて表示するCTAを選択することで表示できます。編集ページでは、以下のような項目があります。画像位置:上まいCTAでは、入力補助を組み合わせることもできます。́・ω・`)入力補助を組み合わせると、こんな風にも作れます!フッターCTAの作り方とプレビュー画像、設置できる場所フッターCTAは1か所に設置できるCTAです。入力フォームに沿うだけで簡単に設置できます。フッターCTAを設置できる場所フッターCTAは、PC版(タブレット含む)のみに表示されます。DiverのフッターCTAを設置できる場所は、以下の1か所です。固定フッター(閲覧ユーザーが任意に表示/非表示操作可能)まい見た目は固定ヘッダーのフッター版という感じです!入力フォームに沿うだけで簡単に作れちゃいます!フッターCTAの作り方フッターCTAは、「Diverオプション」にある「フッターCTA」という設定項目で作成/編集することができます。CTAと違ってカスタマイズ性はそこまでありませんが、入力フォームに沿うだけの簡単仕様になっています。編集ページでは、以下のような項目を設定できます。数値を小さくするほど透明になっていきます。表示設定では、フッターCTAを表示させる場所を「トップページのみ」「投稿記事のみ」「すべてのページ」から選ぶことができます。リンクは「別タブで開く」かどうかを選択することができます。検索エンジンのクローラーにリンク先をたどらせたくない場合、「rel="nofollow"をつける」にチェックをいれるといいと思います。まいDiverレビューノートで実際に使っている設定を撮影しました!フッターCTAの入力イメージフッターCTAの作成プレビュー画像まい背景透過度をいくつか変えて撮影しました!閲覧ユーザーは、テキスト横の×マークをクリックすることで、非表示にすることができます!非表示にすると、fa-angle-double-upのようなボタンで再表示することができるようになります!背景透過度0.2背景透過度0.5背景透過度0.8アピールブロックの作り方とプレビュー画像、設置できる場所アピールブロックは、投稿記事にのみ設置できる準CTAです。設置できる場所は、1か所です。追従ボックス(ウィジェット)の下で追従するまいアピールブロックはウィジェットに表示されます!サイドバーを非表示にすると、アピールブロックも非表示になるので注意です!アピールブロックの作り方アピールブロックの作成/編集ブロックは、投稿記事作成ページの下部にあります。作成/編集ブロックでは、以下の項目を設定することができます。説明文ボタンのテキスト(未入力だとボタンが非表示)ボタンのリンク先アピールブロックのカラーまい作成感覚は、フッターCTAに近い感覚だと思います!アピールブロックの入力イメージまいボタンのリンク先は未入力になっていますが、実際に使うときは入力してください!アピールブロックの作成プレビュー画像まいタイトルの下にオレンジのラインがあるのは、ウィジェットデザインです!サイドバーウィジェットの作り方とプレビュー画像、設置できる場所サイドバーウィジェットは、投稿記事と固定記事に設置できる準CTAです。サイドバーウィジェットの設置できる場所4通りの設置場所から1か所を選択して設置することができます。ウィジェット最上部ウィジェット最下部(追従ボックスの上)追従最上部(追従ボックスの上で追従する)追従最下部(追従ボックスの下で追従する)まいアピールブロックのカスタマイズ性が高い版といった感じです!ただ、ウィジェット扱いなので、タイトルや背景などの色を設定することはできません。サイドバーウィジェットの作り方サイドバーウィジェットの作成/編集ブロックは、投稿記事や固定記事を作成/編集するページの下部にあります。作成/編集ブロックでは、以下の項目を設定することができます。ウィジェットポジションウィジェットタイプタイトル(未記入で非表示)テキストまいタイトルは、未記入にすることで非表示にもできます!テキストの中に画像やボタンを挿入したりできるので、カスタマイズ性は高めです(*'ω'*)サイドバーウィジェットの入力イメージウィジェットポジションは、サイドバーウィジェットの位置を設定できます。ウィジェットタイプは、サイドバーウィジェットを追従するかしないかを設定できます。まいウィジェットポジションとウィジェットタイプの組み合わせで、4通りの設置場所ができます!実際に設置できるのは、4通りの設置場所から1つだけです。まとめDiverで設置できるCTAは現在4種類(準CTA含む)あります。最初はCTAだけだったのですが、バージョンアップでフッターCTAやアピールブロック、サイドバーウィジェットが増えました。CTAにたどり着くまでに離脱してしまうユーザーを取り込むことができるので、準CTAであるアピールブロックやサイドバーウィジェットはとても便利です。0この記事を書いた人まい猫が大好きなまいです。Diverを1年以上愛用しています。Diverを使ってきた中での感想を始め、使い方や併せて導入したいおすすめプラグインなどを紹介していきたいと思っています。【Diverで作る】少しデザイン性のあるCTAの作り方2019-01-21あらゆるデザインがDiverで叶う。それも難しい操作無しで。「企業に納品してきたノウハウと技術をすべての人に利用可能なWordpressテーマ」がモットーの有料WordPressテーマ「Diver」。開発陣の想いは無制限のメールサポートに留まらず、アップデートにも反映されています。それは、初心者でもあらゆるデザインが作れてしまう程の性能。Diverの能力を知ってしまったら、もう他のテーマには心移りできなくなってしまうでしょう。【Diver】LPページの機能や設定項目、プレビュー画像おすすめの記事ショートコード【Diver】ショートコードの使い方、入力補助との違いDiverのショートコードは、入力補助の前身とも言える機能です。「【Diverで作る】少しデザイン性のあるCTAの作り方」は、購入者特典ページです。【Diver】カスタマイザー機能の設定項目とプレビュー画像WordPressの有料テーマであるDiverには、豊富なカスタマイズ機能があります。【Diver】入力補助機能の使い方、作れるデザインの詳細Diverの入力補助機能は、23種類のデザインパーツを簡単に作成することのできる機能です。設定画面やデザインプレビューを紹介します。有料Wordpressテーマの「Diver」は、標準機能でGoogleAnalyticsとの連携に対応しています。【Diver】SEOプラグインは不要!充実したSEO対策/設定を紹介Diverは、SEO対策に特化した有料Wordpressテーマです。このページでは、DiverのSEO対策はどのようなものがあるのかを有名S...LP(ランディングページ)【Diver】LPページの機能や設定項目、プレビュー画像Diverはブログやサイト制作だけでなく、LP制作機能も実装されています。簡単にLPを作れるDiverのLP制作機能をプレビュー画像とともに...プロフィールまい猫が大好きなまいです。Diverを1年以上愛用しています。Diverを使ってきた中での感想を始め、使い方や併せて導入したいおすすめプラグインなどを紹介していきたいと思っています。初心者から熟練者まで、あらゆるサイト制作者の手に馴染む。