【THE THOR投稿のカスタマイズ】目次・記事下CTA・タイトルなど13種

 

Chiharu
Chiharu

今回は、WordPressテーマ「THE THOR」の投稿ページのカスタマイズについてお伝えします。

アイキャッチ(ページタイトル)やCTAなど、カスタマイズできるところは全部で13。ひとつずつ画像付きで解説します。

 

THE THORの投稿

 

ブログでメインとなる記事作成で使うのが投稿です。そして、THE THORの投稿ページはこちら。

 

the thor 投稿

 

THE THOR投稿のカスタマイズできるところ

 

1.レイアウト
2.ページタイトル
3.フレーム
4.目次
5.シェアボタン
6.記事下CTA
7.フォローボタン
8.Prev Next記事
9.プロフィール
10.関連記事
11.コメント
12.所属カテゴリ最新記事
13.フッターCTA

 

the thor ページタイトル
2.ページタイトル
thethor 投稿
3.フレーム
4.目次
5.シェアボタン
the thor 記事下CTA
6.記事下CTA
the thor フォローボタン
7.フォローボタン
the thor PrevNext
8.Prev Next記事
the thor プロフィール
9.プロフィール
thethor 関連記事
10.関連記事
the thor コメント
11.コメント
カテゴリ テーマカラー
12.所属カテゴリ最新記事
the thor フッターCTA
13.フッターCTA

 

【投稿カスタマイズ1】レイアウト

 

the thor 投稿レイアウト

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿レイアウト投稿ページ設定>レイアウト設定>レイアウト設定

レイアウトを選択してカスタマイザー公開 をクリック

 

【投稿カスタマイズ2】ページタイトル

 

thethor タイトル なしバイラル風
投稿 タイトルノーマル
投稿 タイトルノーマル(アイキャッチなし)

 

thethor タイトル なしなし
thethor タイトル ブラックブラック
投稿 タイトルブラックメッシュ
thethor タイトル カラーカラー
thethor タイトル カラーグレーカラー+画像グレー

 

16:9
thethor タイトル4:34:3
thethor タイトル1:11:1

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿フレーム投稿ページ設定>スタイル設定>ページタイトルデザイン設定

ページタイトルデザインを選択してカスタマイザー公開 をクリック

バイラル風アイキャッチを選択するときは、画像マスク・画像アスペクト比の選択と、投稿日・更新日・閲覧数・コメント数の表示・非表示の選択も忘れずに。

 

【投稿カスタマイズ3】フレーム

 

thethor フレームなし
thethor フレームシャドウフレーム
thethor フレームボーダーフレーム

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿フレーム

投稿ページ設定>スタイル設定>フレーム設定

フレームを選択してカスタマイザー公開 をクリック

 

【投稿カスタマイズ4】目次

 

the thor 目次 非表示

the thor 目次
表示(目次パネル閉じる)

the thor 目次表示(目次パネル開く)

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿目次投稿ページ設定>目次設定>目次の設定

目次の表示・非表示を選択してカスタマイザー公開 をクリック

目次を表示するための最小見出し数を指定:見出しの数

目次に表示する見出しレベルを指定:見出しの種類(見出し2〜見出し5)

 

【投稿カスタマイズ5】シェアボタン

 

thethor シェアボタン 上部:表示 下部:表示

thethor シェアボタン
上部:表示 下部:非表示

thethor シェアボタン上部:非表示 下部:表示

thethor シェアボタン上部:非表示 下部:非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿シェアボタン投稿ページ設定>シェアボタン設定>シェアボタンの表示/非表示設定

シェアボタンを表示する位置の選択、表示するSNSを選択してカスタマイザー公開 をクリック

 

【投稿カスタマイズ6】記事下CTA

 

表示
非表示

 

the thor 記事下CTAフレームなし
the thor 記事下CTAシャドウフレーム
the thor 記事下CTAボーダーフレーム
the thor 記事下CTAベタ塗り背景

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿CTA
投稿ページ設定>記事下CTA設定>記事下CTA設定

記事下CTAデザインを選択してカスタマイザー公開 をクリック

 

カラーパネル

背景や枠線に色の指定するには「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。

 

デフォルトでCTAを登録しておくなら「デフォルトCTAコンテンツ設定」にCTA IDの入力も忘れずに。

 

ダッシュボード CTA
CTAのIDは、ダッシュボード>CTA管理>CTA管理一覧から調べることができます。

 

【投稿カスタマイズ7】フォローボタン

 

thither フォローボタン表示
thither フォローボタン非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿フォロー投稿ページ設定>フォローボタン設定>フォローボタンの表示/非表示設定

フォローボタンの表示・非表示を選択してカスタマイザー公開 をクリック

 

【投稿カスタマイズ8】Prev Next記事

 

thethor PrevNext表示
thethor PrevNext非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿Prev Next投稿ページ設定>Prev Next記事設定>Prev Next記事の設定

それぞれの選択入力をしてカスタマイザー公開 をクリック

 

【投稿カスタマイズ9】プロフィール

 

thethor プロフィール表示
thethor プロフィール非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿プロフィール投稿ページ設定>プロフィール設定>プロフィールの設定

それぞれの選択・入力をしてカスタマイザー公開 をクリック

 

【投稿カスタマイズ10】関連記事

 

thethor 関連記事
thethor 関連記事

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿関連記事投稿ページ設定>関連記事設定>関連記事の設定

それぞれの選択・入力をしてカスタマイザー公開 をクリック

 

【投稿カスタマイズ11】コメント

 

the thor コメント表示
the thor コメント非表示

 

コメントを非表示にする方法をお伝えします。

 

the thor コメント

ダッシュボード>設定>ディスカッション

 」のチェックを外して WP変更を保存 をクリック

 

the thor コメント

ダッシュボード>投稿>投稿一覧

コメントを非表示にしたい記事の「クイック編集」をクリック

 

the thor コメント
「コメントを許可」のチェックを外して更新 をクリック

 

【投稿カスタマイズ12】所属カテゴリ最新記事

 

thither 所属カテゴリ最新記事表示
thither 所属カテゴリ最新記事非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー 投稿所属カテゴリ投稿ページ設定>所属カテゴリ最新記事設定>所属カテゴリ最新記事設定

それぞれの選択・入力をしてカスタマイザー公開 をクリック

 

【投稿カスタマイズ13】フッターCTA

 

THE THORのフッターCTAは、下記ページを参考になさってください。

 


 

おつかれさまでした。

 

以上、【THE THOR投稿のカスタマイズ】目次・記事下CTA・タイトルなど13種でした。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

お問い合わせはこちら

 

お読みいただき、ありがとうございました。

Chiharu

Chiharu

この記事を書いたのは

元歯科衛生士のWebデザイナー。素の自分を出せるようにブログをはじめました。お伝えしているのは、ブログのはじめ方と毎日を楽しく過ごすコツについて。