menu

ListとList Itemの使用(webflow)

webflowを使用してのサイト制作を進めながら学習したことを書いていきます。
今回は[List]と[List Item]の紹介になります。

[List]は、番号付きまたは箇条書きのコンテンツリストを作成したい時に使用します。

◎Basic/[List]をドラッグして、画面上に配置する。

webflow006-02

◎Unorderedは黒丸、Orderedは数字、No Bulletsはなしから選択します。

webflow006-03

◎項目欄に文字入力します。
・項目を選択した状態で、Selector:に任意の名称を設定する。
・コピー&ペーストで項目数は増やしていけます。
※[List Item]をドラッグして、画面上に配置しても項目は増やしていけますが
コピー&ペーストで対応出来るのであまり必要はないかもしれません。

webflow006-04
webflow006-05

▽サンプル
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

webflow005-01Link Blockの使用(webflow)

webflow007-01地図の設置(webflow)

関連記事

  1. filmora-pho014-01

    トランジション「ベーシック編6(終)」(Filmora)

    トランジション「ベーシック編6(終) 」(Filmora) from yasuo kishiok…

  2. filmora-pho027-01

    ビジネスコレクション/オーバーレイ 6種(Filmora)

    ビジネスコレクション/オーバーレイ6種(Filmora); from yasuo kishiok…

  3. filmora-pho003-01

    テキスト「タイトル編」(Filmora)

    テキスト「タイトル編」(Filmora); from yasuo kishioka on Vim…

  4. photoshop-art006

    古ぼけた写真(Photoshop)

  5. filmora034-01

    旅の素敵な動画を飾る10種類のオーバーレイ(Filmora)

    旅の素敵な動画を飾る10種類のオーバーレイ(Filmora) from KISHIOKA.DES…

  6. okakishi-chaya_img05

    中面3ページにインタラクションとライトボックスを設定(webfl…

    架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。お店の紹介ページ…

  7. filmora-pho016-04

    ファッションコレクション/トランジション18種(Filmora)…

    ファッションコレクション/トランジション18種(Filmor; from yasuo kishi…

  8. text-and-particle

    テキストとパーティクル(After Effects)

    text-and-particle from yasuo kishioka on Vimeo.…

PAGE TOP