PANDRAの投稿（ブログ）記事のレイアウトなどを変更したいときは、当記事を参考にご覧ください。
に用意されているオプションを、こちらでご紹介いたします。
設定箇所
ダッシュボード内のTCDテーマ > 投稿より設定します。
（画像）
用意されているオプション
↓項目をクリックして詳しい設定を確認できます。
| 共通設定 | アーカイブ・詳細ページ共通で、スラッグを変更したり、最終更新日の有無などを設定します。 |
| アーカイブページ | 見出しや説明文、カテゴリーリストの有無、レイアウトの変更に加え、ネイティブ広告の表示設定が用意されています。 |
| 投稿ページ | サイドバー、シェアボタン、記事上下のフリースペース等を設定します。 |
| いいねボタン | 記事下に「いいねボタン」を表示できます。 |
| CTA | 3つまで登録できるCTAを記事本文下部に表示できます（全記事共通です）。 |
共通設定
（画像）
パンくずリンク等に表示される「コンテンツの名前」を設定できます。「投稿ページ用の固定ページ」のタイトルが利用される仕様です。初期値は「ブログ」となっています。
スラッグについても、「投稿ページ用の固定ページ」のパーマリンクが反映される仕様です。初期値は「blog」となっています。
「投稿ページ用の固定ページ」はワンタッチで生成&登録できます。詳しくは必須設定｜表示設定・「TCDクラシックエディタ」プラグインを参考にご覧ください。
また、投稿者のサムネイル画像や最終更新日も表示できます。投稿者は、トップページのヘッダーコンテンツやメインコンテンツの記事一覧に反映される仕様です。
投稿アーカイブページ
（画像）
イメージ画像を見ながら、それぞれ設定していきます。
| 見出し | ページの見出しを登録します（ブログ等）。 |
| 説明文 | ページの説明文を登録します（PC、スマホ別で登録可能）。 |
| カテゴリーリスト | チェックを入れると投稿のカテゴリーリストを表示できます。 |
| 記事一覧 | アーカイブページのレイアウト（タイプA, B）やネイティブ広告を表示できます。 |
ネイティブ広告
ここには表示設定のみが用意されています。
- 「ネイティブ広告を表示する」にチェックを入れる。
- 登録済みの広告セットを選択する。
- 広告の表示頻度を決める。
の3ステップで設定完了です。ここで表示設定を行う前に、テーマオプション > ネイティブ広告で広告セットを登録しておきましょう。登録方法は下記記事でご紹介しています。
投稿ページ
投稿ページ（詳細ページ）に関する設定を行います。オプションが豊富なので、ページ上部と下部に分かれていますが、主に表示の有無を制御する設定です。
ページ上部
用意されているオプションをそれぞれ設定していきます。
| サイドバー（ウィジェットエリア） | サイドバー（ウィジェットエリア）の配置を変更します。以下の選択肢が用意されています。 ・表示しない（1カラム） ・左側に表示（2カラム） ・右側に表示（2カラム） ・左右両側に表示（3カラム） |
| シェアボタン | 本文上下のシェアボタンの表示/非表示。 |
| フリースペース | 本文の上下にHTMLまたは、外観 > パターンで作成したコンテンツを表示します。 |
| 投稿者プロフィール | 投稿者プロフィールの表示/非表示を設定します。 |
| タグクラウド | 投稿タグの表示/非表示を設定します。 |
ページ下部
（画像）
用意されているオプションは次の通りです。
| フリースペース | HTMLまたは、外観 > パターンで作成したコンテンツを表示します。 |
| 見出し | 本文下部に表示する記事群の見出しを設定します（「関連記事」等）。 |
| 記事一覧 | 表示する記事を指定するため、以下のオプションを利用できます。 ・記事のタイプ（全ての記事/同じカテゴリーの記事/ID指定） ・並び順（新着順/ランダム） ・表示する記事の数（PC/スマホ別） ・ネイティブ広告 |
| コメント | コメント一覧とコメントフォームの表示/非表示 |
関連記事にも「ネイティブ広告」を表示できます。表示したい場合は、先に「広告セット」を登録しておきましょう。
特にこだわりがなければ、「記事一覧」の設定は以下がおすすめです。
| 記事のタイプ | 同じカテゴリーの記事 |
| 並び順 | ランダム |
| 表示する記事の数 | PC：6 スマホ：3 |
記事数がまだ少ない方は、すべての記事をランダム表示にして、見出しを「人気記事」などとするのもありです。
いいねボタン
（画像）
記事下にいいねボタンを表示できます。見出しと説明文、ボタンのカラーを設定可能です。
いいね数の多い記事は、「いいねウィジェット」を使って表示できるので、他のユーザーにも閲覧されやすくなります。
CTA
（画像）
記事本文下部には、CTAをお好みで表示できます。
「行動を促す呼びかけ」のことで、Webサイトの訪問者に対して、特定の行動を取るように促すメッセージやボタンを指します。サイト訪問者を顧客や見込み客に変換するための重要なパーツです。
（画像：タイプB）
（画像：タイプC）
すべて設定できたら、何か投稿して次の項目を確認してみましょう。
- サイドバーを表示する場合、ウィジェットは正しく設定されている？
- シェアボタンとそのリンク先は正しく表示されている？
- 投稿者プロフィールを表示する場合、内容は正しい？
- 関連記事の並び順や内容に問題はない？
- CTAは正しく表示されてる？リンク先も問題ない？
問題なければ、次の設定に進みましょう。
コメント
この記事へのコメントはありません。