THOR(ザ・トール)」ですが、1つ難を言えばマニュアルが不親切でサイト作成の初心者には分かりづらい所でしょう。慣れてしまえば問題ないのですが、慣れるまでサイト作成に時間を取られて記事が投稿できないというのは本末転倒です。今回は、公式マニュアルでは分かりづらいカスタマイザーを、できるだけ分かりやすく説明していきましょう。この記事ではカスタマイザー全体を簡単に説明し、私なりに分かりづらいと感じた箇所は個別記事で詳しく説明してリンクさせています。THOR(ザ・トール)】のWordPressへのインストールと初期設定を説明します。今回は運営途中のWordPressでのテーマの変更方法ではなく、新規にブログ運営を始める場合の説明になります。THOR(ザ・トール)の全体的な基本設定を行います。サイトロゴの設定ブログサイトのロゴ画像を設定します。ロゴはサイト上部左側に表示され、スマホ表示とPC表示それぞれ高さ(ロゴの大きさ)を設定できます。ロゴ画像がない場合は、サイト基本情報(WordPressの「設定⇒一般」)の「サイトのタイトル」に入力したタイトルが表示されます。THOR(ザ・トール)にサイトロゴを設定する方法サイトロゴを設定したからといって、特別に良いことがある訳ではないのですが、あった方がカッコいいので余裕があったら設定してみましょう。投稿ページや固定ページのアイキャッチ画像の設定を行います。IMAGE画像」も独自の画像に設定でき、画像サイズやホバーエフェクト時のエフェクトの動きを選択できます。THOR(ザ・トール)のアイキャッチ画像の設定方法を解説するよ!ゆずアイキャッチ画像ってメディアの追加とは違うの?ネコ先生全然違いますよ!アイキャッチ画像は別個に設定しないといけないんです。検索対象を「投稿ページ」だけにしたり、複数タグ検索時の検索方法を「OR検索」や「AND検索」から設定します。THOR(ザ・トール)の目玉機能の1つ「検索機能」の設定方法から使い方までを説明しますね。THOR(ザ・トール)なのですが、各種さまざまな機能もかなり優れているテーマです。[...]アクセスランキングの設定アクセスランキングの閲覧数単位を任意の文字に設定します。タグ管理設定ここでは「タグ管理」の設定を行います。THOR(ザ・トール)では、アフィリエイトなどで紹介する商品・サービスを1つずつタグとして管理できます。画像の「詳細ページ」や「公式サイト」ボタンの色を変更したり、独自項目の見出し文字を変更することができます。固定ページ・投稿ページのサイトマップ「表示・非表示」を選択できます。ここでは、出力するカテゴリの階層を選択したり、除外したい投稿・カテゴリを設定することができます。タイトルセパレーター設定サイトタイトルのセパレーターを設定します。セパレーターとは、検索エンジンでサイトを検索すると表示される投稿記事のタイトルとサイト名などの間に表示される記号のことです。デフォルトでは「|」になっていますので、特にこだわりが無い場合はこのままで良いでしょう。投稿ページや固定ページにパスワード保護をかけている場合に表示される文を設定します。メルマガ登録後に発行されるパスワードをご入力ください。」となっているので、任意のテキストに変更しましょう。THOR(ザ・トール)のデフォルト機能の1つ、「お問い合わせページ」についての設定です。デフォルトでは「お名前」「メールアドレス」「お問い合わせ内容」が必須項目となっており、ここでの設定は自由項目1つとサンクス画面のメッセージや自動返信メールの冒頭文を任意に設定できます。Consoleの認証ID」が入力できます。記事を書く時の表示状態をWEBサイト公開時の表示状態と同じにするかどうかを設定します。デフォルトでは「実際の表示と同じスタイルにする」となっているので、特に変更する必要はないでしょう。投稿画面のテキストエディタの入力補助ボタンを利用するかを設定します。デフォルトでは「利用しない」となっています。利用する(一部)利用する(全項目)セキュリティ関連設定WordPressのログイン方法を設定します。「ユーザー名またはメールアドレスとパスワード(デフォルト)」と「メールアドレスとパスワード」のどちらかを選択しましょう。「テーマカラー」「投稿内テキストリンク色」「全体の背景色」「全体の背景画像を登録」「全体のフォントサイズ(大・中・小)」を設定します。THOR(ザ・トール)の便利な機能の1つ「記事分析」の設定を行います。「内リンク数(内部リンク)」と「発リンク数(外部リンク)」は、システム処理の負担が大きいため、必要のない時はチェックを外しておきましょう。高度な設定header.phpやfooter.phpに追記することができます。Googleアドセンスの自動広告などのタグは、こちらに張り付けておきましょう。ユーザーID設定テーマ購入後に送付される「ユーザーID」を入力します。THOR(ザ・トール)】では、テーマのバージョンアップをするための「更新用ユーザーID」と、会員フォーラムで質問等するための「会員フォーラムのアカウント」を発行してもらわなければいけません。その際の発行[...]共通エリア設定[THE]WEBサイトの共通エリアに関してのカスタマイズを行います。ヘッダーエリア設定ヘッダーエリア部分の各種設定(ヘッダー設定・グローバルメニュー設定・サブメニュー設定・サーチパネル設定・メニューパネル設定)を行います。ヘッダーボトムエリア設定ヘッダーエリアの下、ヘッダーボトムエリアの設定を行います。ここでの設定では検索窓の表示・非表示や、左方向へ流れるように表示される「お知らせ」の表示が設定できます。メインカラムエリア設定メインカラムエリアとは、投稿した記事を表示させるエリアのことです。サイトの背景に画像を表示させていると、肝心の記事の背景にも画像が適用されてしまいます。薄い配色の背景画像なら気にならないかもしれませんが、暗めな配色の風景画像などでは記事が読みにくくなります。記事エリア部分を囲うフレームを設定することで記事を読みやすくすることができます。ウィジェット設定とは、「外観」⇒「ウィジェット」で「投稿ページ上部エリア」や「投稿ページ下部エリア」でコンテンツを表示させていた場合にメインカラムと同様にフレームを設定することができます。サイドカラムエリア設定サイドカラムエリアとは、デフォルトではメインカラムエリア右横のカテゴリーや最新記事などを表示させているサイドバーのことです。こちらもメインカラムエリアと同様にフレームを設定することができます。フッタートップエリア設定[CTA]フッターの上部エリアの設定を行います。Action」の略で、WEBサイト訪問者さんに何らかの行動(購買行動やメルマガなどの登録)を促すことを言います。フッターエリア設定フッターのSNSフォローエリアの設定や、ウィジェットのフッターエリアの設定を行います。コピーライトの表示設定もここで行います。固定フッターエリア設定[スマホ専用]スマホ用の固定フッターの設定を行います。TOPページ設定[THE]トップページに関わる設定を行います。メインビジュアル設定メインビジュアルの表示・非表示などの設定を行います。メインビジュアルは3種類から選ぶことができます。静止画(default)YouTube背景動画スライドショー(画像5枚)画像・動画内でテキスト表示やリンクボタンの設置が可能です。メインビジュアル下お知らせ設定メインビジュアルを表示設定にしてある場合、その下に「お知らせ」やリンクボタンを設定することができます。カルーセルスライダー設定カルーセルスライダーの各種設定を行います。ピックアップ3記事設定ピックアップしたい記事を任意に3つ選んで設定することができます。記事ランキング設定PV順でランキングしたり、任意の記事を表示させたりする記事ランキングに関する設定を行います。カテゴリ最新記事設定カテゴリごとの最新記事表示に関する設定を行います。アーカイブページ設定[THE]アーカイブとは、書いた記事を保管する場所の事をいいます。記事にはいくつか属性を付けて保存することができます。カテゴリ分けをしていれば、そのカテゴリが属性となり、タグを設定していればそのタグが属性になります。カテゴリアーカイブやタグアーカイブは、それぞれの属性ごとに表示した記事一覧ページになります。THOR(ザ・トール)のアーカイブページの設定を解説します。このアーカイブページですが、ある程度記事数がないと設定する意味があまりないので、特別必須の設定ではないので急いで設定しなくても良いです。[...]レイアウト設定サイドバーの有無や左右などの位置、メインカラムの横幅の設定を行います。コントローター設定アーカイブの記事一覧の表示方法を変更するボタンの設定を行います。記事一覧リスト設定アーカイブページの一覧表示の装飾に関する設定を行います。カテゴリアーカイブ設定カテゴリ内の記事一覧ページに関する設定を行います。カテゴリ名の見出しや自由エリアのフレームの種類を選んだりします。タグアーカイブ設定タグアーカイブページ内の記事一覧ページに関する設定を行います。こちらもタグ名の見出しや自由エリアのフレームを選択します。投稿ページ設定[THE]ここでは投稿ページに関する設定を行います。投稿ページのカラム数、サイドバーの位置やメインカラムの横幅などの全体のレイアウトを設定します。投稿記事の表示スタイルの設定を行います。投稿ページの目次に関する設定を行います。目次は自動的に最初の見出しの前に表示されますが、ショートコードを使って好きな位置に移動させることができます。各種シェアボタンの表示・非表示を設定します。投稿ページ下部のフォローボタンの設定を行います。投稿ページ下部に表示させるCTAに関する設定を行います。Next記事とは、投稿記事の最後に表示させることができる「前の記事」「次の記事」のことです。デフォルトでは「Prev」「Next」となっていますが、お好きなテキストに変更することができます。投稿ページに表示させることができるプロフィールに関する設定を行います。プロフィールはWordPressのダッシュボード「ユーザー」⇒「あなたのプロフィール」で設定したものを使用します。THOR(ザ・トール)のプロフィールの設定・設置方法を解説します。THOR(ザ・トール)でのプロフィールとは「著作者情報」という言葉になっていますが、要はプロフィールのことなので気にしないでくださいね。ページに表示させることができる関連記事に関する設定を行います。投稿ページに表示させることができる投稿された記事が所属しているカテゴリの最新記事に関しての設定を行います。固定ページ設定[THE]固定ページとはカテゴリの属性が付かない独立した記事のことです。設定方法は前述の「投稿ページ設定」とほぼ同じ(設定項目の数が違うだけ)なので割愛しますね。お知らせ」に表示させる記事のことを言います。お知らせ」に関する設定を行います。THOR(ザ・トール)」のカスタマイザーに「カスタム投稿タイプ設定」という項目があるのは知っていましたが、特に必要無いかな~っと思ってしばらく放置してました。ゆず使い方よく[...]基本設定カスタム投稿を利用するかどうかなどの設定を行います。「お知らせ」の表示スタイルに関する設定を行います。TOPページ一覧表示設定トップページでの「お知らせ」表示スタイルに関する設定を行います。広告設定[THE]記事内に表示させる広告に関する設定を行います。アーカイブ用広告設定アーカイブページ一覧内で表示させるインフィード広告をデバイスごとに設定することができます。インフィード広告とは、コンテンツとコンテンツの間に表示される広告のことです。個別ページ内で表示させることができるアドセンスなどの広告を設定します。THOR(ザ・トール)のSEOに関する設定を行います。WEBサイトの表示速度向上はSEO的にも効果的なのですが、やり過ぎるとかえって表示の崩れなどの原因となりますから注意してください。CSS非同期読み込み設定WEBサイトの表示速度低下の元になりかねない、必要のないCSSの読み込みを遅れて読み込ませる機能です。すべて設定するとサイトの表示速度が向上する代わりに、一部の表示が崩れてしまう可能性があります。画像(imgファイル)の遅延ロードを設定します。htaccess設定ブラウザのキャッシュやGzip圧縮の有効・無効を設定します。Gzipとはファイルの圧縮機能のことです。SNS設定[THE]サイト内で連携させるSNSに関する設定を行います。OGP設定OGPとは、FacebookやTwitterなどのSNSでWEBサイトをシェアした際に、SNS側にWEBサイトの情報を正確に伝えるための画像などの要素の事です。Follow設定サイト内に表示させることができる各SNSのFollowボタンなどに関する設定を行います。AMP設定[THE]AMPに関する設定を行います。AMPとは、GoogleとTwitterで共同開発された、モバイル端末でWEBサイトを高速表示させることができる機能のことです。AMP機能設定AMPページの表示の有無などの機能自体に関する設定を行います。AMPロゴの設定AMP表示させた時のロゴ画像を設定します。AMPページ用広告設定AMPページ内に表示させることができる、アドセンスなどの広告を設定します。PWA設定[THE]PWA機能に関する設定を行います。PWAとは、モバイルユーザーのために利便性の向上を目的とした機能のことです。この機能を使えば表示速度向上はもちろん、スマホのアプリの様なアイコンをスマホのホーム画面に表示させることなんかもできます。THOR(ザ・トール)でよく言われる変更した設定が反映されないなどのトラブルの原因になっている場合があります。PWAを使う時は、ある程度設定等が固まってから有効化した方が良いでしょう。PWA機能設定PWA機能の有効・無効の設定やホーム画面に表示されるアイコン下のテキストを設定します。アイコンの設定スマホのホーム画面に表示されるアイコンを設定します。アイコンのサイズは72px~512pxで、ファイル形式はpngの画像を用意しましょう。パーツスタイル設定[THE]投稿編集画面で利用できる各種パーツの設定を行います。THOR(ザ・トール)のパーツスタイルの使い方と一覧を説明していきます。THOR(ザ・トール)は様々な機能が豊富で、どこで何をやるのか私でも混乱することもしばしば。頻繁に使うマーカーを1つ設定できます。使用方法は、投稿編集画面の「スタイル」⇒「マーカー」⇒「よく使うマーカー(***)」ラベル設定エディタのスタイルから利用する「ラベル」の設定を行います。全部で10個のラベルが設定できます。ボタン設定エディタのスタイルから利用する「ボタン」の設定を行います。全部で10個のボタンが設定できます。ボックス設定エディタのスタイルから利用する「ボックス」の設定を行います。全部で10個のボックスが設定できます。ボックス内ボックス設定エディタのスタイルから利用する「ボックス内ボックス」の設定を行います。全部で10個のボックス内ボックスが設定できます。その他エディタ用パーツ設定アイコン系・はてなボックスのはてなマークの背景・びっくりボックスのびっくりマークの背景などのカラーを設定します。共通ボタン設定(全ページ用)全ページ共通のボタンの文字色と背景色の設定を行います。見出し設定(個別ページ用)個別ページ用のh2~h5見出しの設定を行います。THOR(ザ・トール)】デフォルトの見出しを変更する方法を解説するよ!ゆずネコ先生!見出しのデザインってどこで変更するの?ネコ先生見出しのデザインの変更はとっても簡単ですよ。見出しの変更方法H2からH5までの見出しデザインの変更は、ダッシュボードの「外観」⇒「カスタマイズ」から変[...]リスト設定(個別ページ用)個別ページ用のリストデザインに関する設定を行います。吹き出し設定(個別ページ用)個別ページ用の吹き出しの画像や色を設定します。THOR(ザ・トール)にはデフォルトで会話風の吹き出し機能が備わっています。2019年3月現在では吹き出し画像と画像の名前を設定で変更することができません。バージョン1.4.0より画像の変更が可能になりまし[...]引用設定(個別ページ用)個別ページ用の引用のデザインや色を設定します。テーブル設定(個別ページ用)個別ページ用のテーブルデザインや色を設定します。シェアボタン設定(個別ページ用)個別ページ用のシェアボタンデザインを設定します。サイト基本情報サイトタイトルやキャッチフレーズ、サイトアイコンを設定します。WordPressの一般設定で入力していれば、それがそのまま反映されます。サイトアイコンの推奨サイズは512×512ピクセル以上の正方形となっていますが、表示される際に正方形の角が丸くカットされるので、余裕をもった画像にしましょう。THORではサイトアイコンと言いますが、ちゃんと設定してますか?ゆずあっ!忘れてた!ネコ先生意外に忘れがちになるファビコンですが、W[...]メニューグローバルメニューなどの設定を行います。メニューメニューの位置ウィジェットウィジェットの追加・設定を行えます。静的なページを表示させる設定を行います。ちなみに通常のブログ形式を動的ページと言います。ホームページの表示ホームページ投稿ページ追加CSS追加したいCSSをこちらに追記します。個人的には、こちらにCSSを追記して表示の確認を行ったら、子テーマの「style-user.css」ファイルに書き写すことをオススメします。理由はただ単に「style-user.css」ファイルに書き込んだ方が、後からコードが見やすいからです。最初から「style-user.css」ファイルに書き込まないのは、追加CSSの方が表示の変更がリアルタイムで見れるからです。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。関連する記事はありませんでした。コメントをキャンセルメールアドレスが公開されることはありません。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。THOR(ザ・トール)マニュアル・カスタマイズNAVI.ホームシェアメニューお問い合わせTOPへ。