THE THORサイドエリア設定でブログを簡単カスタマイズ!

ブログのデザインを大きく左右する要素の一つ「サイドエリア」。

THE THORではサイドエリアに表示できる項目がたくさんあります

 

THE THORであなたのブログをもっと魅力的に変身させましょう!

 

この記事では、初心者の方でも簡単にできるサイドエリアの設定方法を詳しく解説します。

 

本記事の内容

  1. THE THORのサイドエリアとは
  2. サイドエリアに表示できるウィジェットの紹介
  3.  ウィジェット表示設定について

 

 

 
sora
サイドエリアを自分好みにカスタマイズしていきましょう。

 

 

THE THORのサイドエリアとは

 

 

 

THE THORのサイドエリアとは、ブログ記事の横に表示される部分のことです。(薄い水色部分)THE THORの設定で、両方のサイドエリアを表示させるのか、片側のサイドエリアだけ表示をさせるのかなを細かく設定することができます。

 

このエリアに、プロフィールや最近の投稿、カテゴリー、広告など、様々な情報を配置することができます。

 

 

【THE THOR】ザ・トールのサイドエリアに表示できる項目

 

 

 

【THE THOR】ザ・トールのサイドエリアに表示できる項目はウィジェットといいます。

(私のいれているプラグインの項目も表示されています。ウィジェットは入れているプラグインに影響されます。)

 

「ウィジェット」を表示させてエラー表示におどろかれた方もいらっしゃると思います。

対処法は次の項目で紹介していますので、参考にしてください。

 


PR

「custom_html」ブロックはエラーの影響を受けており、正しく機能しない可能性があります。

 

THE THORはブロックエディタ対応ではないので、ウィジェットはエラーの影響を受けるようになりました。このエラーを回避するためにプラグインを利用します

THE THORのウィジェット利用に必要なプラグイン

 

 

 

Classic Widgets」というプラグインを利用します。

「プラグイン」→「新規プラグインを追加」をクリックしてください。

「Classic Widgets」と検索をして「有効化」をクリックしてください。

 

【THE THOR】ザ・トールのウィジェット管理

 

・画面左側の刷毛マーク「外観」 → 「ウィジェット」をクリックしてください。

 

 

初心者の方向けにTHE THOR【ザ・トール】サイドバーエリアの表示項目をカスタマイズする時は「ウィジェット」で変更していきます。

 

 

「外観」→「カスタマイズ」→「ウィジェット」をクリックでもウィジェットが編集できますが、ブロックエディタでの編集になります。

 

【THE THOR】ザ・トールのウィジェット管理画面の使い方

 

THE THOR【ザ・トール】のサイドバーエリアの表示項目を「ウィジェット」で設定していきます

(デフォルト時の画像)

 

右側は使用できるウィジェットになります。左側はウィジェットの表示場所になります。

 

マウスで表示させたい項目を右側から選び、表示させたいエリアにドラックして使用します。

 

 
sora
「【THE THOR】ザ・トール♪ウィジェットを表示させる手順」の項目で詳しく紹介しています。

THE THORのwordpressウィジェット「メタ情報」とは

 

メタ情報ウィジェットは、サイト管理画面や、ログアウト、「wordpress.org」へのリンクなどが表示されます。これは運営者側からみて便利というものです。

 

【THE THOR】ザ・トールのサイドバーエリアに「メタ情報」がない?

 

サイドバーエリアに「メタ情報」が見あららない場合は「追従サイドバーエリア」を確認してみてください。


サイドエリアに「メタ情報」ウィジェットが表示されている場合は。このどちらかに設定してあります(;^_^A

 

 

【THE THOR】ザ・トール♪ウィジェットの詳細設定

 

 

記事一覧ボタンを表示させたい場合は、「記事一覧ボタンを表示しますか?」にチェックを入れます。


フォローも同じです。


「フォローアイコンのタイトル」を記入しないでも、「フォローしてね!」と表示されます(;^_^A

 

表示させたい項目の記入とチェックが終わったら右下の「保存」をクリックしてください。

 

 
sora
すみません。現在、保存してあるので上の画像では「保存しました」になっています( ̄▽ ̄;)
 

 

「タイトル」を入れていないので見出しは表示されません。

 

 
sora
この記事のサイドエリアにある私の自己紹介情報をを見ていただければ見出しのない状態がわかるかと思います。

 

 

【THE THOR】ザ・トール♪著作者情報ウィジェットの情報元

 

プロフィールで設定した画像と、コメントが表示されます。

 

プロフィール画像を作っていいない方は下の記事を参考にしてください。

>>>初心者でも簡単♪プロフィール画像の作成方法を解説

 

「この記事書いた人」も表示させたい方は下の記事も参考にしてください。

>>>THE THORプロフィール設定&記事下に「この記事を書いた人」♪

【THE THOR】ザ・トール♪記事ごとにウィジェットの表示/非表示

 

 

 

サイドエリアのカスタマイズは記事ごとに設定することができます。

 

フォローアイコンのタイトル」の記入欄のしたにある「表示/非表示設定」をクリックするとこの画面が表示されます。

 

ここでウィジェットの表示、非表示は細かく設定する事が出来ます。

固定ページ、投稿ページで表示・非表示をさせるのか。

固定ページと投稿ページの中の一部のページだけ非表示するのか細かく選択することが出来ます。

チェックを入れるか外すかをした場合「設定保存」をクリックしてください。

 

【THE THOR】ザ・トール♪スマホ時のウィジェットの表示/非表示

 

 

 

「その他」タブの中に「スマートフォンでのアクセス」の「非表示にする」をチェックして「設定完了」ボタンをクリックしてください。

 

THE THORサイドエリア設定でブログを簡単カスタマイズ!まとめ

 

今回ご紹介したサイドエリアのカスタマイズ以外にも、THE THORでは様々なカスタマイズが可能なテーマです。ぜひ、自分好みにカスタマイズして、あなただけのオリジナルブログを作ってみてください。今後も、役立つ情報を発信していきますので、ぜひ他の記事もご覧いただければと思います。