今回は、WordPressテーマ「THE THORTHE THOR」の投稿ページのカスタマイズについてお伝えします。
アイキャッチ(ページタイトル)やCTAなど、カスタマイズできるところは全部で13。ひとつずつ画像付きで解説します。
THE THORの投稿
ブログでメインとなる記事作成で使うのが投稿です。そして、THE THORの投稿ページはこちら。
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TPost51-267x1024.png)
THE THOR投稿のカスタマイズできるところ
1.レイアウト
2.ページタイトル
3.フレーム
4.目次
5.シェアボタン
6.記事下CTA
7.フォローボタン
8.Prev Next記事
9.プロフィール
10.関連記事
11.コメント
12.所属カテゴリ最新記事
13.フッターCTA
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P1.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P2.png)
4.目次
5.シェアボタン
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P3.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P4.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P5.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P6.png)
![the thor 投稿 関連記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Prelated02.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P7.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P8.png)
![the thor 投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/P9.png)
【投稿カスタマイズ1】レイアウト
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>レイアウト設定>レイアウト設定
レイアウトを選択して をクリック
【投稿カスタマイズ2】ページタイトル
![the thor 投稿 タイトル バイラル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ptitle03.png)
![the thor 投稿 タイトル ノーマル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ptitle01.png)
![the thor 投稿 タイトル ノーマル アイキャッチなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ptitle02.png)
![the thor バイラルマスク なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMnone.png)
![the thor バイラルマスク ブラック](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMb.png)
![the thor バイラルマスク ブラックメッシュ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMbm.png)
![the thor バイラルマスク カラー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMc.png)
![the thor バイラルマスク カラーグレイ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMcg.png)
![the thor バイラルマスク なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VMnone.png)
![the thor バイラル アイキャッチ 4:3](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VE43.png)
![the thor バイラル アイキャッチ 1:1](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/VE11.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>スタイル設定>ページタイトルデザイン設定
ページタイトルデザインを選択して をクリック
バイラル風アイキャッチを選択するときは、画像マスク・画像アスペクト比の選択と、投稿日・更新日・閲覧数・コメント数の表示・非表示の選択も忘れずに。
【投稿カスタマイズ3】フレーム
![the thor 投稿 フレーム なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PFnone.png)
![the thor 投稿 フレーム シャドウ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PFshadow.png)
![the thor 投稿 フレーム ボーダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PFborder.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>スタイル設定>フレーム設定
フレームを選択して をクリック
【投稿カスタマイズ4】目次
非表示
表示(目次パネル閉じる)
![the thor 投稿 目次](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcontents01.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>目次設定>目次の設定
目次の表示・非表示を選択して をクリック
目次を表示するための最小見出し数を指定:見出しの数
目次に表示する見出しレベルを指定:見出しの種類(見出し2〜見出し5)
【投稿カスタマイズ5】シェアボタン
上部:表示 下部:表示
上部:表示 下部:非表示
上部:非表示 下部:表示
上部:非表示 下部:非表示
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>シェアボタン設定>シェアボタンの表示/非表示設定
シェアボタンを表示する位置の選択、表示するSNSを選択して をクリック
【投稿カスタマイズ6】記事下CTA
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta04.png)
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta03.png)
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta04.png)
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta05.png)
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta02.png)
![the thor 投稿 CTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pcta01.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>記事下CTA設定>記事下CTA設定
記事下CTAデザインを選択して をクリック
![THE THOR カラーパネル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CP.png)
背景や枠線の色の指定は「色を選択」をクリック
白い丸・白い四角をクリックしながら動かして色を選択
または、カラーコードを直接入力
をクリック
デフォルトでCTAを登録しておくなら「デフォルトCTAコンテンツ設定」にCTA IDの入力も忘れずに。
![CTA ID](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTA01.png)
【投稿カスタマイズ7】フォローボタン
![the thor 投稿 snsフォロー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PFollow02.png)
![the thor 投稿 snsフォロー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PFollow01.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>フォローボタン設定>フォローボタンの表示/非表示設定
フォローボタンの表示・非表示を選択して をクリック
【投稿カスタマイズ8】Prev Next記事
![the thor 投稿 PrevNext](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PPrevNext02.png)
![the thor 投稿 PrevNext](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PPrevNext01.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>Prev Next記事設定>Prev Next記事の設定
それぞれの選択入力をして をクリック
【投稿カスタマイズ9】プロフィール
![the thor 投稿 プロフィール](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pprofile01.png)
![the thor 投稿 プロフィール](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pprofile02.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>プロフィール設定>プロフィールの設定
それぞれの選択・入力をして をクリック
【投稿カスタマイズ10】関連記事
![the thor 投稿 関連記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Prelated02.png)
![the thor 投稿 関連記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Prelated01.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>関連記事設定>関連記事の設定
それぞれの選択・入力をして をクリック
【投稿カスタマイズ11】コメント
![the thor 投稿 コメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/comment01.png)
![the thor 投稿 コメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/comment02.png)
コメントを非表示にする方法をお伝えします。
![コメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/comment06.png)
ダッシュボード>設定>ディスカッション
」のチェックを外して をクリック
![コメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/comment05.png)
ダッシュボード>投稿>投稿一覧
コメントを非表示にしたい記事の「クイック編集」をクリック
![コメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/comment04.png)
![更新](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/update.png)
【投稿カスタマイズ12】所属カテゴリ最新記事
![the thor 投稿 カテゴリ最新記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pnew01.png)
![the thor 投稿 カテゴリ最新記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Pnew02.png)
![ダッシュボード>外観>カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Customize.png)
- WordPressのダッシュボード
- 外観
- カスタマイズ
投稿ページ設定>所属カテゴリ最新記事設定>所属カテゴリ最新記事設定
それぞれの選択・入力をして をクリック
【投稿カスタマイズ13】フッターCTA
THE THORのフッターCTAは、下記ページを参考になさってください。
以上、【THE THOR投稿のカスタマイズ】目次・記事下CTA・タイトルなど13種でした。
お読みいただき、ありがとうございました。