ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

ヘッダーメニュー

20
  • SEEED (TCD105)

TCDテーマSEEED:ヘッダーメニューまわりの背景色・文字色の変更方法

Q.ヘッダーバーの背景色や文字色は変更できないのでしょうか?▼変更箇所イメージ    ※❸のメガメニューは本来は中央に表示されます。A.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力して調節します。●(背景色)○(リンク文字色)を任

  • ISSUE (TCD106)

TCDテーマGENESIS・ISSUE・SEEED:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.カスタムCSSで対応できます。(テーマのよって若干修正内容が異なります)今回の記事では、テーマGENESIS、SEEED、ISSUEでスマホ表示時のハンバーガーメニュー

  • SERUM (TCD096)

TCDテーマSOLARIS・SERUM・NANO・FAKE:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.カスタムCSSで対応できます。(テーマのよって若干修正内容が異なります)今回の記事では、テーマSOLARIS、SERUM、NANO、FAKEでスマホ表示時のハンバーガー

  • REHUB (TCD099)

TCDテーマOOPS!・REHUB:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.テーマにもよりますが、カスタムCSSで対応できます。今回の記事では、テーマ「OOPS!」でスマホ表示時のハンバーガーメニュー下に文字を追加します。以下のCSSをカス

  • HORIZON (TCD093)

TCDテーマHORIZON:ヘッダーのドロップダウンメニューの背景色・文字色を変更する方法

Q.グローバルメニューのサブメニュー「ドロップダウンメニュー」の、背景色と文字色を変更したいです。HORIZONのヘッダーメニューのレイアウトについてはデモサイト内のブログ記事でもご紹介しております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力

  • SOLARIS (TCD088)

TCDテーマSOLARIS:ヘッダーメニューを固定したい

Q.ヘッダーメニューを固定したいです。SOLARISのヘッダーのグローバルメニューは、スクロールしたりマウスオーバーすると白いメニューバーが下りてくる仕組みですが、常に固定して表示させることはできますか。▼現状A.CSSのカスタマイズでそのように見せることは可能です。

  • HORIZON (TCD093)

TCDテーマHORIZON:モバイルサイズ用メニューの背景色・文字色を変更する方法

Q.スマホ表示時のドロワーメニューの背景色と文字色を変更したいです。A.下記の方法でご対応ください。外観>カスタマイズ>追加CSSに入力してください。〇(背景色)・●(文字色・アイコン色)・◎(ドロップダウンメニューの背景色)を任意のカラーコードに変更してください。なお、カレント

  • Beyond (TCD094)

TCDテーマBeyond:グローバルメニューの親項目ホバー時・子項目の背景色と文字色を変更する方法

Q.ヘッダー内「ドロップダウンメニュー」の背景色とフォントカラーは変更できますか?この記事では、メニュー項目ホバー時の背景色・文字色、およびドロップダウン・メガメニューB(サービス一覧)・メガメニューC(導入事例一覧)の背景色と文字色の変更方法をご案内します。▼変更箇所イメー

  • Rebirth (FREE001)

TCDテーマRebirth:グローバルメニューのリンク文字色を変更する方法

Q.ヘッダーのメニューの文字色を変更したいです。テーマ仕様では、ヘッダーまわりについては【TCDテーマ>基本設定>色の設定】の設定内容が以下のように適用されます。ヘッダーの背景色:キーカラー1カレント表示文字色・ホバー時文字色:ホバーカラーしかしながら

  • SOLARIS (TCD088)

TCDテーマSOLARIS:固定ヘッダーの背景色を変更する方法

Q.グローバルメニューの背景色を変更したいページをスクロールするとグローバルメニューの背景が白くなりますが、この色を変更することはできますか。▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確

  • STORY (TCD041)

TCDテーマSTORY:スマホ表示時のヘッダーの線を非表示にする、色を変更する方法

Q.スマホ表示時のヘッダーの下部とハンバーガーメニューの左に表示される1pxの線を非表示にしたいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • BIRTH (TCD057)

TCDテーマBIRTH:ヘッダーを「ページ上部に固定表示」にしている場合の背景色と文字色の変更方法

Q.質問内容ヘッダーを「ページ上部に固定表示」に設定しています。この場合デフォルトで、背景色が白、文字色はグレー系になっていますが、これを変更することはできますか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最

  • SOURCE (TCD045)

TCDテーマSOURCE:ヘッダーの文字色変更方法

Q.ヘッダーのフォントカラーを自由に変更したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力ください。※●●●となっている部分は、 お好きなカラーコードをご設定いただくと背景色を変更

  • SOURCE (TCD045)

TCDテーマSOURCE:ヘッダーバーカラーと文字色をそれぞれ個別に変更する方法

Q.TCDテーマオプションにおいてメインカラーを設定すると、ヘッダーの背景色と文字色が連動してしますが、どちらかを個別に設定したいです。今回は、ヘッダーバーの色はTCDテーマオプションで設定していただき、それに連動するフォントカラーのみを変更する方法をご案内いたします。▼変更箇所イメージ

  • Precious (TCD019)

TCDテーマPrecious:スマホ閲覧時にヘッダーメニューを固定する方法

Q.ページをスクロールするとヘッダーメニューが見えなくなってしまいますが、これを常にページ上部に固定させることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。PC表

  • Precious (TCD019)

TCDテーマPrecious:PC閲覧時にヘッダーを固定する方法

Q.ページをスクロールするとヘッダーバーが見えなくなってしまいますが、これを常にページ上部に固定させることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。スマホ表示

  • ICONIC (TCD062)

TCDテーマICONIC:ヘッダーのロゴ上のキャッチフレーズを任意のテキストに変更する方法

Q.ヘッダー部分のロゴマーク上のキャッチフレーズ部分に画像やテキストなど、任意のものを表示させたいです。テーマ仕様では、この箇所には設定>一般の「キャッチフレーズ」の内容が表示されます。▼変更箇所イメージ(PC)A.下記の方法でカスタマイズしてください。編集するフ

  • BIRTH (TCD057)

TCDテーマBIRTH:ページ上部固定ヘッダーの高さを変更する方法

Q.ページ上部に固定表示したヘッダーバーを高くする方法を教えてください。A.下記の方法にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力ください。※およそ倍程度の高さに変更しております。○pxの数値部分は適宜ご変更ください。

  • INNOVATE HACK (TCD025)

TCDテーマINNOVATE HACK:グローバルメニューを固定表示させる方法

Q. ヘッダーメニュー、グローバルメニューを上部に固定表示させたい。A.下記の方法でご対応ください。外観>テーマオプション>基本設定のカスタムCSSに入力してください。TCDテーマ「PHOTEK(TCD024)」をご利用のお客様はこちらの記事を参考にしてください。