対応する投稿一覧で、本文を途中まで表示して「続きを読む」へつなげます。
このページでできること
投稿一覧で本文を区切る
投稿一覧で本文を区切る
スクリーンショットの赤い番号と、手順の同じ番号を見比べて進めてください。画像に写っていない操作は、手順に記載した画面で行います。
① 「続きを読む」を追加する
- 編集したいページを「Elementorで編集」で開きます。
- 左上の「＋」（要素を追加）を押し、「続きを読む」で検索します。
- 該当するウィジェットをページの入れたい場所へドラッグします。配置済みなら、その部品をクリックします。
編集画面にも表示されるとおり、アーカイブで the_content を使うテーマ向けです。抜粋表示の一覧では効かない場合があります。
② 本文を区切る位置を決める
赤い番号は手順の番号に対応しています。
- 対象の記事をElementorで開きます。
- 一覧で見せたい導入文と、続きの本文の間へ「続きを読む」を置きます。
- 左側の「続きを読む」欄に、必要に応じてリンクの表示文言を入力します。
- 保存後、個別の記事だけでなく投稿一覧ページを開いて表示を確認します。
ここを確認：対応する投稿一覧で、意図した位置までの本文が出る。
③ 見た目と表示を確認する
- このウィジェットには通常の「スタイル」タブがありません。
- 一覧での見た目や表示可否は、テーマや一覧側の本文出力方法に依存します。
- 任意のページへ移動するボタンを作りたい場合は「ボタン」を使います。
入力・使い方の例
導入文 → ［続きを読む］ → 個別記事で全文を読む
④ スマホで確認して保存する
上部のスマートフォンのアイコンで表示を確認します。「公開」または「更新」で保存し、プレビューや実際のページで動作を確認します。作成途中の場合は下書き保存を使います。
完了チェック
- 対応する投稿一覧で、意図した位置までの本文が出る。
- 続きを読むから個別記事へ移動できる。
うまくいかないとき
個別記事で折りたたみにならない
ページ内の文章を開閉する部品ではありません。開閉式の説明はアコーディオンを使います。
画面は撮影時のバージョンです。同じ名前のAtomic版・Pro版・追加プラグインのウィジェットは設定が異なる場合があります。