GAIA：常にトップページのヘッダースライダーのサイズを16:9で表示させる方法
Q.質問内容・ヘッダースライダーのサイズを比率固定したいです。・メイン動画に設定した動画を、PC、スマホ問わず16:9で表示させたいです。▼変更後イメージ(デモサイト：スタイルアーカイブページ)A.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してくださ
レスポンシブ
14TCDテーマSTORY：常にトップページのスライダーを16:9で表示させる方法
Q.質問内容スマホ表示の場合、スライダーで設定した画像が高さ100%で表示されてしまい、切り取られて表示されます。PC,スマホ問わず、常に一定比率で表示させたいです。▼変更後イメージA.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してください。
TCDテーマSTORY：常にトップページのスライダーを16:9で表示させる方法
Q.質問内容スマホ表示の場合、スライダーで設定した画像が高さ100%で表示されてしまい、切り取られて表示されます。PC,スマホ問わず、常に一定比率で表示させたいです。▼変更後イメージA.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してください。
TCDテーマBIRTH：スマホでトップページのスライダーを切り取られずに表示する方法
Q.スマホ表示の場合、スライダーで設定した画像または動画が高さ100%で表示されてしまい、切り取られて表示されます。▼変更箇所イメージA.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してください。下記のCSSを追記することで全画面表示を解消して、左右切り取
TCDテーマNANO：スマホでトップページのヘッダーコンテンツ画像・動画を切り取られずに表示する方法
Q.スマホ表示の場合、設定した画像または動画が全画面表示になってしまい、切り取られて表示されます。▼左：画像（1740×840ピクセル） 右：動画（640×360ピクセル）の例A.下記のCSSを追加することで全画面表示を解消して全体が表示できます。スマホとPCでは縦横比が
TCDテーマSOURCE：トップページのフリースペースにGoogle Mapをレスポンシブ対応して埋め込む方法
Q.トップページのフリースペースでGoogle Mapをレスポンシブ対応させたいトップページのフリースペースにGoogle Mapを埋め込むと、スマホ閲覧時にブラウザの幅に対応せず表示が崩れてしまいます。レスポンシブ対応させることはできますか。A.下記の方法で対応してください
テーマ共通：スマホ表示時にコンテンツが左側に寄って表示される際の対処方法
Q.スマホで表示すると、コンテンツが画面の左側に寄って表示されてしまいます。トップページのフリースペース、あるいは記事詳細ページでYouTubeやGoogle Mapの埋め込みタグ等のiframeタグを使用した場合にお問い合わせを頂く事象です。基本的には、iframeタグはそのままの記述では
レスポンシブのブレイクポイントを調整する
Q.PC用レイアウトとモバイル用レイアウトのブレークポイントを調整したいレスポンシブデザインのブレークポイントを調整することはできますか？A.下記ファイルの該当箇所を編集します①編集するファイル：functions/head.php編集する箇所：※max-widthの
TCDテーマVIEW：GoogleMap（iframe使用）をレスポンシブ対応させる
Q.GoogleMapをレスポンシブ対応させるにはどうすれば良い？iframeでGoogleMapを記事内に挿入すると、レスポンシブ対応にならずスマホではみ出して（表示崩れして）しまいます。簡単に解決する方法はありますか？A.iframeをレスポンシブ対応するためのスタイル（CSS）を追
TCDテーマPrecious：スマホサイトとパソコンサイトで表示を分ける方法
Q.スマホのみバナーを非表示にしたいPCサイトでは、バナーを表示してスマホサイトではバナーを非表示にする方法はありますか？A.下記のファイルをご編集ください非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。スライダー下のバナーの場合
埋め込み動画のレスポンシブ対応方法（YouTube等）
弊社テーマ自体は、ほとんどがレスポンシブ対応（一部未対応）となっておりますがYouTubeの埋め込み動画のサイズをレスポンシブに変更する機能はございません。その為、アップしたYouTube動画をスマホで見た場合、画面がはみ出てしまう事がございます。その場合は、下記のようにご編集ください。
PCとスマホで表示内容を変更する方法
Q.PCとスマホで別々の表示にしたいPCでの表示とスマートフォンでの表示の内容を変えたいのですが可能でしょうか。2.下記のphpファイルの該当箇所を編集します編集するファイル：function.php編集する箇所：下記のコードを設置ください。2.使用方法投
スマホでTCDテーマSWEETYを表示した際のロゴの調整方法
Q.ヘッダーロゴとフッターロゴのサイズを均一にしたいのですが？スマホで閲覧時にヘッダーロゴは小さく、フッターのロゴは大きく表示されてしまいます。どこか設定でロゴサイズを均一に表示させる方法はありませんか？A.下記のphpファイルの該当箇所を編集します当テーマでは、ヘッダー部分には設定
TCDテーマのレスポンシブ機能を無効（解除）する方法
Q.レスポンシブ機能の解除をするにはBlogPressを使用しているのですが、スマートフォン対応の必要がなくなったのでレスポンシブデザインを解除したいのですが、どのようにすればできますか。A.下記のphpファイルの該当箇所を編集します①編集するファイル：header.php編集す