どうも、仁井雄稀です。

ネットビジネスのリスト取りに特化したWordPressテンプレート「Emanon Pro」をインストールした直後、私が最初にカスタマイズしたブログのレイアウトや配色、SNSシェアボタンの設置などの基本的な設定をまとめてみました。

「Emanon Proを使ってみたいけど、よく分からない…」

「ブログのデザインをお手軽に変えてみたい!」

という方の参考になれば幸いです。

サイト基本情報

サイト基本情報では、サイトのタイトルやキャッチフレーズ、アイコンに関する設定ができます。

サイトのタイトル

あなたが設定したサイト名がそのまま表示されます。

Googleで調べた検索結果の表示では記事の後ろにサイト名が表示されますので「◯◯公式ブログ」や「自動収益型のメルマガ雑記ブログ」などGoogleのSEOを意識したサイト名にしておきましょう。

キャッチフレーズ

サイトのタイトルの近くに表示されるので、サイト名だけでは伝えきれない内容やコンセプトをユーザーに伝えることができ、Googleでもサイト名の後ろにキャッチフレーズが表示されます。

私の場合だと「仁井雄稀OfficialBlog(タイトル)ネットビジネス×情報発信で自由な生活を提供(キャッチフレーズ)」と、ネットビジネスや情報発信に特化した内容のブログであることを伝えています。

※キャッチフレーズが未入力でもSEOの問題はありません。

サイトアイコン

サイトアイコンとは、タブやブックマークバーなどにサイト毎に分かれて表示される色付きのアイコン画像です。

Emanon Proが推奨しているアイコンの画像サイズは、512×512ピクセル以上の正方形になります。

全般設定

全般設定では、メタタグ・Facebook OPG・Twitterカード・Googleアナリティクス・SNSフォローURL・アニメーション設定・色・背景画像の11項目が設定できます。

メタタグ

メタタグ出力を有効にするに必ずチェックを入れてください。

※無効にした場合、メタタグの自動出力(keywords,description,robots)やページ単位のSEO設定機能が停止します。

次にサイトのフロントぺージに使用する「meta keywords」と「meta description」の設定を行います。

未入力であれば「meta keywords」にサイトのタイトル「meta description」にキャッチフレーズが自動反映されます。

Facebook OPG

Facebookでの投稿やシェアなどされたときの表示に関する設定です。

Facebook OPGタグの表示にチェックを入れてください。

Twitterカード

Twitterでの投稿やリツイートなどされたときの表示に関する設定です。

Twitterカードの表示にチェックを入れてください。

Twiiterカードの設定は「Summaryカード」「大きな画像付きのSummaryカード」のどちらかを設定することにより、Twitterでの投稿画像のサイズが変わります。

Googleトラッキングタグ

Googleアナリティクスの連携設定です。

UAーから始まる「トラッキングID」を入力することで、Googleアナリティクスのセッション数やPVなどが計測できるようになります。

Googleタグマネージャーを使用されている方は、GTMーから始まる「コンテナID」を入力してください。

Googleアナリティクスの使い方からトラッキングコード設置までの手順はこちらの記事を参照にしてください。

コード挿入

設定の必要なし

サイトにある「メイン」「リンク」「リンク(hover)」「フッター背景」「フッターテキスト」「フッターリンク(hover)」「ボタン」「ボタンテキスト」「背景色」の9項目をあらかじめ設定された配色設定や個別の色指定を行うことができます。

SNSフォローURL

SNSのフォローボタンはページやフッター部分に表示されるので、自分の持っているSNSのURLをそれぞれの欄に入力します。

※ここでURLを設定していない項目はページやフッター部分にフォローボタンは表示されません。


TwitterのURL:https://twitter.com/puffinbusiness
FacebookのURL:https://www.facebook.com/yuuki.nii.77
InstagramのURL:https://www.instagram.com/niiyuuki21
LINE@のURL:http://line.me/ti/p/%40ltd6593i
YouTubeのURL:https://www.youtube.com/channel/UCyepi2GApMwrzxWKHpzQWaA
RSSフィードのURL:https://niiyuuki.net/feed/

アニメーション設定

ページのアクセス時やスクロール時にアニメーションが設定できます。

