【ha-Basic】テーマカスタマイザーを使用した初期設定の手順

公開日：2020年9月3日／最終更新日：2021年5月10日マニュアル

シンプルデザインの無料テーマ【ha-Basic】では、初心者の方や初めて本テーマを使用する方が戸惑うことがないよう、ほとんどの機能制御、設定をテーマカスタマイザーという機能を使って行えるようにしています。

テーマの設定（テーマカスタマイザーの呼び出し）は以下の手順で行います。

管理画面から外観→カスタマイズを選択します。

開かれた画面にha-Basic設定という項目があるのでクリックします

するとさらに細かいメニューが表示されますので、それぞれの項目について設定を行っていきます。

一部の設定を除き、変更したものは即座に右側の画面に反映されますので、確認して問題なければ画面上の公開をクリックして確定していきます。

それでは早速いろいろな項目の設定を行っていきましょう

※設定項目がたくさんあり、ここですべての解説を行うと設定疲れしてしまう可能性がありますので、本ページではメニュー内容と大まかな設定方法を紹介します。機能の詳細情報、機能の使用方法については各項目にあるリンクをクリックしてそれぞれの機能の詳細ページをご覧ください。

「表示設定」項目の設定内容

メニュー項目	機能や設定内容の概要
カテゴリー別人気記事ウィジェットのID	「カテゴリー人気ウィジェット」を個別投稿以外で表示させないようにするため、ウィジェットのIDを入力します
サイトのキャッチフレーズを表示	管理画面の「設定」で入力した、キャッチフレーズの内容をサイトタイトル下に表示する場合は有効にします
サイトスキン	いくつかのカラーパターンの中からサイトの基調色を選択します ※変更は即座に右側のプレビューへ反映されません
見出しタグをカラースキンに合わせる	H2およびH3見出しをテーマカラーに合わせるか、都度編集画面でデザイン設定するかの選択設定です
Topへ戻る、Homeへ戻るボタンを表示	画面右下に表示されるボタンの表示／非表示を決定します
投稿本文下にQRコードを表示する	投稿本文の末尾へ現在閲覧中のページURLを含めたQRコードを表示します
本文下に作者情報を表示する	投稿本文の末尾へ作者情報を表示します
作者プロフィールでHTMLタグを許可する	作者プロフィールに使われる「ユーザー」の「プロフィール情報」でhtmlタグを使えるようにします
作者情報の画像にGravatarを使う	作者画像にGravatar（グラバター）を使用するかどうかの設定です
作者画像に共通の画像を使う	すべての作者に共通のユーザー画像を表示させます（単独作者によるサイト向けの設定です）。
トップページに画像スライダーを表示する	トップページメニュー下に徐々に拡大しながら入れ替わる画像スライダーを表示します。最大3つまで画像を設定可能です。画像はその場でアップロード、変更が可能です。
投稿本文下へ関連投稿を表示する	本文下へ関連記事（同一カテゴリー・ランダム抽出）を表示させます。下の項目で表示する件数の設定をします。
投稿本文下へSNSシェアボタンを表示する	投稿本文下へシェアボタンを表示する場合はチェックを入れます
固定ページ本文下へSNSシェアボタンを表示する	固定ページ本文下へシェアボタンを表示する場合はチェックします
画面左へ追従型のSNSシェアボタンを表示する	画面左側へ追従型（常時表示型）のシェアボタンを表示する場合はチェックします
サイト内のリストを「更新日順」で出力	通常「公開日順」で表示されるアーカイブやブログの一覧を「更新日順」に表示します
RSSフィードの出力を更新日順にする	通常「公開日順」で出力されるRSSフィード情報を「更新日順」で出力するようにします。出力内容と出力件数は管理画面の「設定」→「表示設定」に従います。
内部リンクカードを小サイズに強制	WordPress標準のリンクカード機能において、リンク先ページのアイキャッチ画像のアスペクト比によって、大きなカードが表示されないようにします。

「アクセス解析＆高速化」項目の設定内容

