menu

Link Blockの使用(webflow)

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

[Link Block]は、写真や文章で構成されたブロックを
まとめてリンク設定したい時に使用します。

◎Basic/[Link Block]をドラッグして、リンクさせたいブロックに配置する。

webflow005-02
webflow005-03
webflow005-04

◎配置した[Link Block]を選択した状態でリンク先の設定を行います。

webflow005-05

▽サンプル
live-preview

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

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

webflow004-01Div Blockの使用(webflow)

webflow006-01ListとList Itemの使用(webflow)

関連記事

  1. webflow013-01

    フィルタの設定(webflow)

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

  2. webflow002-01

    スライドショーの設置(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はスライドショー設置の紹介になります。…

  3. filmora-pho009-02

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

    トランジション「ベーシック編1」(Filmora) from yasuo kishioka on…

  4. filmora-pho014-01

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

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

  5. webflow016-01

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

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに…

  6. filmora-pho028-01

    8つのカメラシェイクエフェクト(Filmora)

    〜Filmoraで動画編集〜8つのカメラシェイクエフェクト(Filmora) from yasu…

  7. xd005

    自動アニメーションで目を左右に動かしてみる(Adobe XD)

    バージョン13.0から搭載された「自動アニメーション」を使って、イラストの目をボタンで左右に動か…

  8. dimension001

    コーヒーカップを作る(Adobe Dimension CC)

    Adobe Dimension CCを使って、コーヒーカップのシーンを作りました。コーヒーカップ…

PAGE TOP