ICONICでトップページのカルーセルスライダーのアイキャッチ画像サイズを変更する方法|初心者向けカスタマイズ
ICONICでトップページのカルーセルスライダーのアイキャッチ画像サイズを変更する方法|初心者向けカスタマイズ
ICONICでは、トップページに下記のようなカルーセルスライダーを表示させることができます。

ICONICでのカルーセルスライダー

ICONICでのカルーセルスライダー

デフォルトでは、アイキャッチ画像が正方形で表示されていますが、今回はこのアイキャッチ画像のサイズを、任意のサイズに変更する方法を解説したいと思います。

カスタマイズの注意点

今回紹介するカスタマイズ方法では、WordPressテーマのテーマファイルを直接編集します。
万が一に備え、編集前は必ずファイルのバックアップをとっておきましょう。

トップページのカルーセルスライダーのアイキャッチ画像サイズを変更する方法

WordPressのダッシュボード左メニューから、『外観カスタマイズ』という順にクリックします。

『外観→カスタマイズ』という順にクリックして進む

『外観→カスタマイズ』という順にクリックして進む

カスタマイズページが開くので、画面左メニュー内の『追加CSS』をクリックしましょう。

画面左メニュー内の『追加CSS』をクリック

画面左メニュー内の『追加CSS』をクリック

追加CSSに下記のコードを入力します。

〇〇の部分には任意の数字を入力しましょう。

上記のコードを入力したら、メニュー上部の『公開』ボタンをクリックしましょう。

『公開』ボタンをクリック

『公開』ボタンをクリック

これで、トップページのカルーセルスライダーのアイキャッチ画像サイズを変更することができます。

サイズを変更したカルーセルスライダー

サイズを変更したカルーセルスライダー

まとめ

今回は、ICONICでトップページのカルーセルスライダーのアイキャッチ画像サイズを変更する方法を解説しました。

気になった方は、ぜひ試してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事