【Loopsパーツ】「流れ」の設定・活用方法

https://leapy.helpkit.so/trsjw18zse8ypcap59xpmy

この記事では、「流れ」の設定方法に加えて、使用時のポイントについても詳しくお話ししていきます。ぜひ編集時にお役立てください。

「流れ」とは、画像の赤枠部分を指します。

※実際に表示されるデザインはサイトごとに異なります。

「流れ」はデザイン性向上にも効果的ですが、順序立てた説明を要する下記のようなシチュエーションでの使用がおすすめです。

では、早速「流れ」の設定方法について、お話ししていきましょう。

まずは、納品の際にお渡しさせていただいた管理画面URLにアクセスいただき、管理画面にログインしてください。

管理画面にログインできたら、左のサイドバーから「固定ページ」をクリックしましょう。

「固定ページ」をクリックしていただくと、左の画像のような「固定ページ一覧」が表示されます。

表示された「固定ページ一覧」の中から、編集したい固定ページの部分にカーソルを合わせて、「ページのタイトル」もしくは「編集」の部分をクリックしてください。

「ページのタイトル」もしくは「編集」の部分をクリックしていただくと、固定ページ編集画面が表示されます。

※今回は会社情報ページを選択していますが、その他のページでも同様の操作を行ってくださいませ。

表示された固定ページ編集画面をコンテンツ項目までスクロールしていただいて、「セクションを追加」をクリックしてください。

※「流れ」を含むLoopsパーツはセクションの中に含まれるパーツのため、セクションの追加が必須となります。

「セクションを追加」をクリックしていただくと、セクションの編集画面が表示されます。

参考サイト：『「セクション」とは？具体的な運用方法と作成方法』

表示されたセクション編集画面を下にスクロールしていただいて、「パーツを追加」ボタンをクリックしてください。

「パーツを追加」ボタンをクリックしていただくと、パーツ選択画面が表示されます。

パーツ選択画面の中から、「流れ」を選択してください。

「流れ」を選択すると、画像の通りの編集画面が表示されます。

①の部分に流れの「タイトル」、②の部分に「テキスト」を入力しましょう。

※「タイトル」と「テキスト」を入力していただければ、「流れ」として成立します。よりアレンジを加えたい場合は、その他機能からフォントサイズ・テキスト色の変更、リンク・画像の挿入などが行えます。

その他機能に関しては、下記記事で解説しております。編集時にお役立てください。

参考記事：『【まとめ】投稿機能（ブログ）の操作マニュアル一覧』（文字装飾の活用方法に関するマニュアル一覧の記事をご参照ください。）←リンク変更すること

最初の流れが編集できたら、右下にある③の「フロー追加」をクリックしましょう。クリックすると、新しい流れが追加されます。

一通りの入力が終わったら、「プレビュー」から表示を確認してみましょう。

表示に問題がなければ、「更新」をクリックして、バナーの設定は完了です。

※流れ以外も編集したい方は、その他の部分の編集が終わったのちに「更新」をクリックしてください。