2018/09/23SHAREツイートシェアはてブGoogle+PocketLINE今回はブログなどでよく目にする、記事下の前後の記事を表示させるカスタマイズです。カスタマイズする際には必ずバックアップをとって作業を行うようにして下さい。個別ページ(single.php)の編集まずは記事下に「前の記事」「次の記事」を表示させるため、single.phpの編集を行います。single.phpへ移動1ワードプレスの管理画面から「外観」>「テーマの編集」を選択します。2テーマファイルの中から「個別投稿(single.php)」を選択します。class=”post-footer”>」というコードを探します。(40行目付近)この前に下記のコードを追記して下さい。?></div>追記が完了したら「ファイルを更新」のボタンをクリックし変更内容を保存します。確認ブラウザで表示の確認をします。これで表示自体はされるようになっていることが確認できました。ここから外観を修正していきます。次に表示させた「前の記事」「次の記事」の外観を整えます。style.cssへ移動テーマファイルの中から「スタイルシート(style.css)」を選択します。開いたstyle.cssの最後に下記のコードを追記します。–*/}追記が完了したら「ファイルを更新」のボタンをクリックし変更内容を保存します。確認ブラウザで表示の確認をします。先ほど表示させた「前の記事」「次の記事」が装飾されて見やすくなったことが確認できます。これで前後の記事の表示は完成です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。