「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマSKIN:トップページヘッダースライダーの横幅を変更する方法

Q.トップページスライダーの大きさは変更できますか?

▼変更箇所イメージ  →SKINデモサイト
変更箇所イメージ

A.下記の方法でご対応ください。

1. 横幅を調整する

外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

#header_slider { max-width: 〇px; }

〇を任意の数値に変更します。デフォルトは1150pxです。
横幅を画面サイズいっぱいにしたい場合は「max-width: unset;」とします。

2. 画像をフルサイズで表示する

画像(静止画)を設定している場合、画面サイズによっては画像が引き伸ばされて画質が低下しているように見えることがあります。これは、この画像箇所でトリミング処理を行っているからです。以下のカスタマイズにて、トリミング処理を外して画像をフルサイズで表示することが可能です。

編集するファイル: front-page.php
編集する箇所: 14行目付近

$image = wp_get_attachment_image_src($options['slider_image'.$i], 'size5');

 ↓ ‘size5’ を ‘full’ に変更

$image = wp_get_attachment_image_src($options['slider_image'.$i], 'full');

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事