THOR」を使用しています。THORは標準で多くの機能を搭載している分、設定項目が多く、使いこなせるようになるまで少し時間がかかります。ある程度、標準の設定がわかるようになると、今度は、標準の設定では少し物足りなかったり不満だったりする部分が見えてくるようになります。THORをインストールしてから行う主な初期設定のカスタマイズや標準では少し物足りなかったり不満だったりする部分を自分でカスタマイズする方法をまとめています。THORに手を加えたら順次追加・更新していく予定です。THORの親テーマ、子テーマをインストールして子テーマを有効化した後に最初に行うべきカスタマイズを解説しています。THORのバージョンアップ情報を受け取ることができません。忘れずに設定するようにしましょう。フッターエリアもデフォルトのままだとFITとWordPressへのリンクが貼られています。各ページ全てからFITとWordPressへ発リンクされますのでSEO対策の面からも非表示にします。以下で、ユーザーIDの設定の仕方やフッター部分の発リンクの削除の仕方、また、SEO設定、サイトマップを表示させる設定などを解説しています。THOR」をインストールした後に最初に行うべき設定(初期設定)について解説しています。THORのトップページのカスタマイズホームページの顔ともいえるトップページ。中央エリアフッターエリアのカスタマイズ設定の仕方を、このサイトを例にとって解説しています。THORは、機能が多いだけに設定項目が多いのが特徴です。画像(サイトアイコン・サイトロゴ・メインビジュアル・アイキャッチ画像など)やカラー(ヘッダーカラー・テーマカラー・ウィジェット見出し・テーブルカラー・ボタンカラー・カテゴリーのイメージカラーなど)という切り口からそれぞれのカスタマイズ設定の仕方を解説しています。トップページとともに画像とカラーを詰めていくことで、ホームページのデザインを確立させ、オリジナリティのあるホームページを作成していくことができます。THOR(ザ・トール)の画像やカラーの設定・変更について解説しています。THORのメニューパネルのカスタマイズメニューパネルとは、ページ右上の3本の横線で構成されたハンバーガーメニューをクリックすると表示されるメニューのことです。メニューパネルの表示は任意ですが、スマホなどでカテゴリーなどを表示させるとユーザーにとって利便性が高くなります。ここには、任意のメニュー表示を設定することができます。以下のページでは、このメニューパネルのカスタマイズ設定の仕方を解説しています。THOR」には標準でメニューパネルが装備されています。THORのSEO対策のカスタマイズ今どきのWordPressテーマ(特に有料のテーマ)は、必要最小限のSEO対策を施しています。THORは、特に独自のSEO対策としてカスタマイズ画面にSEO設定という項目を設け、ページの表示速度に関する様々な設定ができるようにしています。THORが搭載しているSEO対策機能を解説しています。必須のカスタマイズ項目ではありませんが、設定次第でホームページの表示速度を高めたり、SEO対策に役立てることができます。THORは実際にSEOに強いのか。THORにはランキングページ作成機能が標準搭載されています。アフィリエイトなどで比較・ランキングサイトなどを作成する場合に活用できます。以下では、ランキングページを作成する手順を解説しています。商品の比較やおすすめランキングなどのサイトは成果に結び付けやすいとあって多くのアフィリエイターが比較やランキング形式で商品を紹介する手法をとっています。THORに標準で備わっているカスタマイズ設定では対応できないもの文字のサイズを修正するカスタマイズ追従サイドバーに該当ページの目次を表示するカスタマイズカテゴリーやタグページなどのアーカイブページをnoindexにするカスタマイズフレームをPCでは表示させてスマホでは表示させないようにカスタマイズカテゴリーごとにサイドバーのメニューや人気記事を変えて表示させるカスタマイズメインカラムの最大幅を変えるカスタマイズの6点のカスタマイズを行っています。cssやphpに直接手を加えてカスタマイズしていますので必要に応じて参考にして下さい。THORでは、「基本設定」-「基本スタイル設定」のスマホ全体とPC全体のフォントサイズを修正することができます。この標準設定だけでは、カバーしていないバランス的に文字の大きさが気になる箇所が何箇所かあります。TOPページのメインビジュアルに添えるタイトルの文字やカテゴリーやタグのページで表示される記事一覧の文字サイズなどがそうです。メインビジュアルに添えるタイトルの文字とは下図の白枠で囲まれた箇所のことです。カテゴリーやタグのページで表示される記事一覧の文字とは下図の赤枠で囲まれた箇所のことです(特にスマホで見た時には文字が大きく感じます)。文字数にもよりますし、個人の感性にもよりますが、このサイトの文字数の場合はデフォルトのままだとPCでは大きい、スマホでは小さいといった文字のサイズのバランスが悪いように感じましたのでそれぞれで少しサイズを変えました。CHILD(子テーマ)の、style-user.cssにコードを追加することで可能ですのでテーマがバージョンアップしても有効です。文字サイズのカスタマイズは以下で説明していますので必要に応じて参考にして下さい。他のあらゆる文字も、以下の容量でザイズを変えることができます。THOR(ザ・トール)を使用しています。THORを使用していると、特定の箇所の文字のサイズを調整したいと思っている人も少なくないはず。ここ[...]追従サイドバーに目次を設定するカスタマイズ当サイトでは、投稿記事の追従サイドバーに該当ページの目次を表示するようにしています。記事によっては、5,000文字から1万文字といったものもありますし、画像を配置するとより縦長になり、目次を常に目に見える位置に配置すると親切だと思ったからです。このページもPCやモバイル端末で見ると右側に目次が追従して表示されるかと思います。THORでは、標準の機能で追従サイドバーに目次を表示させることはできません。Plus」をインストールし、追従サイドバーエリアへセット。Logic」をインストールし、スマホでは表示されないように条件指定。見栄えをよくするために子テーマのcssにコードを追加しています。CHILD(子テーマ)の、style-user.cssにコードを追加することで可能ですのでテーマがバージョンアップしても有効です。目次を追従サイドバーに表示させるカスタマイズは以下で説明していますので必要に応じて参考にして下さい。THOR(ザ・トール)を使用しています。THORの目次を追従サイドバーエリアに表示する[...]カテゴリーなどのアーカイブページをnoindexにするカスタマイズカテゴリーやタグページなどのアーカイブページは品質が低いページとしてnoindexにした方がSEO対策として有効とする見解があります。THORは全てindexされる仕様となっています。SEO対策としてどちらが有効かという議論は他でやるとして、当サイトでは、スッキリ整理をする意味で、カテゴリ-の2ページ目以降とその他のアーカイブページの全てをnoindexすることに加えてTOPページから2ページ目以降もnoindexにしています。THORでは、カテゴリーページたタグページも投稿記事並みに編集が可能ですので、有効に活用できればSEO対策としてのパフォーマンスも高くなると考えられます。THORでカテゴリーなどのアーカイブページをnoindexにするカスタマイズは以下で説明していますので必要に応じて参考にして下さい。THOR(ザ・トール)を使用しています。THORは、TOPページや記事などにフレームを表示するか否かの設定ができますが、「表示する」と設定をした場合は、PC・スマホどちらの表示でもフレームが表示されます。フレームありの設定をすると、スマホでの表示の場合、スマホ本体のフレームと被ってどうもしっくりきません。フレームがあるとフレームの外側の余白が無駄な余白にも感じてしまいますし、逆にフレームなしではページの余白を無駄なく使え、広々と見せることができます。実際、多くのWordPressテーマでは、PCではフレームが表示されてもPCでは表示されない仕様になっています。そこで、当サイトでは、PCではフレームを表示させて、スマホではフレームを表示させないようにカスタマイズしています。実際、このページもPCで見るとフレームが表示されていますが、スマホで見た時はフレームは表示されないようにしています。THORでフレームをPCでは表示させてスマホでは表示させないカスタマイズは以下で説明していますので必要に応じて参考にして下さい。THOR(ザ・トール)を使用しています。THORでカテゴリーごとにサイドバーのメニュー(人気記事)を変えるカスタマイズ様々なカテゴリーを持つブログやサイトを運用している場合、サイドバーに表示されるメニューや人気記事をカテゴリーごとに変えて表示したい場合があります。記事とは異なるカテゴリーのメニューや人気記事が表示されるのはしっくりきません。そこで、当サイトでは、カテゴリーごとにサイドバーのメニューや人気記事を変えて表示させるカスタマイズを行っています。このページはWordPressのテーマに関する記事を書いていますので、WordPressに関する人気記事を表示させています。Logic」をインストールして条件指定をしてメニューや人気記事を表示させています。記事の属するカテゴリーごとにサイドバーのメニューを変えるカスタマイズは以下で説明していますので必要に応じて参考にして下さい。THORで作成したサイトをPCで表示した場合、メインカラムの最大幅が長すぎると感じる人もいるようです。幅が長い場合は、文字が横に連なり、読みづらく感じる人もいます。このサイズを調整したいという需要が多いのか、標準でこれを好みの幅に修正できるWordPressテーマも少なくありません。THORでは、標準では最大幅が1170pxに固定されており調整ができません。このサイズを変えるには自分でカスタマイズする必要があります。PCでの表示における最大幅カスタマイズは以下で説明していますので必要に応じて参考にして下さい。THOR(ザ・トール)を使用しています。THORのカスタマイズ時のトラブルWordPressのバージョンが5.3になってカスタマイズ画面が表示されない時WordPressのバージョンが5.3になって、カスタマイズ画面が表示されずに遷移できないメディアボタンを押しても画像が表示されないビジュアルエディタとテキストエディタの切り替えボタンが効かないといった事象が発生しています。THORでは、対策を施したバージョンのテーマを配布しています。THORを使ってきた人は、テーマのアップデートを実施し、それでも同じ事象が続けば全てのプラグインを停止してブラウザキャッシュをクリアして下さい。THORのバージョンを最新バージョンにする必要があります。以下でその手順を解説しています。THORをインストール。カスタマイズをしようとしたら、カスタマイズ画面が表示されず遷移できなくなった。THORをカスタマイズした後にエラーになるときの対処方法カスマイズしている時に、WordPressのログイン画面で「予期しない出力によりCookiesがブロックされました」というエラーメッセージが表示されたり、ログイン画面が「画面が真っ白になった時」は、以下の対処方法を参照して下さい。THORをインストールしてから行う主な初期カスタマイズ設定や標準では少し物足りなかったり不満だったりする部分を自分でカスタマイズする方法をまとめてみました。自分で行うカスタマイズにはプラグインを利用しているものもありますので、環境によっては、テーマや他のプラグインと干渉して不具合を起こす可能性もあります。cssやphpを直接扱うカスタマイズについては予期せぬ障害が起きる場合もあります。従って、何か問題が起こった時にすぐに復旧できるように必ず事前にバックアップをとっておくことをおすすめします。カスタマイズは、環境も違いますので自己責任でお願いします。THORという有料のWordPressテーマを使用しています。運営者情報サイトマップ定年後に備えるホームシェアメニューTOPへ。