TCD LABOをリニューアルしました!

画像スライダー

17
  • STORY(TCD041)

TCDテーマSTORY:トップページ画像スライダーの拡大・縮小の速度を変更する方法

Q.質問内容トップページのヘッダーコンテンツを「画像スライダー」に設定している場合、画像がゆっくりとズームイン・ズームアウトする仕様になっていますが、この速度を変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部

  • GENSEN(TCD050)

TCDテーマGENSEN:スマホ表示時のトップページヘッダーコンテンツ画像スライダーの高さを小さくする方法

Q.スマホで閲覧した際のトップページヘッダーコンテンツ画像スライダーで、画像が拡大されて表示されます。PC表示時と同じ縦横比で表示させたいです。この箇所では、テーマの仕様で設定頂いた画像を全面(縦横いずれも100%での)表示をさせず、表示するデバイス(ウィンドウサイズ)によっては、正方形や横長の

  • STORY(TCD041)

TCDテーマSTORY:トップページ画像スライダーの切り替え秒数を変更する方法

Q.トップページヘッダーコンテンツで「画像スライダー」選択時の、各スライドの切り替わるスピードを変更したい。A.下記の方法でカスタマイズしてください。編集するファイル: js/topSlider.js編集する箇所: 6行目付近以降6行目付近の「1000」と設定され

  • Tree(TCD081)

TCDテーマTree:トップページの画像スライダーや記事カルーセルのドットボタンの色を変更する方法

Q.トップページの「画像スライダー」「記事カルーセル」に表示される●のデザインを変更したいです。▼変更箇所イメージ  各スライドを表すドットボタン部分です。A.下記の方法でご対応ください。TCDテーマ>サイト基本設定のカスタムCSSに入力してください。・画像スライダーのドットボタ

  • STORY(TCD041)

TCDテーマSTORY:PC表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツの画像スライダーの高さの変更方法を教えて下さい。スマホ表示時の同箇所変更方法については、下記の記事をご参照ください。→TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法A.下記の方法でご対応ください。外観>TC

  • FAKE(TCD074)

TCDテーマFAKE:トップページの画像スライダーアニメーションを変更する方法

Q.トップページヘッダーコンテンツの画像スライダーのアニメーションですが、従来の左から右へ流れるスライド形式のものに変更したいです。FAKEの画像スライダーのアニメーションは、ストライプ状に交錯するユニークなアクションで、左右や上下の動きを適用できますが、従来の「スライダー」でイメージする左から

  • ORION(TCD037)

TCDテーマORION:スマホでトップページのスライダー・スライダー上のロゴを表示しない方法

Q.スマホ表示時のみ、トップページのヘッダーコンテンツ(画像スライダー)を表示しない方法はありますか。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。画像スライダーと、「トップページヘッダーコンテンツのロゴ」を非表示にしています。

  • TOKI(TCD069)

TCDテーマTOKI:「お店紹介」詳細ページ内の画像スライダーが切り替わるスピードを変更する方法

Q.カスタム投稿「食べる」(お店紹介)詳細ページにある画像スライダーの表示時間を短くしたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions/head.php編集する箇所: 1127・1128行目&nb

  • STYLY(TCD052)

TCDテーマSTYLY:トップページの画像スライダーを1枚に固定する方法

Q.ヘッダーコンテンツの画像をスライドさせずに1枚固定にできないでしょうか?2番目以降の画像スライダーのアイテム項目を消去してもキャッチフレーズの部分にスライド動作が入ってしまうようです。A.下記の方法でカスタマイズしてください。1. スライド動作を停止させる編集するファイル: he

  • ZERO(TCD055)

TCDテーマZERO:トップページのヘッダーコンテンツ画像スライダーの画像にリンクを貼る方法

Q.トップのスライダーの画像にリンクを貼りたいのですが、可能ですか?外観>TCDテーマオプション>トップページのヘッダーコンテンツ画像スライダーで各スライダーのリンク先を設定出来ますが、キャッチフレーズ部のみにリンクが適用されます。▼変更前のリンク適用箇所イメージ 緑枠内がリ

  • OOPS!(TCD048)

TCDテーマOOPS!:トップページヘッダーコンテンツの文字と画像の位置を左右入れ替える方法

Q.トップページの画像スライダーで、キャッチフレーズと画像の位置を逆にする方法を教えてください。テーマオプションの「アニメーションタイプ」でフェードイン・スライド2を選択した場合は、文字が左・画像が右に表示されます。スライド1を選択した場合は、画像が左・文字が右に表示されます。&

  • NUMERO(TCD070)

TCDテーマNUMERO:ギャラリー詳細ページのスライダーの自動スライドを停止する方法

Q.ギャラリー詳細ページの画像スライダーが自動で切り替わらないようにしたいギャラリー設定の画像アイテムが指定した秒数の経過で切り替わりますが、手動で切り替わる(自動で切り替わらない)よう変更したいです。なお、スライドが切り替わるスピードは、TCDテーマ>ギャラリー>表示設定の

  • BEAUTY(TCD054)

TCDテーマBeauty:トップページ画像スライダーのキャッチフレーズ内で改行する方法

Q.トップページのヘッダーコンテンツ「画像スライダー」で、キャッチフレーズを改行させたいです。テーマオプションのトップページ内、画像スライダー1~5>キャッチフレーズでは改行が出来ない仕様となっており、HTMLタグも無効化されますので<br>タグを入力しても改行は反映されません。

  • STORY(TCD041)

TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの

  • OOPS!(TCD048)

TCDテーマOOPS!:ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法

Q.ヘッダーコンテンツのキャッチフレーズ、説明文、ボタン、画像などに適用されるアニメーション(フェードイン、スライド1、スライド2)の速度を変更することは可能でしょうか?A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力して下さい。補足)○

  • Switch(TCD063)

TCDテーマSwitch:ヘッダーコンテンツの画像スライダーの高さを変更する方法

2021/6/18 記事を更新しました。Q.トップページのヘッダーコンテンツで、画像スライダーの高さを変更したい。A.下記にてご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。併せて、ヘッダー中央に表示するキャッチフレーズの表示位置の変更についても記述していま

  • SOURCE(TCD045)

TCDテーマSOURCE:スマホトップページの画像スライダーの高さを変更する方法

Q.スマホ表示でトップページ画像スライダーの縦幅が大きく、横が見切れるので調整したい。A.下記の方法でカスタマイズしてください。カスタムCSSに下記の内容を記載下さい。●に任意の値を設定ください。(デフォルトは90です)(補足)通常ですと、画面のスクロールに合わせてス