カスタマイザーとは

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

カスタマイザーの開き方

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

「外観」>「カスタマイズ」をクリック

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

ページ上部の「カスタマイズ」をクリック

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

  • サイト基本設定
  • デザイン設定
  • ヘッダー
  • フッター
  • トップページ
  • 投稿/固定ページ
  • アーカイブページ
  • サイドバー
  • メニュー
  • ウィジェット
  • ホームページ設定
  • 追加CSS

サイト基本設定

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

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

デザイン設定

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

ヘッダー

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

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

フッター

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

トップページ

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

投稿/固定ページ

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

アーカイブページ

アーカイブページの記事一覧表示形式や抜粋の文字数などを設定できます。

サイドバー

トップページ、投稿記事など各ページにおいて、サイドバーの表示・非表示を設定できます。
サイドバーを表示する場合、コンテンツの左右どちらに表示するかを設定可能です。

メニュー

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

ウィジェット

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

ホームページ設定

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

追加CSS

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