Written by Kasumi

WordPressで続きを読む・もっと見るボタンを実装する方法

WordPressで任意の記事は冒頭だけ表示し、続きを読む・もっと見るボタンを押したら続きの記事内容が展開・表示される仕組みを実装したい。

本記事ではこのような悩みを解決。

実装方法について解説します。

Read More Without Refresh プラグインを導入

Read More Without Refresh プラグインを使うと解決できます。

WordPress管理画面>プラグイン一覧>プラグインを追加ページへ移動。

Read More Without Refreshと検索。

インストール・有効化します。

続きで表示したいテキストをショートコードで囲う

[read more]

続きで表示したいテキスト

[/read]

実装したい投稿記事編集画面に移動。

続きで表示したいテキストをショートコード[read more]続きで表示したいテキスト[/read]で囲い、記事を更新します。

続きを読む・もっと見るボタンを実装

WordPress管理画面サイドバーから【RMWR Settings】をクリック。

上記画像のような画面になります。

続きを読む・もっと見るボタンのレイアウトをここで調整

変更を保存します。

※プラグイン導入直後、変更を保存しないとボタンが表示されません。

以上で実装完了です。

まとめ

コードを書かず、プラグインを導入するだけで簡単に実装ができるのでぜひ参考にしてみてください。

以上で解説を終わります。

目次

関連記事

WordPress プログラミング

ワードプレスのエディタで自動整形機能を無効・停止する方法

2020.05.20
1222
WordPress

サイドバー・フッターでよく使う一覧リストの出し方【まとめ】【ワードプレス】

更新日:2019.11.28
684
WordPress

【簡単】contact form 7で件名・送信元が文字化けするのを解決する方法【wordpress】

更新日:2022.11.24
3336
WordPress プログラミング

【アドミンバー】WordPressで管理画面にログインしたらページ上部に余白ができるのを解決!

2022.04.14
1409