ご訪問ありがとうございます

【THE THOR】カスタマイズメニュー【投稿ページ設定】の使い方!

  • 2019年12月23日
  • 2020年2月7日
  • THE THOR

【THE THORザ・トール】のカスタマイズメニュー【投稿ページ設定】の設定方法を分かり易く解説します。

 

ケンノスケ
公式マニュアルサイトよりもチョットは分かり易いと思います!

 

・投稿ページ設定でよく分からないことがある

・投稿ページ設定のことをもっと詳しく知りたい

という方は是非参考にしてください。

まず「投稿ページ」とは?ですが、まさに「記事のページ」のことです。なので【投稿ページ設定】では「記事ページ」の設定を行います。

 

【投稿ページ設定】でできることは以下の通りです。

【投稿ページ設定】のメニュー

1【レイアウト設定】:記事ページのレイアウトを設定する

2【スタイル設定】:記事ページのデザインを設定する

3【目次設定】:記事中に目次を設置する

4【シェアボタン設定】:記事の上下にシェアボタンを表示する

5【フォローボタン設定】:記事の下にフォローボタンの設置する

6【記事下CTA設定】:記事の下にCTAを設置する

7【Prev Next記事設定】:記事の下に次の記事と前の記事を表示する

8【プロフィール設定】:記事の下にプロフィールを表示する

9【関連記事設定】:記事の下に関連記事を表示する

10【所属カテゴリ最新記事設定】:記事の下に同じカテゴリーの最新記事を表示する

では1つ1つ解説していきます。

THE THORザ・トール【投稿ページ設定】1.レイアウト設定

【レイアウト設定】のメニュー

※【アーカイブページ設定】のレイアウト設定と同じなので画像付きで詳しく知りたい方はアーカイブページ設定の記事をご覧ください。
【THE THORザ・トール】カスタマイズ機能【アーカイブページ設定】のマニュアル!

レイアウト設定

■カラムを選択

「1カラム」か「2カラム」かを選択します。

「1カラム」の場合はサイドバーが非表示になり本文のみが表示されます。

「2カラム」の場合はサイドバーが表示されます。

■2カラム時のサイドバーの位置を選択

サイドバーを右に表示するか左に表示するか選択します。

■1カラム時のメインカラムの横幅を選択

・100%

・1000px

・900px

・800px

・700px

から選択します。

THE THORザ・トール【投稿ページ設定】2.スタイル設定

スタイル設定では、投稿ページのタイトル周りのデザインを設定することができます。

 

スタイル設定でできることは以下の通りです。

・フレームのデザイン設定

・投稿ページタイトル部分のデザイン設定

では1つ1つ解説します。

フレーム設定

【スタイル設定】のメニュー

フレーム設定

■コンテンツフレームを選択

投稿ページのメインカラム(本文部分)のフレームデザインを選択します。

・無し

・シャドウフレーム

・ボーダーフレーム

から選択します。

シャドウフレーム

フレーム無し

ページタイトルデザイン設定

【スタイル設定】のメニュー

ページタイトルデザイン設定

投稿ページのタイトル部分のデザインを設定します。

■ページタイトルデザインを選択

・ノーマル(アイキャッチ有り)

・ノーマル(アイキャッチ無し)

・バイラル風
から選択します。
ノーマル(アイキャッチ有り)
ノーマル(アイキャッチ無し)
バイラル風

■画像のマスクを選択(バイラル風選択時のみ有効)

「バイラル風」を選択した場合アイキャッチの背景画像にマスクをかけることができます。

■画像アスペクト比を選択

画像の表示サイズを選択します。

画像サイズによって適切に表示されるアスペクト比を選択してください。

THE THORザ・トール【投稿ページ設定】3.目次設定

【目次設定】のメニュー

目次設定

目次(閉じた状態)

目次(開いた状態)

■目次を表示するか選択

記事に目次を表示するか選択します。

目次は見出しを記入すると自動的に最初の見出しの上に表示されます。

 

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

目次を表示する条件を見出し数で指定します。

例えば「2」と指定した場合は、見出しの数が2つ以上あれば目次が表示されます。

 

■目次に表示する見出しのレベルを指定

見出しには大きさがあるので(見出し2〜5)どのレベルの見出しまで表示させるかを指定します。

例えば「3」と指定した場合は、記事中には「見出し4」や「見出し5」を使っていたとしても、目次には「見出し3」までしか表示しません。

 

□目次パネルをデフォルトで閉じておく

記事ページを開いた時の目次パネルの状態を設定します。

チェックを入れると閉じた状態で目次が表示されます。

THE THORザ・トール【投稿ページ設定】4.シェアボタン設定

【シェアボタン設定】のメニュー

シェアボタンの表示/非表示設定

■上部にシェアボタンを表示するか選択

「表示する」を選択した場合、本文の一番上にシェアボタンが表示されます。

上部にシェアボタンを表示

■下部にシェアボタンを表示するか選択

「表示する」を選択すると、本文の一番下にシェアボタンが表示されます。

下部にシェアボタンを表示

