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 プログラミング

Advanced Custom Fields Pro(ACFPRO)を使いオプションページを作成する方法

2022.04.22
3108
WordPress

【WordPress】PC・SPデバイスによってパラメータの条件を変更する方法

2024.03.07
217
WordPress プログラミング

【簡単】Custom Post Type UI で カスタム投稿タイプのアーカイブページに親ページ(任意の固定ページ)を設定する方法

更新日:2022.04.13
7270
WordPress プログラミング

【簡単】contact form 7に郵便番号から住所自動入力機能を入れる方法

2022.02.07
10011