WordPressの投稿一覧をショートコードで表示していると、「もっと詳細を読みたいのにリンクがない…」と感じたことはありませんか？
この記事では、Shortcodes Ultimateの投稿一覧に「続きを読む」ボタンを表示するカスタマイズ方法を、テンプレート編集を通じて解説します。
公式ドキュメントはこちら：
https://getshortcodes.com/docs/posts/
具体的なカスタマイズ事例：
https://www.nishi2002.com/24561.html
Shortcodes Ultimateのタブを深堀してみたの記事はこちら：
https://zero1-pg.com/2023/04/24/33779/
1. プラグインテンプレートをダウンロード
まずは、Shortcodes Ultimateが使用しているループテンプレートファイルを取得します。
- 「WP File Manager」などのプラグインを使って、/wp-content/plugins/shortcodes-ultimate/includes/partials/shortcodes/posts/templatesフォルダにアクセスします。
default-loop.phpというファイルがあるので、これをダウンロードしてローカルに保存します。
※ WP File Managerを使えば、FTP不要でWordPress管理画面からファイル操作が可能です。
2. 子テーマの中にテンプレートファイルを配置
プラグインを直接編集するとアップデート時に上書きされるため、子テーマで上書き用のファイルを用意します。
- 子テーマの中に
shortcodes-ultimateというフォルダを作成します。 - そこに
default-loop.phpをアップロードします。
フォルダ構成例：/wp-content/themes/your-child-theme/shortcodes-ultimate/default-loop.php
3. 「続きを読む」ボタンをテンプレートに追加
アップロードした default-loop.php を編集し、各投稿の下に「続きを読む」ボタンを挿入します。
以下のように、投稿タイトルや抜粋の後に以下のコードを追加してください。
<p><a href=" <? php the_permalink(); ?>" class="read-more">続きを読む</a></p>4. 投稿やページにショートコードを設置
準備が整ったら、投稿や固定ページ内に以下のショートコードを貼り付けるだけで完了です。
[su_posts template="templates/default-loop.php"]5. 表示されない場合のチェックポイント
- ブラウザキャッシュやページキャッシュをクリアしてください。
- テンプレートファイルの配置場所（子テーマ/shortcodes-ultimate/）が間違っていないか確認してください。
- 子テーマが有効になっているかどうかも念のため確認を。
まとめ
この方法を使えば、訪問者が一覧から記事の詳細へスムーズにアクセスできるようになり、回遊率アップにもつながります。shortcode ultimate のカスタマイズは意外と奥が深いので、これを機にテンプレートをうまく活用してみてください。