THE THORザ・トール【投稿ページ設定】5.フォローボタン設定

【フォローボタン設定】のメニュー

フォローボタンの表示/非表示設定

「SNS設定」→「follow設定」でURLを登録しているSNSのボタンが表示されます。

■フォローボタンを表示するか選択

表示せれるフォローボタンはこんな感じです。

■タイトルを入力

入力したテキストがフォローボタンに表示されます。

THE THORザ・トール【投稿ページ設定】6.記事下CTA設定

【関連記事設定】のメニュー

記事下CTA設定

Call To Action(コール トゥ アクション)の略です。

意味は「行動喚起」で、ユーザーを具体的な行動に誘導することや、具体的な行動を促すためにサイトに設置されたボタンやテキストリンクのことです。

■記事下CTAを表示するか選択

表示するとこんな感じです。

デザイン設定

CTAを表示する部分のフレームデザインを設定します。

■デザインを選択

上記の4つから選択します。

上画像のCTAは「フレーム無し」に設定しています。

■カラー

・「ボーダーフレーム」のボーダー部分

・「ベタ塗背景」の背景部分

の色を指定します。

デフォルトCTAコンテンツ設定

■デフォルトで表示するCTAのIDを入力

表示させたいCTAのIDを入力します。

CTAのIDはWordPress管理メニューで確認できます。

THE THORザ・トール【投稿ページ設定】7.Prev Next記事設定

【Prev Next記事設定】のメニュー

Prev Next記事の設定

「Prev Next記事」とは、閲覧している記事の前後に投稿された記事のことです。

投稿ページの記事本文の下に次の記事と前の記事を表示します。

■Prev Next記事を表示するか選択

表示するとこんな感じです。

■投稿日を表示するか選択

アイキャッチ上に投稿日を表示します。

■次の記事へのタイトルを入力

次に記事のアイキャッチ右上のタブに表示されます。

■前の記事へのタイトルを入力

前の記事のアイキャッチ左上のタブに表示されます。

■記事がない時のテキストを入力

閲覧している記事が最新で次の記事がまだ無い時に表示するテキストを入力します。

THE THORザ・トール【投稿ページ設定】8.プロフィール設定

【プロフィール設定】のメニュー

プロフィールの設定

投稿ページの記事本文下に表示するプロフィールを設定します。

■プロフィールを表示するか選択

表示するとこんな感じです。

ここで表示するプロフィール情報と画像はWordPress管理メニューから設定します。

プロフィール内容の設定方法

WordPress管理メニュー「ユーザー」→「あなたのプロフィール」でプロフィール情報と画像を設定しましょう。

■セクションタイトルを入力

プロフィール内の画像の上に表示されます。

■投稿一覧へボタンを表示するか選択

プロフィール情報の下に表示されます。

■ボタン上のテキストを入力

投稿一覧へボタンに表示するテキストを入力します。

THE THORザ・トール【投稿ページ設定】9.関連記事設定

【関連記事設定】のメニュー

関連記事の設定

投稿ページの記事本文下に閲覧している記事と同じカテゴリーの記事をランダムに表示します。

■関連記事を表示するか選択

表示するとこんな感じです。

■タイトルを入力

関連記事一覧の上に表示されます。

■表示する件数を指定

関連記事一覧に表示する記事数を指定します。

■画像アスペクト比を選択

表示するアイキャッチ画像のサイズを選択します。

THE THORザ・トール【投稿ページ設定】10.所属カテゴリ最新記事設定

【所属カテゴリ最新記事設定】のメニュー

所属カテゴリ最新記事設定

投稿ページの記事本文下に同カテゴリーの最新の記事を表示します。

■所属カテゴリの最新記事を表示するか選択

表示するとこんな感じです。

■表示する件数を選択

表示する記事数を「4件」と「8件」から選択します。

上画像が「4件」表示ですが、「8件」表示を選択するとこんな感じです。

■見出しの右に表示する補足情報を入力

カテゴリー名の右側に表示せれます。

■画像アスペクト比を選択

表示するアイキャッチ画像のサイズを選択します。

まとめ〜【THE THOR】の【投稿ページ設定】マニュアル〜

投稿ページの設定はいい感じにできましたか?

もう一度投稿ページでできることを確認しましょう。

1【レイアウト設定】:記事ページのレイアウトを設定する

2【スタイル設定】:記事ページのデザインを設定する

3【目次設定】:記事中に目次を設置する

4【シェアボタン設定】:記事の上下にシェアボタンを表示する

5【フォローボタン設定】:記事の下にフォローボタンの設置する

6【記事下CTA設定】:記事の下にCTAを設置する7【Prev Next記事設定】:記事の下に次の記事と前の記事を表示する

8【プロフィール設定】:記事の下にプロフィールを表示する

9【関連記事設定】:記事の下に関連記事を表示する

10【所属カテゴリ最新記事設定】:記事の下に同じカテゴリーの最新記事を表示する

 

ケンノスケ
設定することが多いですが、色々試して【THE THORザ・トール】を使いこなせるようになってください!

 

KENNOSUKE TWITTER