スミアキブログ

WordPress

【WordPress】プラグインElemntorで横並び画像リンクを作成する

【WordPress】プラグインElemntorで横並び画像リンクを作成する

Elemntorで横並び画像リンクを作成する方法を解説します。

 

今回は、
例として4つの横並びの画像を配置する場合で説明します。

ウィジェット追加スペースで、4分割の構造を選ぶ

 

このように画像を配置していきます。
私の場合は、画像のサイズを360×192にします。

 

 

画像の設定内容のところで、
画像サイズをフル、
配置を左寄せ、
リンクの設定をします。

 

画像設定のスタイルで、
幅を98%、マウスオーバーの時の不透明度を調整します。

 

同じく、
画像設定のスタイルのところで、
シャドウの調整をします。
そうすると画像が少し浮かび上がったような表現となります。

これらの設定を全ての4つの画像に適用して完了です。

 

関連記事

Pick Up