マンガ専用テンプレートを作ろう

1つの記事に「前(次)の記事」が2つある!?

https://mami-net.com/wp-content/uploads/2020/01/aab245c660d7f6cfece64715f04df7dd.png
かりこ

いきなり前の記事の答えなのね…。

前の記事を見て見ると「前(次)の記事」の表示が2つあるわね

そうなのです。通常の投稿ページでこのようにPHPを挿入すると、同じ記述が2か所あるので表示も2重になります。

どうしたらいいの?
  1. 「通常の記事」は関連記事下に「次の記事」リンクをつけたい
  2. 「マンガの記事」は画像下に「次の記事」リンクをつけたい

https://mami-net.com/wp-content/uploads/2020/01/fac8a0bc4369c412b44bfcd1d90abb60.jpg
かりこ

そうだ!

マンガ専用の記事テンプレートを作ったらいいのよ!!

マンガ専用のテンプレートの作り方

下の「前(次)の記事」の部分を削除した、マンガ専用のテンプレートを作ります。

作りたい形

1、マンガ専用のテンプレートを作ります

2、「前(次)の記事」表示をマンガの真下だけにする。ページの一番下の部分は非表示にする。

1、テンプレートをコピーする

こちらのホームページを参照しましました。非常に画像で分かりやすく解説していますよ。

参考 WordPress|固定ページや投稿ページのテンプレートを追加・選択できるようにする方法コトダマウェブ
https://mami-net.com/wp-content/uploads/2020/01/aikonn12.png
かりこ

私の場合は、PORIPUの子テーマを使っているの。

その中にある「バイラル風アイキャッチ」のテンプレートを編集するわ

参考 SANGO公認の子テーマPORIPUPORIPU

まず、バイラル風アイキャッチ 固定ページテンプレート (single-viral.php)をコピーします。

2、コピーしたphpファイル名を変更する

ファイル名を分かりやすい名前に変更します。私の場合は「manga.php」に変更しました。

3、phpファイルを編集する

私が編集する、バイラル風アイキャッチ 固定ページテンプレート (single-viral.php)の編集個所は2か所です

2つ編集する
  1. * Template Name: 好きなテンプレート名
  2. 「前(後)の記事」のコードを削除

画像で表すとこの2か所です

注意
固定ページのテンプレートを編集する場合 * Template Post Type: postの記述がないと、投稿ページで選ぶことができないので気をつけてください
この2か所を編集
  1. バイラル風アイキャッチ→マンガに変更
  2. <?php get_template_part(‘parts/single/prev-next-entry’);?>の部分を削除

4、同じフォルダにアップロードする

テンプレートがあったフォルダの中に、作成したmanga.phpファイルをアップロードします

目標達成できたかな?
https://mami-net.com/wp-content/uploads/2020/01/478fe62ba3cb8ad67ec69dd1195901ee.png
かりこ

これで、目的のテンプレートが完成したわ!

4コママンガで、この「マンガ」のテンプレートを使っているから、表示を見て見てね。