今回はWordPressテーマ「THE THOR」のフッターの設定方法をご紹介します。
フッターにはCTAを設置したり、コピーライトをしたりと、様々な役割があります。
また、「THE THOR」ではスマートフォン用の固定フッターを設置することもできます。
それぞれの設定方法を見ていきましょう!
目次
フッタートップエリア(CTA)の設定
まずは、フッタートップエリア(CTA)の設定方法から見ていきます。
フッタートップエリア(CTA)とは、下記のようなものになります。
「THE THOR」では記事ごとにCTAを配置することができますが、それとはまた別ものになり、サイト全体のフッターエリアに設置するCTAになります。
CTAをフッターエリアに配置することにより、記事を読み終えた読者に、起こしてほしい行動を促すことができます。
アフィリエイトの場合、起こしてほしい行動というのは、アフィリエイトリンクをクリックすることになりますね。
各記事に設定できるCTAについては、下記記事でご紹介しています。
よろしければご覧ください。
さて、フッタートップエリア(CTA)の設定方法ですが、まずダッシュボードから、「外観 > カスタマイズ」をクリックします。
次にカスタマイズ画面から、「基本エリア設定 > フッタートップエリア設定(CTA)」をクリックします。
「フッタートップエリア設定(CTA)」の各対応項目としては、下記の画像の通りです。
本文には「タグ利用可」と記載がありますので、HTMLで装飾等を行うことができます。
例えば、当サイトでは下記のように設定しています。
初心者の方にも嬉しい<font color="#FFFF00">デザイン着せ替え機能<i class="fas fa-tint fa-fw"></i></font>、アフィリエイターの方に嬉しい<font color="#FFFF00">CTA・ランキング機能 <i class="fas fa-crown fa-fw"></i> </font>など、誰にでも適合するテーマになっています。また、他のテーマにはない最新技術を搭載することにより、<font color="#FFFF00">読み込み速度の高速化 <i class="fas fa-tachometer-alt"></i></font> を実現しています。もちろん<font color="#FFFF00">SEO対策 <i class="fas fa-cogs"></i></font> も万全です。昨今のWordPressユーザーのニーズを取り入れた、素晴らしいテーマに仕上がっています。
HTMLで文字色を変更したり、「Font Awesome」というWebアイコンフォントを使用し、文中にアイコンを挿入しています。
「Font Awesome」の詳細は下記記事でご紹介していますので、よろしければご覧ください。
ご紹介した通りに本文を設定すると、下記のようなCTAとなります。
少し雰囲気が変わりますよね?
お好みで装飾してみてくださいね。
もう一つご紹介するのが、画像のマスク機能です。
マスク機能を使用することで、画像の色を変更することができます。
例えば、当サイトで使用しているCTAの背景画像に対して、マスク無しを適用すると、下記のようになります。
使用する画像との相性にもよりますが、白色の文字が使用されるので、少々文字が見えにくくなっています。
そのような時に使用するのが、マスク機能になります。
試しに、「ブラックメッシュ」のマスクを適用すると、下記のようになります。
黒の背景色に対して、やはり白の文字は見えやすくなりますね。
使用する背景画像に応じて、マスク機能をうまく活用してくださいね。
「フッタートップエリア設定(CTA)」の設定は以上になります。
コピーライトを設定する
コピーライトとは、フッターに表示する著作者情報で、「THE THOR」標準では下記のようになっています。
こちらの表記は自由に変更することができます。
変更手順ですが、ダッシュボードから、「外観 > カスタマイズ」をクリックします。
その後カスタマイズ画面から、「共通エリア設定 > フッターエリア設定」をクリックします。
コピーライトの設定が表示されるので、お好みで変更してください。
特にこだわりがない方は、何も入力しないで問題ありません。
何も入力しない場合、当サイトでは下記のように表示されます。
シンプルですが、コピーライトはこの程度で問題ありません。
コピーライトの設定は以上となります。
スマートフォン用固定フッターメニューを設定する
「THE THOR」では、スマートフォン専用の固定フッターメニューを設定することができます。
当サイトでは、下記のようにフッターメニューを表示しています。
設定方法ですが、ダッシュボードから、「外観 > カスタマイズ」をクリックします。
その後カスタマイズ画面から、「共通エリア設定 > 固定フッターエリア設定(スマホ専用)」をクリックします。
まず最初に、「スマホ用固定フッターの設定」から、フッターメニューを表示するかの設定を行います。
もちろん「表示」にしましょう。
次に、フッターに配置するボタンの設定を行っていきます。
最大4つまで設定することができ、「 TOPへ」のボタンは必ず表示されます。
それでは、各ボタンの設定方法を見ていきます。
なお、各ボタンには標準で設定できる項目がありますが、それぞれ自由なボタンに変更することができます。
例えば、最初にご紹介するホームボタンの設定ですが、ホームボタンが不要であれば、自由なリンク先へのボタンに変更することができます。
例として、ホームボタンをお問い合わせリンクへのボタンに変更してみます。
「表示する項目を選択」から「自由設定リンクボタン」に変更し、タイトル・リンク先のURL・アイコン名を入力します。
アイコン名は「アイコン一覧」のリンクから、確認することができます。
設定が完了すると、下記のように表示が変更されます。
もしボタンを表示したくない項目があれば、「表示する項目を選択」から「自由設定リンクボタン」に変更し、各項目を空白とすると、ボタンが非表示となります。
必要に応じてご変更ください。
ホームボタンの設定
ホームボタンを表示するかの設定を行うことができます。
ここは基本的に、表示する・しないの設定のみとなります。
シェアボタンの設定
シェアボタンとして表示したいSNSを選択します。
シェアボタンをスマートフォン上で表示させると、下記のような画面となります。
表示できるSNSも、下記の通り非常に豊富となっています。
- Google+
- はてなブックマーク
- LINE
- Linkedln
特にこだわりがなければ、全表示で問題ないと思います。
メニューボタンの設定
メニューを表示するボタンを設置することができます。
ボタンをタップすると、下記のような画面が表示されます。
こちらも使い勝手を向上させるために、設置しておくほうが無難でしょう。
電話ボタンの設定
電話ボタンを設置することができます。
個人で運営している方であれば、基本的に使用することはないと思うので、非表示とするか、他の自由項目に変更することをおすすめします。
法人で「THE THOR」を使用されている方は、利用してみてください。
スマートフォン用固定フッターメニューの設定は以上となります。
下記のような通常のフッターメニューの設定は、他のメニューの設定方法と併せて、別記事でご紹介しています。
下記記事となりますので、よろしければご覧ください。
まとめ
WordPressテーマ「THE THOR」のフッターエリアの設定方法について、ご紹介しました。
必ず設定しておきたい項目としては、「フッタートップエリア(CTA)」です。
読者が記事を読み終えた後に見る可能性の高いエリアとなりますので、アフィリエイトリンクの設置など、効果的に活用するようにしましょう。
また、スマートフォン用の固定フッターも設定することで、ユーザビリティを高めることができます。
ぜひとも設定してくださいね。
最後までお読み頂きありがとうございました。