アニメーションを停止したい場合は、アニメーションの停止にチェックしてください。

クイックボタンの表示

投稿や固定ページで文字の囲み枠やボタン、カラムレイアウトなどがEmanon Pro専用の速色が使えます。

原則チェックのままで大丈夫です。

検索範囲

サイトの検索窓でキーワードを入力して検索すると、投稿ページのみ検索結果に表示されます。

検索結果に固定ページを含めたい場合は、投稿ページのみのチェックを外してください。

背景画像

サイト背景に画像を表示することができます。

ヘッダー設定

ヘッダー設定では、ロゴやキャッチコピーの配置位置、背景色の指定または背景画像の指定、ヘッダーエリアの高さ調整が可能です。

レイアウトデザイン

ヘッダーレイアウト設定
サイトタイトルの位置を「左レイアウト」「中央レイアウト」「1行レイアウト」の3種類から選択できます。
キャッチフレーズの表示位置
キャッチフレーズの位置を「左上」「タイトル下」「キャッチフレーズの表示なし」の3種類から選択できます。
キャッチフレーズのフォントサイズ
キャチフレーズの位置が「タイトル下」の場合のみ適用されます。こちらでキャッチフレーズのフォントサイズを変更できます。
サイトタイトルのフォントサイズ
サイトタイトルのフォントサイズをPC用とスマホ用のどちらでも変更できます。
ヘッダーロゴの表示
サイトタイトルの部分にロゴ画像を表示させます。
ロゴの高さ
ロゴ画像の大きさを調整できる機能です。
背景画像
PCからサイトを見た場合に表示される画像です。
背景画像[モバイル]
スマホやタブレット専用の背景画像を設定する場合に使用します。※画像の指定がない場合は背景画像が適用されます。
ヘッダーエリアの高さ
ヘッダーエリアの画像に合わせて高さをPC用とスマホ用のどちらとも調整することができます。

ヘッダーCTA設定

サイトの右上に電話番号、営業時間やお問い合わせページに誘導するボタンを表示させることができる機能です。

最初は設定しなくても問題ありません。

設定方法については「公式サイト」を参照にしてください。

グローバルナビ

グローバルナビはサイトのヘッダー部分に表示されるメニューです。

グローバルナビを作成していない方は、WordPressのカスタマイズ>メニューにある「メニューを新規作成」から「固定ページ」「投稿」「カスタムリンク」「カテゴリー」からグローバルナビに表示したいページを選択し「項目を追加」をしてください。

グローバルナビ設定
「初期値」→サイト上部のみ表示する
「位置固定」→スクロール途中でもサイト上部に固定表示する
サイトタイトル フォントサイズ:位置固定
ロゴ画像を未設定の場合にサイトのタイトル名が文字として表示されます。
ロゴの高さ
位置固定のグローバルナビに表示されるロゴ画像のサイズを調整できます。
位置固定ナビ[背景色]と位置固定ナビ[テキスト]
位置固定のグローバルナビの背景とテキストの配色を変更できます。

モバイルメニューとは?

モバイルメニューとは、ヘッダー下にあるスマホやタブレットのみ水平にスクロールできるメニュー表示です。

モバイルメニューを表示したい方は、モバイルメニューの表示右スクロールアイコンにチェックしてください。

ハンバーガーメニューとは?

グローバルメニューは、スマホからサイトを見ると右上のアイコンに表示されてクリックすると、スマホ画面全体にメニューが表示される仕組みになっています。

そのメニューの名前やテキストの配色などを設定する項目になります。

ヘッダーインフォメーション

グローバルナビの下にヘッダーインフォメーションを表示したいページにチェックを入れます。

次にタイトルとURL(サイト内の特定ページ)を入力してください。

キーワードリスト設定

おすすめの検索キーワードを最大10個まで表示することができる機能です。

ラベルは「注目キーワード」や「注目のコンテンツ」など気になるワードを入力しましょう。

検索キーワードリスト[PC]パソコンからサイトを閲覧した場合にキーワードリストを表示します。

検索キーワードリスト[MB]タブレット・スマホからサイトを閲覧した場合にキーワードリストを表示します。

右スクロールアイコン[MB]タブレット・スマホからサイトを閲覧した場合に右スクロールアイコンが表示されます。