TCDテーマEVERY:ヘッダーの検索フォーム開閉ボタンの背景色を変更する方法
Q.マウスホバーする前の、ヘッダーの検索フォームのボタンの背景色を変更したい。ホバー時の背景色はTCDテーマ>サイト基本設定>色の設定の「メインカラー」が適用されますが、ホバー前の背景色はテーマ側で決め打ち(黒)となっています。▼変更箇所イメージA.下記の方法でご対応ください
Q.マウスホバーする前の、ヘッダーの検索フォームのボタンの背景色を変更したい。ホバー時の背景色はTCDテーマ>サイト基本設定>色の設定の「メインカラー」が適用されますが、ホバー前の背景色はテーマ側で決め打ち(黒)となっています。▼変更箇所イメージA.下記の方法でご対応ください
Q.ヘッダーボタンに電話番号を表示していますが、リンクをなくしたいです。スマホ時にはヘッダーボタンは表示されません。つまりPC時のみ表示されるのですが、「電話番号を表示しつつ、リンクをなくしたい」ということですね。▼変更箇所イメージA.下記の方法でご対応ください。TCDテ
Q.商品ページの「買い物カゴに追加」ボタン下にある商品コードや、カテゴリーを非表示にすることはできますか?はい。カスタムCSSで非表示にすることが可能です。▼変更箇所イメージ(検索窓はホバーしないと非表示になっている) A.下記の方法で対応してください。TCDテーマオプ
Q.ヘッダーバーの検索窓を常に表示させることはできますか?テーマの仕様上、検索窓は検索アイコンをホバーした際に表示されるようになっています。▼変更箇所イメージ(検索窓はホバーしないと非表示になっている) A.下記の方法で対応してください。TCDテーマオプション > 基本
Q.ハンバーガーメニューの下にMENUの文字を追加したいです。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述することで対応可能です。▼変更後イメージ他テーマの対応方法は以下記事をご参考にご覧ください。
Q.固定ページで異なるラージバナーを4つ表示したいです。デフォルトでは3つまでの設定になっています。4つに増やす場合は、テーマファイルの編集が必要です。▼変更前イメージA.下記のテーマファイルを編集してください。編集するファイル: modules/page/class
Q.トップページコンテンツビルダーの各キャッチフレーズをもう少し目立たせたいです。CSSだけでできる装飾をご紹介します。お使いのフォントやテキスト内容によって検討してみてください。A.下記の方法をお試しください。TCDテーマ>基本設定のカスタムCSSに入力してください。・最初
Q.ホバーアニメーションで「フェード」を設定しています。ホバー時に画像が暗くなりますが、これを明るくするよう変更可能ですか?A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力して調整します。「filter」プロパティでは、上記の透明度(o
Q.トップページのヘッダーに動画を設置しましたが、スマホでは左右が見切れてしまいます。テーマの仕様より、PCでは横幅100%、スマホでは高さ100%で表示される設計です。PC・スマホで同じ比率で表示する場合は、CSSで調整してください。▼変更前イメージA.TCDテーマ
Q.ログイン、会員登録ボタンの背景色を変更したいです。画面右側に表示されるログイン、会員登録ボタンの背景色はデフォルトでは黒になっています。変更する場合はCSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。
Q.フッターの「バナーリスト」で文字入りバナーを使っています。グラデーションをなくしたいのですが可能ですか?この箇所では、画像上のテキストの可読性を保つためにグラデーションがかかる仕様です。デモサイトでは画像とテキストを設定していますが、画像のみ設定することも可能です。▼変更箇所イメージ
Q.トップページヘッダーコンテンツのキャッチフレーズの文字色を変更したい。背景上のテキストが読みづらいという場合は、TCDテーマ>トップページ>ヘッダーコンテンツ>各アイテムのオーバーレイを設定することをまずはご検討ください。▼変更箇所イメージA.下記の方法でご対応ください。
Q.トップページの「インタビュー一覧」で、特定のカテゴリの記事のみ表示したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームページ (front-page.php)編集する箇所: 260行目付近↓
Q.スライダーが切り替わる時間を変更したいです。デフォルトでは4秒に固定されています。変更するにはテーマファイルの編集が必要です。▼変更箇所イメージA.下記のファイルを編集してください。編集するファイル: functions/slider_ini.php編集する箇
Q.固定ページ「MESSAGE」テンプレートで、7つより多くコンテンツを表示したいです。Ver2.7→2.8のアップデートでコンテンツ数を4→7つまで表示できるようになりましたが、それ以上表示させたい場合は以下のカスタマイズを行ってください。A.下記の方法でカスタマイズしてください。2つ
Q.スマホでキャッチフレーズの位置を変えたいので、トップページヘッダーコンテンツの「キャッチフレーズ」でHTMLタグを使えるようにしてほしい。万が一記述ミスや第三者による不正アクセスなどにより悪意のある内容が入力された場合、それを出力しないように安全対策としてサニタイズ処理を行っています。
Q.インタビューページの「関連記事」をカテゴリ関係なく全記事表示にしたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: single-interview.php編集する箇所: 126行目付近↓なお、
Q.検索結果ページに表示されるアイキャッチを非表示にして、テキストのみにしたいです。▼変更前イメージA. TCDテーマオプション>基本設定>カスタムCSSに以下を追記し、非表示にしてください。▼変更後イメージ
Q.お知らせアーカイブページの「もっと見る」の文字を変更するにはどうすればよいですか。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: archive-news.php編集する箇所: 94行目付近↓注意点Wor
Q.ヘッダードロワーメニューで言語ボタンを設置したのですが、リンクに飛ぶ際に別タブを開かないようにするためにはどうすればいいのでしょうか?別言語サイトへのリンクを想定しているため、この箇所ではリンク先が別タブで開く仕様となっています。▼変更箇所イメージA.下記の方法でカスタマ
Q.サイドコンテンツ非表示時のコンテンツ幅を広げたいです。サイドコンテンツを非表示にした場合、メインコンテンツは横幅をキープしたまま中央配置になります。横幅を広げたい場合はCSSで調整できます。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述し
Q.クイックタグ「関連記事カードリンク」の外部サイトへのリンクを別タブで開きたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions/card-link.php編集する箇所: 138行目、143行目付近▼13
Q.スマホでフッターカルーセルの見出しを表示したいです。フッターカルーセルの見出しはスマホでは表示されない仕様です。表示させる場合は、CSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼
Q.ヘッダーやフッターに表示されるSNSアイコンを大きくして目立たせたいです。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述し、サイズを調整してください。値は適宜ご調整ください。▼変更後イメージ
Q.トップページのコンテンツビルダー「お知らせコンテンツ」の左側『トピックス』で3件以上表示させたい。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: front-page.php編集する箇所: 70行目付近の「3」を変更
Q.ヘッダーロゴ部分の背景色を削除したいです。ロゴ画像によっては、背景色がない方が見やすいかもしれませんね。▼変更箇所イメージ(左上のロゴ部分)A.下記の方法でご対応ください。以下をTCDテーマ>基本設定のカスタムCSSに入力します。PC・スマホに反映されます。
Q.トップページの「サービスカルーセル」のテキスト部分の背景色(黒色)を変えられますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。
Q.ヘッダーコンテンツの「キャッチフレーズ」「説明文」の文字色を変更したいです。「画像上の文字を見やすくしたい」という意図でしたら、まずはオーバーレイを設定することをおすすめします。設定箇所:TCDテーマ>トップページ>ヘッダーコンテンツ>画像スライダー>オーバーレイ▼変更箇所イメー
Q.「投稿日」「更新日」のアイコンがわかりにくいので、テキストに置き換える方法を教えてください。▼変更後イメージ(撮影元:デモサイトトップページ)A.TCDテーマオプション>基本設定の「カスタムCSS」に以下のような記述を追加してください。
Q.LPを作りたいです。固定ページでページフッターを非表示にする方法を教えてください。直近のTCDテーマでは、固定ページ・LPテンプレートにてフッターに非表示にする機能が設けられています。(例:BASARA)▼変更箇所イメージA.下記の方法でご対応ください。各固定ページの