メニュー項目	機能や設定内容の概要
Google Analyticsを使う	すぐ下の「トラッキング ID」を使ってGoogle Analyticsのトラッキングタグをヘッダー内に生成する場合はチェックします
表示高速化設定を使う	WordPressの仕組みに従って挿入されるスクリプトの読み込みを遅延させ、CSSの読み込みを最適化することで高速表示させます ※プラグイン使用時に不具合が起きた場合にはチェックを外してください
HTMLの圧縮を行う	出力されるHTMLを可能な限り空白・コメントのない状態で出力します。転送ファイルサイズが小さくなるため、高速化が期待できます。
ブログ村パーツ読み込みの高速化	日本ブログ村パーツの表示遅延が原因で表示速度が低下するのを防ぎます ※この機能を使う場合はパーツのコードに含まれる「<script src=”https://blogparts.blogmura.com/js/parts_view.js” async></script>」というコードを削除してください。
Twitter埋め込みの高速化	Twitterの埋め込みコンテンツの呼び出し遅延が原因で表示速度が低下するのを防ぎます ※埋め込みコード後半の「<script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script>」は挿入した埋め込みコードから削除してください
インスタグラム埋め込みの高速化	Instagramの埋め込みコンテンツの呼び出し遅延が原因で表示速度が低下するのを防ぎます ※埋め込みコード後半の「<script async src=”//www.instagram.com/embed.js”></script>」は挿入した埋め込みコードから削除してください

「追加コンテンツ・コード」項目の設定内容

何かのカスタマイズ用スクリプトやHTMLをヘッダー（<head>～</head>の間）、フッター（<footer>～</footer>）、および本文下へ追加する場合に使用します

※PHPプログラムは動作しません

「広告設定」項目の設定内容

メニュー項目	機能や設定内容の概要
Google Adsenseを使う	チェックを入れることで、アドセンスの外部スクリプトタグを遅延読み込みさせ、表示速度の低下を防ぎます（Google PageSpeed Insightのスコアも大幅にアップします） ※この機能を有効にするには、すべてのアドセンス広告タグから「<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>」を削除してください
Google Adsense自動広告を使う	自動広告を有効にする場合にチェックします。上の「Google Adsenseを使う」にチェックを入れ、下の「アドセンス広告のID」へIDを入力すると機能します。
アドセンスインフィード広告の広告ID	Adsenseインフィード広告のコードの中にある「data-ad-slot」という行の数字をコピペすると、下の「アドセンスインフィード広告の表示間隔」で設定した記事ごとにインフィード広告を表示させます ※要「Google Adsenseを使う」のチェック、「アドセンス広告のID」の入力
商品カード用設定	商品カード表示用ショートコードを使用する際に「Amazon PA-API アクセスキーID」～「Yahoo!バリューコマースPID」までのIDを入力します ※Amazonアソシエイトの情報は必須です。楽天・バリューコマースについては任意です（ショートコード生成時にボタンの表示／非表示の切り替えができます）
H2タグ前に入れるコンテンツ	本文内にあるN番目（１～３）のH2タグ前に設定した定型文や広告が自動挿入されます ※PHPプログラムは動作しません
記事下ダブルレクタングルコンテンツを使う	記事下に２列表示の広告を表示します。表示する内容はその下の入力窓へ挿入します ※本文の幅に対して２つ表示させますので、広告幅は最大336pxにしてくださいまた、モバイル用に１列で表示する広告コードも設定します

「ログイン画面・管理画面」項目の設定内容

メニュー項目	機能や設定内容の概要
管理画面側をカラーパターンに合わせる	「表示設定」のサイトスキン項目で選択したカラーパターンを、管理画面・ログイン画面にも適用します。会員制サイトなどでバックエンド作業をさせる場合など統一感を持たすことができます。
ログイン画面のロゴ画像を変更	ログイン画面のロゴ画像を独自の画像に変更します。また、クリック時のリンク先をWordPress公式サイトから、自サイトのトップページへ変更します。
管理バーロゴを変更する	管理バー左隅のWordPressマークをオリジナルのものへ変更します
管理画面下部のテキストを非表示にする	管理各画面下に表示されるWordPressのバージョン情報などを非表示にします。
再利用ブロックメニューの表示	管理画面の左メニューへ、【再利用ブロック】一覧へのリンクメニューを表示します。
メディア一覧へメディアサイズを表示	メディア一覧へ、ファイルの容量を表示する列を追加します

