TCDテーマOOPS!・REHUB：スマホ表示時のハンバーガーメニュー下に文字を入れる方法
Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか？▼変更箇所イメージA.テーマにもよりますが、カスタムCSSで対応できます。今回の記事では、テーマ「OOPS!」でスマホ表示時のハンバーガーメニュー下に文字を追加します。以下のCSSをカス
OOPS! (TCD048)
リッチなランディングページをだれでもスピーディーに構築できるテーマ「OOPS!」。
テーマに搭載された「CTA機能」だけで数値計測やABテストが可能です。
デモサイト販売ページ
記事数
49
TCDテーマOOPS!：クイックタグの見出しを以前の見出しのデザインに変更する方法
Q.質問内容・アップデート後も以前のデザインの見出しを利用したいです。・見出しをなぞる仕様を維持したまま、旧来のデザインを利用したいです。補足OOPS!のVer1.6.1→2.0アップデートにてクイックタグの仕様が変更になり、見出しや囲み枠が対象のテキストをなぞる（ドラッグ）ことで適
TCDテーマOOPS!：固定ページのヘッダーを非表示にする方法
Q.固定ページのヘッダー（背景画像部分）を非表示にしたい。恐れ入りますが、テーマ側には対応した機能が搭載されておりません。簡単な方法としては、出力自体はされているもののCSSで見た目上非表示にすることが考えられます。▼変更箇所イメージ →デモサイト固定ページのサンプルA
TCDテーマOOPS!：ヘッダーに設定するYouTube動画の開始秒数を変更したい
Q.YouTube動画の開始秒数は設定できますか？ A.テーマファイルのカスタマイズを行うことで設定できます。編集するファイル：template-parts/index-slider.php編集箇所：137行目付近▼編集前↓「startAt:〇〇」の〇〇部分を
TCDテーマOOPS!：フッターCTAの閉じるボタンを非表示にする方法
Q.フッターCTAの×印を表示させないようにできますか？▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観＞TCDテーマオプション＞基本設定のカスタムCSSに入力して表示をご確認ください。
TCDテーマOOPS!：パンくずリストにカーソルを合わせた時のカラーを変更する方法
Q.質問内容パンくずリストにカーソルを合わせた時のカラーは変更できますか？▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観＞TCDテーマオプション＞基本設定＞カスタムCSSに下記CSSを入力してください。〇を任意のカラーコードに変更して
TCDテーマOOPS!：フリースペースでYouTube動画のサイズを変更する方法
Q.フリースペースでYouTube動画のサイズを調整したい。フリースペースにクイックタグでYoutube動画を設置した場合、ブラウザいっぱいに表示されますが、横幅を調整して小さいサイズで表示させることはできますか。▼変更後イメージA.下記の方法で対応してください。
TCDテーマOOPS!：レビュースライダーの抜粋文の長さを変更する方法
Q.トップページのレビュースライダーに表示される抜粋文の文字数を増やすことはできますか。▼変更箇所イメージ
TCDテーマOOPS!：トップページニュースティッカーの文字色・背景色を変更する方法
Q.トップページのアイキャッチ画像下に表示されるニュースティッカーの文字色と背景色を変更したいのですが、どのようにすればいいでしょうか？ニュースティッカーの部分のみ色を変更頂くオプション項目・機能は搭載されておりません。ニュースティッカー箇所の色につきましては、【外観＞TCDテーマオプシ
TCDテーマOOPS!：トップページ「ギャラリーコンテンツ」内の「カルーセルスライダーの下の説明文」を中央揃えにする方法
Q.質問内容トップページのコンテンツビルダー「ギャラリーコンテンツ」内の「カルーセルスライダーの下の説明文」に文章を設定しています。文章が短いため、左に寄ってしまっているのですが、これを中央寄せにすることはできますか。▼変更箇所イメージ<変更前>▼変更
TCDテーマOOPS!：トップページヘッダーコンテンツを非表示にする方法
Q.トップページのヘッダーコンテンツを非表示にする方法を教えてください。トップページのファーストビューであるヘッダーコンテンツにつきましては、非表示にする（またはこの箇所を小さくする）という対応よりは、サイトイメージが伝わる、サイトコンテンツがわかるような画像や動画をご用意、設定頂くことをおすす
TCDテーマOOPS!：トップページフリースペースの仕様変更に対応する方法
Q.テーマをアップデートしたら、トップページのフリースペースで意図しないスタイルが適用されるようになりました。OOPS! Ver1.3.1へのテーマアップデートで、外観＞TCDテーマオプション＞トップページ＞コンテンツビルダーの「フリースペース」に於いても記事ページ本文のクラスを適用する仕様に変
TCDテーマOOPS!：レビューアーカイブページの「ページを見る」ボタンの色を変更する方法
Q.レビューの記事作成画面で「アーカイブページにこの投稿へのリンクボタンを表示する」にチェックを入れている場合にアーカイブページに表示される、「ページを見る」ボタンの背景色を変更することはできますか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基
TCDテーマOOPS!：トップページの3つのボックスコンテンツでリンクを外す方法
Q.「３つのボックスコンテンツ」をいくつか配置した場合、個別にリンクを貼るコンテンツと貼らないコンテンツに分けたいです。各ボックスの設定で「リンク先のURL」を入力しないことで、具体的なリンク先が設定されることはありませんが、クリックすると（リンク先がないため）トップページに遷移いたします。
TCDテーマOOPS!：ブログ一覧ページで特定のカテゴリーに属する記事を表示させない方法
Q.フッターにカルーセル形式で表示されるブログ記事一覧とアーカイブページから、特定のカテゴリーに属する記事だけ非表示にしたいのですが、可能でしょうか。A.管理画面【外観】→【TCDテーマオプション】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。
TCDテーマOOPS!：トップページの「ショーケース」内のテキスト色を変更する方法
Q.トップページの「ショーケース」の文字色は変更できませんか？トップページのコンテンツビルダー内「ショーケース」につきましては、申し訳ございませんが、文字色を設定する項目を設けておりません。▼変更箇所イメージA.下記の方法でご対応ください。外観＞TCDテーマオプシ
TCDテーマOOPS!：トップページのボタンの文字サイズを変更する方法
Q.トップページのスライダー及びショーケースのボタンのフォントサイズを大きくしたいのですが、どうしたらいいでしょうか？▼変更箇所イメージ （トップページ画像スライダー上のボタン）A.下記の方法でご対応ください。外観＞TCDテーマオプション＞基本設定のカスタムCSSに入
TCDテーマOOPS!：スマホ表示時のハンバーガーメニューの背景色の変更方法
Q.スマホ閲覧で、グローバルメニューオープン時の背景色を変更したいです。外観＞TCDテーマオプション＞基本設定の色の設定「メインカラーの設定」が質問箇所の背景色やフッターエリアの背景色に適用されます。この記事では、メインカラーの設定を適用させず、質問箇所の背景色のみ変更する方法をご案内します。
TCDテーマOOPS！：トップページヘッダーコンテンツの文字と画像の位置を左右入れ替える方法
Q.トップページの画像スライダーで、キャッチフレーズと画像の位置を逆にする方法を教えてください。テーマオプションの「アニメーションタイプ」でフェードイン・スライド2を選択した場合は、文字が左・画像が右に表示されます。スライド1を選択した場合は、画像が左・文字が右に表示されます。&
TCDテーマOOPS!：フッターに表示される電話番号の文字色を変更する方法
Q.iOSの電話番号に自動的にリンクが張られる仕様により、iPhoneでサイトを見るとフッターの電話番号が背景色と同化してしまいます。文字色を変更できますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく
TCDテーマOOPS!：【IE】ヘッダーコンテンツの動画表示を調整する方法
Q.トップページのヘッダーコンテンツの背景に動画を設定している場合、IE11で閲覧すると、ブラウザの幅を縮める際に上下に黒い余白が表示されてしまいます。A.IEはこの箇所に適用されている「object-fit」プロパティに対応していないため、ウィンドウサイズを動画が包括できず、黒い余白が出て
TCDテーマOOPS!：ハンバーガーメニューの色、及びメニューフォントカラーの変更方法
Q.スマホ表示の際の三本線（ハンバーガーメニュー）と、メニューの文字色を変更したい▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観＞TCDテーマオプション＞基本設定＞カスタムCSSに下記を入力下さい。◇ハンバーガーメニューの三本線変更◇メニューのフォントカ
TCDテーマOOPS！：トップページのヘッダーコンテンツで動画ループを停止させる方法
Q.トップページのヘッダーコンテンツに動画を使用したいのですが、ループさせずに止めるにはどこで解除をすれば良いのでしょうか？A.下記の方法でカスタマイズしてください。mp4動画を背景に表示する場合編集するファイル：テーマフッター (footer.php)編集する箇所： 227行目
TCDテーマOOPS！：レビューページのボタンのテキストを変更する方法
Q.レビューアーカイブページの「ページを見る」と、レビュー記事詳細ページの「一覧ページに戻る」の文字を変更したいです。A.下記のphpファイルの該当箇所を編集しますレビューアーカイブページ 「ページを見る」編集するファイル：archive-review.php編集する箇所： 43行目
TCDテーマOOPS!：ニュースアーカイブページの抜粋文の文字数を調整する
Q.ニュースアーカイブページでサムネイル画像の下に表示される抜粋文の文字数を変更したいA.下記のphpファイルをご編集ください編集するファイル：archive-news.php編集する箇所：40行目※上記の「65」の数値を任意でご設定ください。※同ファイル36
TCDテーマOOPS!：ヘッダースライダーの文章を枠で囲う方法
Q.ヘッダーコンテンツを「画像スライダー」にした際、キャッチフレーズと説明文を半透明の枠で囲いたいA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」に下記のコードを記述してください。変更する箇所：※rgba(【red】,【green】,【b
TCDテーマOOPS！：ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法
Q.ヘッダーコンテンツのキャッチフレーズ、説明文、ボタン、画像などに適用されるアニメーション（フェードイン、スライド１、スライド２）の速度を変更することは可能でしょうか？A.下記にてご対応ください。外観＞TCDテーマオプション＞基本設定のカスタムCSSに下記を入力して下さい。補足）○
TCDテーマOOPS!:ニュースティッカーの切り替えエフェクトを変更する方法
Q.OOPS!にてトップページニュースティッカーの切り替え方法を変更したいOOPS!にてトップページスライダー下の、ニュースティッカーを切り替えるエフェクトを変更する方法を教えて下さい。A.下記のjsファイルの該当箇所を編集します編集するファイル：functions.min.js
TCDテーマOOPS!:ニュースティッカーの切り替え速度を変更する方法
Q.OOPS!にてトップページのニュースティッカーの切り替え秒数を変更したいOOPS!にてトップページスライダー下のニュースティッカーの切り替え速度を変更する方法を教えて下さい。A.下記のjsファイルの該当箇所を編集します編集するファイル：jquery.simpleTicker.js
TCDテーマOOPS！：スムーズスクロールがうまく動作しない場合の対処方法
Q.トップページのスムーズスクロールが動きません。A.下記をご確認ください。1. カスタムリンクのURL設定内容をご確認ください。外観＞メニューで、カスタムリンクのURLを「サイト名/#cb_●」ではなく、「#cb_●」のみの記載としてください。▼設定箇所（赤：NG 緑：OK）