変更で曖昧だった部分をまとめました。使用していない方はこちらをご覧ください。機能が充実していて良いテーマです。ときにその豊富な機能がカスタマイズや設定の邪魔をします。「あれ、どこで変更したっけ?」「これどこに表示されたっけ?」さすがに1年以上使用していて迷子になることもだいぶ少なくなりましたが、うろ覚えでモヤッとしていた部分があったので調べたついでに自分なりにまとめてみました。使いの皆様に、何かの役に立てば幸いです。※あくまで個人まとめです。※バージョンアップにより変更になる場合があります。レイアウト投稿ページのレイアウトについて見ていきます。基本は以下の図のようになります。設定は2カラム設定です。上下にヘッダー&フッター、中に投稿記事、右(左)にサイドバーという一般的なレイアウトです。1カラム設定の場合は4サイドバー5追従サイドバーの存在が無くなり2投稿記事の横幅が大きくなります。以前は1カラムにて運営していましたが紆余曲折を経て一般的な2カラム設定に変更しました。MEMOカラム数の設定は以下の場所より変更できます。(1カラム/2カラム)外観→カスタマイズ→投稿ページ設定[THE]→レイアウト設定または各投稿ページのカラム設定で記事ごとに個別で設定ができます。詳細ヘッダーエリアはAヘッダーとBヘッダーボトムエリアの2つがあります。ほとんど境目無く表示されるのであまり意識していませんでしたが、2つに分かれています。Aヘッダーの設定Aヘッダーには、ロゴ/タイトルとグローバルメニュー、サブメニュー注目ボタン、サーチアイコン(虫眼鏡)、メニューパネル(ハンバーガーメニュー)があります。サイト基本情報ヘッダーエリア設定でレイアウト、背景色などを変更できます。「からあげ棒、ありったけ」では、標準とは少し違ったレイアウトにカスタマイズしています。ヘッダーサンプルグローバルメニュー/サブメニュー注目ボタン/サーチアイコン(虫眼鏡)/メニューパネル(ハンバーガーメニュー)の設定ヘッダーエリアの全体的なデザインと各項目の設定はこちらになります。ヘッダーエリア設定ロゴ/タイトルなどヘッダー内のレイアウトグローバルメニューの表示/非表示サブメニューのレイアウトとボタン設定サーチアイコンの表示/非表示メニューパネルの表示/非表示、デザインを行うことができます。グローバルメニューに使用するメニューは、外観→カスタマイズ→メニューで設定。MEMOときおり出てくるボタンの設定はテキストとリンク先URLの両方を入力することでプレビューが表示されます。ボタンはプライマリーボタンやノーマルボタンが適用されるので好みに変更しておきましょう。THOR(ザ・トール)共通ボタンの使い方Bヘッダーボトムエリアヘッダーボトムエリアの項目は以下より設定します。ヘッダーボトムエリア設定[検索窓・お知らせ]検索窓はヘッダーエリアにあるサーチアイコンと同様の役割です。好みにあわせて表示しましょう。「お知らせ」とは文字が流れて表示されている部分のこと。リンクをつけることも可能です。当サイトの「お知らせ」は流れをストップし固定表示にカスタマイズしています。ヘッダーまわりの設定が多くあります。本記事はヘッダーボトムエリアの「お知らせ」機能を[...]MEMOトップページの場合は、ヘッダーボトムエリアの下にカルーセルやピックアップ3が表示されます。幅はヘッダーと同じ幅になります。投稿記事エリアには多くのコンテンツが存在します。注目なのはウィジェットの表示位置です。この部分が曖昧だったのでレイアウトをまとめることにしました。ウィジェットAは投稿記事を挟むように上下に配置されています。A投稿記事上部エリアは「投稿記事」と「ヘッダーエリア」の間に。A投稿記事下部エリアは「記事下CTA」の上(記事下CTAを使用していなければ次の項目の上)に表示されます。ウィジェットは便利ですが、A投稿記事下部エリアに多用すると下にあるコンテンツまでたどりつかず読者が離脱してしまう等の恐れがあります。「記事下CTA」や「関連記事」などとA投稿記事下部エリアの内容、どちらが優先なのか判断が必要です。※当サイトでは記事下CTAを重要視して投稿記事下部エリアにはウィジェットを設置していません。(プレビューなし)※ウィジェットを使い慣れたらプレビューなしが動作が軽く全体がわかるので便利です。ウィジェットなどで広告が上手くレイアウトされない場合はこちらをご確認ください。編BダブルレクタングルダブルレクタングルはPC表示のときに広告を2個横並びに表示することができます。スマホ表示のときは左側のみ表示。右側に設定した広告は非表示となります。※ダブルレクタングルは記事ごとに表示/非表示の設定も可能です。広告タグ以外にもコードが使用可能なのでアイデア次第で様々な活用ができます。設定その他の記事下コンテンツの設定はこちらです。記事ごとに表示/非表示の設定も可能です。投稿ページ設定[THE]こちらの設定で、記事内のタイトル部分の設定やSNSボタン、フォローボタンなどの設定も行うことができます。サンプル画像は公式デモサイトから僕は記事下CTAを重視。他は非表示もしくは別で表示、縮小化などを行っています。「関連記事」はAdSenseの関連コンテンツが開放されていないユーザーには便利な機能ですね。MEMO「所属カテゴリ最新記事」のみ扱いが特殊になっています。表示場所がフッターの上、横幅はフッターと同じ幅になります。Fsnsフォローシェアボタンは記事の上下に。フォローボタンは記事下に表示。シェアボタンの位置はどこが効果的なのか?いろいろなパターンがあると思います。「からあげ棒、ありったけ」では位置を固定して常時表示にカスタマイズしています。一覧シェアとフォローが勘違いしやすいですよね。設定この記事を書くにあたり一番困難だったのがコメント欄の設定です。設定をどこでするのかなかなか見つかりませんでした。根本的なコメントのon/offはどこで設定するのか?コメントのon/offはワードプレスの基本設定でした。※コメントの表示/非表示は各記事ごとに設定ができます。詳細フッターエリアは、フッタートップエリアとフッターエリアに分かれています。フッターエリアのウィジェットは便利かつ見栄えも良いのでオススメです。公式フォーラムで良く質問に出るページ下部のコピーライトを変更するのはこちらです。snsのロゴが表示されるsnsフォローの背景色の変更も可能。Cフッターエリア[左・中央・右]ウィジェットの設定フッターエリアにコンテンツを設置する場合はウィジェットを使用します。フッターエリアのウィジェットは左・中央・右の3つが横並びに表示されます。スマホ表示時は左・中央・右が縦並びになります。フッターエリアのコンテンツなので基本的にフッターエリアの背景色が適用されます。コーポレートサイト風にするには必須のウィジェットです。ウィジェット(プレビューなし)※ウィジェットを使い慣れたらプレビューなしが動作が軽く全体がわかるので便利です。フッターサンプル多少カスタマイズしています。Bフッタートップエリアの設定フッタートップエリアはCTAの表示を想定して用意されていますが、タグの利用が可能なので意外と自由に使用することができます。「からあげ棒、ありったけ」ではページの飾り兼CTAボタンとして利用しています。詳細サイドカラムエリアは初期状態ではコンテンツが何もありません。コンテンツはウィジェットを重ねて作り上げます。PC表示での追従サイドバーはスクロール後、固定され常時表示になります。効果的にコンテンツを設定したいアタマを悩ますエリアです。ウィジェット(プレビューなし)※ウィジェットを使い慣れたらプレビューなしが動作が軽く全体がわかるので便利です。あとがき「からあげ棒、ありったけ」史上最長の記事になりました。(文字数じゃなくて縦に長い)ウィジェットの配置場所について整理したいという安易な気持ちで書き始めたら大変な目に遭いましたwそれでも誰かの役に立てば嬉しいです。カスタマイズが浸透して様々なデザインのブログが見られるようになったら楽しいな〜なんて思っています。コメントをキャンセルメールアドレスが公開されることはありません。25新着お知らせメールメールアドレスを登録すると新着記事のお知らせを受けることができます。毎回サイトを訪れる手間が省けます。karaagebow.com。