THOR」へ変更しました。THORの使い方】記事下CTAの設定方法を詳しく解説!2020年1月14日ザ・トールザ・トールここあです。行動を促すことができる「記事下CTA」の設定ができます。Action(コール・トゥ・アクション)」の略で直訳の意味は「行動喚起」。商品やサービスを購入してもらうことができるようになるからです。いうのも、これまでの時代であれば、Webサイトというのは「ただあれば良い」というレベルで運営されてきたわけですがここ近年で個人が企業に頼ることなくビジネスをして大金を稼げるようになったのは、Webサイトの使い方自体が大きく変わってきているからです。Webサイトというのは、ここ十数年で「ただあれば良い」という時代から「ビジネスに活用する」時代へと使い方そのものが、かなり大きく変わっています。そんなビジネスに活用できる有効な機能が読者に直接行動を促せる「CTA」。Action)」ということです。THORの「記事下CTA」の設定方法について詳しく解説させていただきます。これから先、商品やサービスの売り上げをしっかりと伸ばしたいというあなたはぜひ「記事下CTA」の使い方をマスターしてくださいね。THOR(ザ・トール)」で記事下CTAを表示させる方法について解説させていただきます。カスタマイズをクリックし続いて、投稿ページ設定[THE]をクリック。すると、画面中ほどに「記事下CTA設定」という項目があります。記事下CTA設定をクリックすると記事下CTAを表示させるための項目がありますので記事下CTAを「表示する」を選択し、設定を保存してください。すると、記事の最後にあなたが設定した記事下CTAが表示されるようになります。※CTA管理で記事下CTAを設定しないと何も表示されませんのでご注意ください。記事下CTAを設定するようにしてくださいね。THORの「記事下CTA」はダッシュボードメニューにある「CTA管理」で行います。そもそも記事下CTAは「CTA管理」で設定を行わなければ何も表示されない機能になります^^;ということで、まずはダッシュボードメニューから「CTA管理」をクリックしましょう。すると、このような「CTA管理画面」が開きますので「新規追加」をクリックします。記事下CTAを作るための画面が表示されますのでここの編集画面で、あなたが考えている「記事下CTA」を上手くレイアウトしてみてください。ここの編集画面で入力するタイトルはあくまでもあなたが記事下CTAを管理するために付けるタイトルとなりますので「あなたが管理しやすいタイトル」を付けるようにしてくださいね。ちなみに記事下CTAを美しく作るコツとしてはビジュアル編集モードの「カラム」を使い、2カラムにするとレイアウトはしやすくなります。2カラムを選択する時は、スマホ表示のことを考え、「2カラム1:1(PC)」の方を必ず選択するようにしてください。右側に説明文テキストや、リンクボタンを設置します。ある程度、バランス良くレイアウトできたら、画面右側にある「公開」ボタンをクリックして記事下CTAを公開しましょう。記事下CTAがどのように表示されるか確認するためのプレビュー画面を表示させることはできません。手間にはなりますが、記事下CTAがレイアウトできたら一旦、記事下CTAを公開して、記事下にどのように表示されるか確認しながら改めて微調整をしてくださいね。いうことで、2カラムで設定するとこのようにかなり良い感じにレイアウトできます。高さ250px」で作成。ボタンは「共通ボタン」内にある「ノーマルボタン」を使用しています。ここまでは記事下CTAの作り方を簡単に解説致しましたが続いて、記事下CTAの設定方法の説明をさせていただきます。THOR(ザ・トール)」に実装されているこのCTA管理機能は本当に秀逸だと思います。CTAの管理機能があるので、CTAの修正が一度で済む。記事ごとにそれぞれ記事下CTAの設定ができる不要な記事には記事下CTAを非表示にできる記事下CTAをわざわざ設定しなくても、メインのCTAはデフォルトの設定にできるこのように非常に使いやすい機能となっているからです。先ほどあなたにご説明した通り記事下CTAはいくらでも増やせて、しかも必要な記事に合わせてそれぞれ異なるCTAを設定することが可能です。記事下CTAが不要な記事には無理に設定しなくても記事下CTAを非表示にすることができます。いうことで、CTA管理にいくつか記事下用のCTAが設定できたらあなたがレイアウトしたい記事下CTAを表示させてみましょう。記事下CTAの表示を「表示する」に変更すると投稿記事編集画面のサイドバーに「記事下CTA設定」という項目が新たに表示されます。↓この位置にあります。先ほど説明したCTA管理の画面でいくつか複数のCTAを設定するとこのように記事に合わせて記事下CTAが選択できるようになります。項目内に「記事下CTAを非表示にする」という項目がありますのでこの項目にチェックを入れることで非表示にできます。CTA管理に設定した記事下CTAにはそれぞれ個別のIDが割り振られておりますのでこの記事下CTAのIDを、投稿ページ設定[THE]内にある記事下CTAの設定項目「デフォルトCTAコンテンツ設定」のIDとして登録すれば、わざわざ個別に記事下CTAを設定せずともデフォルトの記事下CTAとして表示させることもできるようになります。THORの記事下CTAは少し簡易的なデザインになりますがデザインの設定も可能です。カスタマイズをクリックし投稿ページ設定[THE]内の「記事下CTA設定の中」にあります。デザインは以下の4種類から選択できます。フレーム無しシャドウフレームボーダーフレームべた塗背景(白文字)とは言え、デフォルトの「フレーム無し」はそれがCTAだと分かりにくいので、使う人はほとんどいないでしょうしむしろCTAには使わない方が無難です。そんな設定があるのか意味不明です(笑)ということで、記事下CTAのデザインを設定する場合は以下の3つから選択しましょう。シャドウフレーム[カラー:無]ボーダーフレーム[カラー:線]べた塗背景(文字白)[カラー:背景]シャドウフレーム[カラー:無]「シャドウフレーム」はさりげない影が薄っらと付く非常にシンプルなデザイン設定となっています。ボーダーフレーム[カラー:線]ボーダーフレームは以下のように、あなたが設定した色の「囲み罫」が付く設定になります。罫線が細めで上品なので、非常に使いやすいデザインです。#777;}記事下CTAを囲っている罫線が波線になります。他のサイトと差別化したいというあなたはお好みでどうぞ!^^べた塗背景(文字白)[カラー:背景]この設定をすると通常は、べた塗背景で白文字になります。THOR公式サイトの記事下CTAを参考にしてくださいね。ちなみに、ボーダーフレームの線の色や、べた塗背景の色に関しては、デザイン設定の「カラー」がそれに該当します。影をつけるか囲み罫をつけるか背景色を濃い色にするかそれぞれあなたのお好みに合わせて設定してみてくださいね。THORに実装されている「記事下CTAの設定方法」について解説させていただきました。THORに切り替えたのですが「そういや、まだ使ってない機能があったな」とこうして、記事下CTAを使ってみようと思ったわけです。THORのマニュアルを作っているのでもちろん、記事下CTAの存在は知っていました。言え、私がCTA機能を試験的に使うだけではなくこれから記事下CTAを設定しようと考えているあなたに少しでもお役に立てればと、記事下CTAの使い方をまとめました。THORは非常に多機能なテーマなのでとにかく実装されている便利な機能をまずは自分で使ってみないことにはどんな効果があるのかすら分かりません。今回、私は試験的に記事下CTAも使ってみようと簡易的ではありますが、設定することにしてみました。そもそもビジネスというのは自分で仮説を立ててその検証結果で次の改善を行っていく「トライ&エラー」の繰り返しです。どんなテーマを使うにしろどんなノウハウのビジネスをするにしろ初めから上手くいく人なんて絶対におりませんし何も考えずにサイトを運営していくだけでビジネスが成功するなんてことも基本的にはありません。そもそもビジネスは運だけで成功できるというものではありませんからね。企業にしろ、個人にしろビジネスが上手くいっている人というのはそれなりに上手くいく理由がきちんとあります。THORの機能を最大限に生かし「この機能を使うとどんな効果が得られるのか?」など常に色々考えながら、サイト運営をしていただけたらと思います。私もまだまだテーマの可能性に関してはかなり手探りな部分が多いですし、だからこそ、自分で色々使ってみたいと日々こうして様々な検証を積み重ねています。いうことで、記事下CTAはどんなことを掲載するかどんなデザインにして見せるかCTAの内容やデザインによってネットユーザーの反応もかなり大きく変わりますのでとりあえず記事下CTAも色々と準備しあれやこれやと入れ替えながら、読者の反応が得られるCTAというのを自分なりに私も確立していきたいと思います。先にもお伝えさせていただきましたがCTAというのは、読者に行動喚起を促すための機能です。あなたもあなたのサイトを訪れるネットユーザーに響きそうな素敵なCTAを用意しネットユーザーを明るい未来に導けるそんなCTAを1つでも多く作ってみてくださいね。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。THOR】タグ管理機能をCSSでカスタマイズ!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。