本文では記事投稿をする際に、記事の一部のみを表示する方法について解説を行っております。

１）実際の表示内容
具体的には下図の通り、TOPページで記事の途中までが表示されています。これは、記事の一部のみを表示する設定を行っているからです。下図の赤枠部分で「さらに・・・」という部分をクリックすると記事が全文表示されるようになります。記事の一部のみを表示する設定を行っていないとTOPページで記事が全文表示されるようになります。

図１．記事の一部を表示

２）ブログに「続き」線を入れる
実際に記事の一部のみを表示する設定は次のように行います。

「図２．ブロックの選択」の通りブロックの終わりにカーソルを移動すると「＋」ボタンが表示されます。「＋」ボタンを押すとメニューが表示されます。通常の記事は「段落」を選択しますが、ページの区切り線を挿入するにはメニューの下部に表示されている「すべて表示」を選択します。

図２．ブロックの選択

「図３．続きの選択」の通り多くのブロックの種類が選択されますが、その中から「続き」を選択します。「続き」欄にマウスを合わせると右側にコメントが表示されます。コメントには「このブロックより前のコンテンツをアーカイブページの抜粋に表示します。」と表示されています。

図３．続きの選択

その他のブロックについても様々な内容がありますし、マウスカーソルを合わせると右側に説明が出てきますので、ぜひ、記事を記入する際に利用して下さい。

３）ブログに「<!–more–>」を入力する

上記の「１）ブログに「続き」線を入れる」と結果は同じになりますが、違う方法についても解説を行います。

「図４．カスタムHTML」の通り区切りを挿入したい場所で「Enter」キーを入力すると下図の通りにブロックが表示されます。ブロックを選択すると右側に「＋」のボタンが表示されるので、「＋」を選択し「カスタムHTML」を選択し、「<!–more–>」と入力します。

図４．カスタムHTML

 

４）ブロックの削除方法
「図５．ブロックの削除」の通りブロックを削除する場合には、ブロックを選択後に右上の「・」が縦に並んでいる部分を選択するとメニューが表示されるのでその中から「カスタムHTMLを削除」を選択します。今回は選択していたブロックが「カスタムHTML」だったので「カスタムHTMLを削除」と表示されていますが、ブロックの形態によって「〇〇〇〇〇を削除」の部分は変わりますので注意が必要です。

図５．ブロックの削除

５）「サービス」「FAQ」「ニュース」で区切り線を入れる

「サービス」「FAQ」「ニュース」で区切り線を入れる方法について説明をします。「ブログ」の記事投稿画面と「サービス」「FAQ」「ニュース」の記事投稿画面は少し違いますので、注意が必要です。「図６．「サービス」「FAQ」「ニュース」の記事投稿画面」の通り、記事編集画面の右上に「ビジュアル」「テキスト」タグがあります。

図６．「サービス」「FAQ」「ニュース」の記事投稿画面

現在は、「ビジュアル」が選択されています。「図６．「サービス」「FAQ」「ニュース」の記事投稿画面」の記事にはすでに区切り線が設定されています。区切り線が設定されていると「図６．「サービス」「FAQ」「ニュース」の記事投稿画面」の矢印の通り、設定箇所に「MORE」と表示されます。

記事編集画面の右上で「テキスト」タグを選択すると「図７．「テキスト」タグ」のようになります。「テキスト」タグの編集画面で「<!–more–>」と入力している部分に区切り線が挿入されます。実際の入力はメニュー内にある「more」ボタンを押しても良いですし、直接に「<!–more–>」と入力しても構いません。

図７．「テキスト」タグ

「図７．「テキスト」タグ」を確認すると、HTMLが入力されています。HTMLが分かる人は、「テキスト」モードにてHTMLを使って記事文に細かな設定を行うことが可能です。

---

ホームページ制作に関するサービスのご説明および価格は以下をご確認下さい。
https://www.ai-light.com/hp2/service/homepage/

ホームページ制作のお申込みは以下からもできます。
https://www.ai-light.com/hp2/inquiry/

その他、疑問点・不明点などございましたら、電話、メールなどお好きな方法にてお問い合わせ下さい。

******************************************

格安にてホームページを作成します。

株式会社　アイライト　担当：内藤　響（Naito Ko）
〒550-0005 大阪市西区西本町1丁目5番9号 日清ビル 5Ｆ
(四つ橋線　本町駅　24番出口すぐ)
まずは、メール・電話でご相談ください。
TEL : (06) 6599-8890　E-mail : info@ai-light.com
お電話が混んでいる場合が多いので、つながりにくい場合は
TEL : (06) 6535-5117までお願いします。

******************************************