Elemntorで横並び画像リンクを作成する方法を解説します。
今回は、
例として4つの横並びの画像を配置する場合で説明します。
ウィジェット追加スペースで、4分割の構造を選ぶ
このように画像を配置していきます。
私の場合は、画像のサイズを360×192にします。
画像の設定内容のところで、
画像サイズをフル、
配置を左寄せ、
リンクの設定をします。
画像設定のスタイルで、
幅を98％、マウスオーバーの時の不透明度を調整します。
同じく、
画像設定のスタイルのところで、
シャドウの調整をします。
そうすると画像が少し浮かび上がったような表現となります。
これらの設定を全ての４つの画像に適用して完了です。
