WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマORION:スライダー画像が見切れる時の対処方法

Q.スライダー画像が見切れてしまいますがどうしたらいいでしょうか?

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

スライダー部分は、設定された画像を背景画像として表示しておりますが、画面全体を覆う形になるように画像を拡大・縮小する仕様となっております。その際、画像の縦横比は保持されるため、画像のサイズ、デバイスの画面サイズによっては上下、または左右が見切れることがございます。

下記箇所をご変更頂くことで画像の拡大・縮小を解除することができます。尚、画像の左右が見切れることはなくなるかと思われますが、その代わりに余白が発生することが予想されますので予めご了承ください。

下記、編集するファイルと編集する箇所になります。
編集するファイル:header.php
編集する箇所:

<div class="item"  style="background-image:url(<?php echo esc_attr($image[0]); ?>); background-size:cover;  background-position:center;">

<div class="item"  style="background-image:url(<?php echo esc_attr($image[0]); ?>);  background-size:contain; background-repeat:no-repeat; background-position:center;">

※同じコードが3か所ございます。上から順に、「ヘッダーコンテンツのタイプ」が「画像スライダー」「動画を背景に表示」「YouTubeの動画」のときに使用されるものとなります。必要な箇所をご変更ください。

The following two tabs change content below.

タカ

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。