テキストリストセクション

一連のテキストを列に表示する場合は、[テキスト リスト] セクションを使用します。 を追加できます テキストリストセクション Web サイト内のさまざまなページに簡単にリンクしたり、説明付きのリンクを追加したりできます。

リスト アイテムをこのセクションに追加すると、指定した設定とスタイルが適用されます。 このセクションは、チーム、販売するさまざまな製品、および他の多くの目的を紹介するのに役立ちます.


ここで扱われる内容:

  1. テキストリストとは?
  2. ページにテキスト リスト セクションを追加します。
  3. リスト項目を追加および編集します。
  4. シーケンス リスト アイテム。
  5. リスト アイテムの削除。
  6. セクション レイアウトの変更。
  7. スタイル オプション。
  8. カルーセル スタイル
  9. 実例.

テキストリスト

  • テキストを追加したり、画像なしでテキストにリンクを追加したりする場合は、テキスト リスト セクションを追加できます。

テキスト リスト セクションを追加する

  • ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
  • あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

  •  今すぐ セクションカテゴリ 左パネル
  • 選択する リストセクション (1) オプションをクリックし、 テキストリスト タブ (2) では、さまざまなレイアウト (3) から選択できます。

  • 任意のセクション レイアウトを選択し、クリックしてページに追加します。
注:

  1. からセクション幅を管理できます。 セクション設定 とからのコンテンツの幅 コンテンツ スタイル.
  2. タイトル、サブタイトル、および説明は短く鮮明にします。
  3. 説明フィールドで、 入力します 改行を与えるボタンと Shiftキー+ Enterキー ボタンをクリックして、次の行から開始します。


リスト アイテムの追加と編集

リスト アイテムを追加

セクションを追加したら: 

  • セットアップボタンをクリックすると、セットアップが開始されます  テキストリスト編集(1) ボタンをクリックして、リスト アイテム パネルを開きます。

  • セットアップボタンをクリックすると、セットアップが開始されます アイテムを追加 (2) ボタンをクリックして、新しいリスト アイテムを追加します。
  • あなたはするオプションがあります 複製と削除 (3) リストアイテム。


リスト アイテムの編集

編集するリスト項目をクリックします。 特定のリスト項目の編集オプションが開きます。

  • 加える 役職 (1)、字幕 (2)、および説明 (3) リスト アイテムの。
  • 選択したレイアウトによっては、特定のリスト項目にサブタイトルと説明のオプションが見つからない場合があります。
    説明を追加する前に確認してください この 記事。

  • のリンク ビルダー アイコンをクリックします。 タイトルリンク (4) リンク ビルダーを開いて、リスト アイテムのタイトルを任意のページにリンクします。
  • で開くようにリンクを設定します 新しいタブまたは同じタブ内 とします。
  • 任意のタイプを追加します リンク (6)リスト項目へ。 ボタン/画像リンク/ソーシャルアイコン/テキストリンクを追加できます。 さらに詳しく.
  • Save (7) お客様の変更。


実際のテキスト リスト アイテムの編集を参照してください。


配列表項目

  • リスト項目を簡単にドラッグ アンド ドロップして、順序を変更できます。

リスト アイテムを削除する

リスト アイテムを追加したら、それを編集または削除できます。

  • セットアップボタンをクリックすると、セットアップが開始されます 削除 リスト項目の横にあるアイコン。
  • セットアップボタンをクリックすると、セットアップが開始されます 削除 確認ポップアップのボタン。
  • Save 変更。
Note

一度削除されたリスト アイテムは復元できません。


セクション レイアウト

  • セットアップボタンをクリックすると、セットアップが開始されます テキストリストの管理
  • 選択する レイアウト タブには何も表示されないことに注意してください。
  • 任意のレイアウトを選択し、変更を保存します。

セクションのスタイルを設定する

  • セットアップボタンをクリックすると、セットアップが開始されます テキストリストの管理 (1)
  • 選択する スタイル(2) タブには何も表示されないことに注意してください。
  • リスト項目のスタイルを変更し、 保存 (3) あなたの変更。


このセクションには複数のスタイル オプションがあります。 

スタイルオプション

アイテム 

  1. に選択します。 アイテムを表示 in 行と列 or カルーセル 
    • 行と列のオプションを選択した場合、リスト項目は行と列に配置されます。 この場合、行数と列数を指定する必要があります。
    • を選択した場合 カルーセル オプションを選択すると、リスト項目がスライドショーとして表示されます。 もっと知る.
  2. をセットする  列の数 テキストリスト用。 1 ~ 10 列から選択できます。
  3. 特定します 列間のスペース リスト項目の。
  4. 整列 コンテンツ テキストリストで。 左、右、または中央揃えに設定できます。
  5. カルーセルをループするかどうかを選択します。
  6. カルーセルの場合は、 ナビゲーション コントロール。 コントロールなし、矢印 – 中央下/右上/右下、シェブロン、ドットから選択できます。

サイズとスペース 

  1. 特定します コンテンツの幅 リストアイテム用。
  2. 特定します セクション見出しの下のスペース ピクセルで。
  3. 特定します タイトルの下のスペース リスト項目の (%)。
  4. 特定します 字幕の下のスペース リスト項目の (%)。

テキスト 

  1. セットアップボタンをクリックすると、セットアップが開始されます  文字スタイルの変更 にアクセスするためのボタン 設計 セクションと フォントのサイズとスタイルを管理します。 
  2. をセットする 役職 セクションのリスト項目のフォント スタイル。
  3. をセットする サブタイトル セクションのリスト項目のフォント スタイル。
  4. デフォルトを設定する 説明 セクションのリスト項目のフォント スタイル。
    チェック: ウェブサイトのテキスト スタイル。

カード 

  1. 方法を参照してください カードの管理に。

Shadow 

  1. ディスプレイ – リスト項目の背後にある影を常に表示するか、ホバー時にのみ表示するかを選択します。
  2. 形式 – 既存のプリセットから選択するか、カスタム シャドウを作成します。
    カスタムオプションを選択した場合は、これにアクセスしてください ボックスシャドウジェネレータ カスタム シャドウを作成します。 最後に、コピーして貼り付けます ボックス シャドウ CSS.

  1. プリセットオプションを選択した場合は、 影のスタイルを選択 をドロップダウンから選択します。

注:

スタイル設定は、セクション内のすべてのアイテムに適用されます。 リスト項目ごとに個別に変更することはできません。

  1. 方法を参照してください ボタンとリンクのスタイルを管理します。


カルーセル スタイル

カルーセル スタイルでは、リスト アイテムがスライドショーとして表示されます。つまり、リスト アイテムは次々と循環します。

カルーセル スタイルの仕組みをご覧ください。 


テキスト リスト アイテムをカードとして表示する

  • するとき ショーカード テキスト リストの上に、リスト アイテムの背景に、 設計 のセクションから無料でダウンロードできます。
    参照: ウェブサイトの色と間隔。

ご覧ください: 


ライブ テキスト リストは次のとおりです。 

ライブ デモ サイトを表示します。 

お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。