「エディタ設定」項目の設定内容

メニュー項目	機能や設定内容の概要
タグを一覧表示する	投稿編集画面のタブ項目を入力窓のみの状態から、一覧表示へ変更し、選択しやすくします。
独自のブロックパターンを使う	WordPress5.5から機能が追加されたブロックパターン機能を使いやすくします
prism.jsの使用	prism.jsを使用してコードのハイライト表示をする場合にチェックします。（コードをで囲む必要があります）

「その他の設定」項目の設定内容

メニュー項目	機能や設定内容の概要
ログインをメールアドレスに限定する	ユーザー名でのログインを無効にします。作者アーカイブのURLからユーザー名を判別されることによる不正ログインのリスクを軽減します。 ※サイトのメールアドレスと管理ユーザーのメールアドレスを別にする必要があります
REST APIを無効にする	必要最小限の利用を除き、REST APIでの接続を無効にします
画像処理をGDへ変更する	標準のImagic画像処理から処理が比較的軽いGD画像処理へ変更します。画像のアップロード時頻繁にエラーが出る際は、GDにすることで回避できる可能性がアップします。
テーマ作者ページへのリンクを表示する	チェックを外すとフッターに表示されるクレジット表示を消すことができます。
ha-Basic標準のファビコンを無効にする	ha-Basicテーマ標準の猫マークファビコンを無効にします ※独自のファビコン設定は、テーマカスタマイザーの「サイト基本情報」で行います
絵文字機能を無効にする	WordPress標準の絵文字機能。チェックを入れると機能を停止します（ほとんど使われることがないと思いますのでデフォルトでチェックを入れています）
本文に挿入する画像のURLを相対URLにする	ビジュアルエディタ、ブロックエディタ（クラシックブロック・画像ブロック）の画像URLを挿入時に相対URLへ変更します ※機能を有効にしている間に挿入する画像にのみ適用されます
標準のサイトマップ機能を無効にする	WordPress5.5から追加された検索エンジン向けサイトマップ生成機能を無効にします。別のサイトマッププラグイン等と併用するとき有効にします
標準のLazy Load機能を無効にする	WordPress5.5から追加された画像の遅延処理（Lazy Load）機能を無効にします別のLazy Load機能を持つプラグインと併用する際有効にします
リファラにフルURLを送信する	Chrome85から渡されなくなった個別ページの完全なURLを通知するようにします
画像ファイルURLをNoindexにする	画像アップロード時に自動生成される画像ページURLをNoindexにし、検索エンジンに認識されないようにします。

「SEOプラグイン併用時の調整」項目の設定内容

メニュー項目	機能や設定内容の概要
Canonicalタグをテーマ側で出力しない	SEO対策プラグイン等を使ってCanonicalタグが出力されるようになっている場合、重複出力しないようにします
titleタグをテーマ側で出力しない	SEO対策プラグイン等を使ってtitleタグが出力されるようになっている場合、重複出力しないようにします
descriptionタグをテーマ側で出力しない	SEO対策プラグイン等を使ってdescriptionタグが出力されるようになっている場合、重複出力しないようにします
keywordタグをテーマ側で出力しない	SEO対策プラグイン等を使ってkeywordタグが出力されるようになっている場合、重複出力しないようにします
構造化データをテーマ側で出力しない	プラグイン等を使って構造化データが出力されるようになっている場合、重複出力しないようにします
OGPタグをテーマ側で出力しない	プラグイン等を使ってOGPタグが出力されるようになっている場合、重複出力しないようにします