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. chart-cartoon-film2-1

    Keynoteでグラフアニメーション/3D編(Keynote)

    Keynoteでグラフアニメーション/3D編(Keynote); from yasuo kish…

  2. filmora032-01

    26種類のフレームオーバーレイ(後半)(Filmora)

    26種類のフレームオーバーレイ(後半)(Filmora) from yasuo kishioka…

  3. photoshop-gallery003

    Photoshop Gallery 003

  4. webflow009-01

    タブの使用(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はの使用方法を…

  5. webflow015-01

    フレックスボックスの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスボ…

  6. filmora-pho006-01

    テキスト「エンディング編」(Filmora)

    テキスト「エンディング編」(Filmora); from yasuo kishioka on V…

  7. webflow01

    『Webflow』始めました。(webflow)

    Muse CCの開発が終了した事もあり、将来的なことを考えて別の制作方法を探していたところ『Webf…

  8. simpleshow01

    simpleshow試作その1(Adobe Premiere P…

    Adobe Premiere Pro CC/Adobe After Effects CCの学習用に…

PAGE TOP