カスタマイザー設定

2022年9月7日2023年11月17日

目次 [ close ]

カスタマイザーとは

「カスタマイザー」により、HTMLやCSSといった専門的な知識がなくても、お好みのデザインにブログをカスタマイズできます。

WordPress管理画面のメニューより「外観」>「カスタマイズ」をクリックすると、カスタマイザーを開くことができます。

ページ上部に表示されるメニューから「カスタマイズ」をクリックしても、カスタマイザーを開くことができます。

以下の項目をカスタマイズできます。

サイトの基本設定を行うことができます。
各設定項目については、下記にてご確認ください。

サイト基本情報	サイト名やキャッチフレーズ、ディスクリプション、サイトのロゴ画像等、基本的な情報を設定できます。
基本カラー	サイト内で使用する基本的なカラーを設定できます。「基本色(メインカラー)」「アクセント色」「テキスト色」「リンク色」「背景色」の編集が可能です。詳しくは「基本カラー設定」をご確認ください。
背景画像	サイトの背景画像を設定できます。
OGP / NoImage画像	OGP画像、NoImage画像を設定できます。詳しくは「OGP画像の設定」「Noimage画像の設定」をご確認ください。
アクセス解析コード	Google Analyticsなど、サイトのアクセス解析に必要なコードを入力します。詳しくは「アクセス解析」をご確認ください。
構造化データ（json-ld）	リッチリザルトの表示に必要な、構造化データの出力を設定します。詳しくは「構造化データの出力設定」をご確認ください。
高速化	サイトの高速化設定を行うことができます。詳しくは「高速化設定」をご確認ください。
パンくずリスト	パンくずリストの表示・非表示を設定できます。

コンテンツのデザイン設定を行うことができます。
記事の見出しデザインを選択することが可能です。

メイン画像やスライダー等、ヘッダー領域のデザイン設定を行うことができます。
お知らせを表示する「通知エリア」や<head>内にコードを挿入することも可能です。

ヘッダーカラー	ヘッダー部分のテキスト色や背景色を設定できます。
サイト名／ロゴの配置	サイト名やロゴの配置を設定できます。
追従型ナビゲーション	スクロールに合わせて追従するナビゲーションバーの表示に関する設定ができます。詳しくは「追従型ナビゲーションの設定」をご確認ください。
通知エリア	サイト全体でお知らせを表示できる通知機能を設定できます。通知はテキストで設定でき、リンクを挿入可能です。詳しくは「通知エリアの設定」をご確認ください。
headセクション	<head>タグ内と<body>タグの前後に挿入するコードを設定できます。

フッター領域の背景色やテキストカラー、開設年、コピーライトを設定できます。

記事一覧形式	記事一覧表示の形式や抜粋の文字数などを設定できます。詳しくは「記事一覧形式の設定」をご確認ください。
メインビジュアル	トップページのメインビジュアルを設定できます。
記事一覧タイトル	記事一覧上部のタイトルについて、表示・非表示やテキストを変更できます。詳しくは「記事一覧タイトルの設定」をご確認ください。

タイトルエリア	投稿日やカテゴリーなどタイトルエリアで表示するラベルを設定できます。詳しくは「記事タイトルエリアの設定」をご確認ください。
SNSシェアボタン	記事内で表示するSNSシェアボタンの位置やアイコンのデザインを設定できます。詳しくは「SNSシェアボタンの設定」をご確認ください。
アイキャッチ画像	記事内で表示するアイキャッチ画像について、表示・非表示の切り替えが可能です。アイキャッチ画像は各記事の編集画面でも設定でき、カスタマイザの設定よりも各記事で設定した内容が優先されます。詳しくは「アイキャッチ画像の出力設定」をご確認ください。
目次	記事内で表示する目次のタイトルや表示位置などを設定できます。詳しくは「目次の設定」をご確認ください。
記事下エリア	記事本文の後に表示される著者情報や、関連記事に関する設定が可能です。詳しくは「記事下エリアの設定」をご確認ください。

アーカイブページの記事一覧表示形式や抜粋の文字数などを設定できます。
詳しくは「記事一覧形式の設定」をご確認ください。

トップページ、投稿記事など各ページにおいて、サイドバーの表示・非表示を設定できます。
サイドバーを表示する場合、コンテンツの左右どちらに表示するかを設定可能です。
詳しくは「サイドバーの表示設定」のマニュアルをご確認ください。

ヘッダーやフッターに指定したメニューを表示できます。

ウィジェットにより、メニューや広告などを設置できます。
「トップページ上部」や「フッターエリア」など設置したいエリアを選択し、ウィジェットの追加や設定を行うことができます。
詳しくは「ウィジェット設定」のマニュアルをご確認ください。

サイトのホームページ(トップページ)の表示を設定できます。
「最新の記事」と「固定ページ」の選択ができます。

デフォルトのデザインにCSS(スタイルシート)を追記できます。
CSSを上書きしたい場合は、こちらに追記してください。