「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

グローバルメニュー

71
  • KADAN(TCD056)

TCDテーマKADAN:グローバルメニューを非表示にする方法

Q.グローバルメニューを非表示にするには、どうしたらよいでしょうか?A.下記の方法でカスタマイズください。外観>TCDテーマオプション>基本設定>カスタムCSS に下記コードを追記してみて表示をご確認ください。またメニューの位置からグローバルメニューを選択

  • ANGEL(TCD047)

TCDテーマANGEL:スマホのハンバーガーメニューをテキスト表示に変更する方法

Q.スマホのハンバーガーメニューをテキスト表示に変更したいのですが方法はありますか。A.該当ファイルをカスタムCSSに追加してくださいこちらのようにカスタムCSSなどに設定いただければハンバーガーメニューは非表示になりメニューというテキストがでるようになります。

  • BEAUTY(TCD054)

TCDテーマBeauty:タブレットのグローバルメニューをスマホ表示に変更するカスタマイズ

Q.iPad(横)表示の際にメニュー表示がPC表示なので、プルダウンのボタン(制作したページではAboutボタン)が長押ししないと出てこない。A.新たにタブレット用のcssを準備反映することで対応が可能です。1.style.cssをコピーし、style_tb.css等の名前で保存して

  • SKIN(TCD046)

TCDテーマSKIN:ヘッダーのロゴとメニューを2行で表示する方法

Q.ヘッダーで、メニューの項目数を多くした場合にサイトロゴと被って表示されてしまいます。カスタマイズの前にテーマのデザイン性確保や「わかりやすさ」の面からも、まずはメニュー項目を整理することをおすすめします。外観 > メニューより、メニューを階層化することをご検討ください。▼変

  • ZERO(TCD055)

TCDテーマZERO:ヘッダーメニューの色を変更する方法

Q.ヘッダーメニューの背景色、文字色を変更したいTCDテーマオプションにて色の変更がされないメニューの色を変更したいのですが、可能でしょうか。A.可能です。カスタムCSSを編集してください。以下のCSSをカスタムCSSに記述いただくことをお試しください。カスタムCSSに記述いただ

  • STYLY(TCD052)

TCDテーマSTYLY:パソコン用⇄スマートフォン用でグローバルナビゲーションが切り替わる画面幅を変更する。

Q.1280px以下の画面ではスマートフォン用のグローバルナビゲーションとなりますが、1200pxまでPCのグローバルナビゲーションを表示したいA.該当ファイルを編集してください編集するファイル:functions/head.php※※1280pxの値を任意(例では1200p

  • テーマ共通

TCDテーマ:グローバルメニューにリンクが無いメニューを設置する

Q.グローバルメニューにリンクが無いメニューを設置したいデモサイトのグロバルメニューでリンクのついていないメニューの作成方法に関してお問い合わせがございましたので、設置方法をご紹介させていただきます。A.「外観」>「メニュー」の「カスタムリンク」をご利用してください①「カ

  • VENUS(TCD038)

TCDテーマVENUS:メニューが2段になった時に修正する方法

Q. TCDテーマVENUSのメニューがなぜか2段になりました。なぜ2段になるかというと、VENUSのテーマ仕様では、メニューの数は最大6つまでが理想的なんですね。各メニュー項目の横幅が16%に設定されていますので、そこを修正する必要があります。▼変更箇所イメージA.下記

  • PHOTEK(TCD024)

TCDテーマPHOTEK:ホームボタンを非表示にする方法

Q.家のマークを非表示にしたいホームボタンはいつでもグローバルナビからTOPページに遷移させる為のボタンとしてありますが、ロゴからもTOPページに戻る事ができるため不要と考える方もいらっしゃいます。そこでホームボタンを非表示にする方法を紹介致します。BeforeAfter

  • AGENT(TCD033)

TCDテーマAGENT:メニューの位置を右寄りに変更する方法

Q.グローバルメニューの位置を右寄りに変更したい横長のヘッダーロゴを設定すると、グローバルメニューと被ってしまうので、回避する方法を教えてください。A.カスタムCSSに下記コードを追加することで対応が可能です※●●はご任意の数値を記述して下さい

  • テーマ共通

グローバルナビやフッターナビのリストメニューで一部のリストだけデザイン(文字や色、背景)の変更を行いたい

ナビゲーションの一部のリストだけデザイン変更を行う方法についてご説明します。こちらは弊社LUXEのデモサイトです。Google Cromeのデベロッパーツールでソースを確認します↓↓たとえばダウンロードの文字を大きくしたい場合、ダウンロードのid名は「menu-item-

  • AGENT(TCD033)

TCDテーマAGENT:ウィンドウサイズを変更した際のグローバルメニューの背景色を変更する方法

Q.ウィンドウサイズを変更した際のグローバルメニューの背景色を変更したい特定のウィンドウサイズでメニューの背景色を固定する方法をご紹介します。A.下記のcssファイルの該当箇所を編集します編集するファイル:agent.css編集する箇所:一番下に以下のコードを付加して下さい。

  • AMORE(TCD028)

TCDテーマAMORE:スマホ閲覧時のグローバルメニューを非表示にしたい

Q.スマホ閲覧時のメニューの非表示方法についてメニューの作成にあたって外部プラグインを使用したいのですが、メニューが2重で表示されてしまいます。デフォルトのメニューを非表示にすることは出来ますか?A.下記のphpファイルの該当箇所を編集してください編集するファイル:header.ph

  • AMORE(TCD028)

TCDテーマAMORE:グローバルメニューの色変更の方法

Q.グローバルメニューの色を変更したいデフォルトのグローバルメニューでは、黒にちょっと透明がかっていますが、これを不透明にする方法を教えてください。A.テーマオプションのカスタムCSSに下記を追記ください※rgbaの設定は左からred・green・blue・alphaとなります。

  • PHOTEK(TCD024)

スマホ表示のメニューアイコンや文言の調整

Q.スマホ表示のメニューボタンの表示の調整方法についてスマホ表示の際にヘッダーに表示されるメニューのアイコンや、文言を追加する場合の変更方法を教えてください。A.下記のphpファイルの該当箇所を編集してください編集するファイル:header.php編集する箇所:「<s

  • AMORE(TCD028)

TCDテーマAMORE:グローバルメニューのずれ込みを回避する

Q.グローバルメニューのずれ込みを回避したいグローバルメニュー(ヘッダーメニュー)でメニューを5~6項目以上作成した際、iPadなどで見た場合、デザイン上メニューが下にずれる場合がございます。そのような場合は、メニューの数を減らして頂くか、以下の方法のようにスマホのメニューに切り替える方法が

  • AGENT(TCD033)

TCDテーマAGENT:グローバルメニュー、フッターメニューで英小文字を適用する

Q.英小文字をメニューに設定しても大文字に変換されてしまうグローバルメニューとフッターメニューの英字表記が小文字で設定していても大文字に変換されてしまいます。小文字のまま表示する方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:agent.c

  • AMORE(TCD028)

TCDテーマAMORE:スマホグローバルメニューにタップで電話をかけられる電話番号を表示する

Q.スマホ表示でグローバルメニューに電話番号を表示させたいPC表示ではヘッダー部分にグローバルメニューもしくは電話番号を選択して表示することができますが、スマートフォンではヘッダーに電話番号を表示することはできませんか?A.以下の手順でグローバルメニューにタップで電話をかけられる電話番号

  • SWEETY(TCD029)

グローバルメニューの各項目の間隔や文字サイズの調整

Q.グローバルメニューが2列で表示されるのを1列に収めたいグローバルメニューの項目が2列の表示になっていますが、各項目の間隔を狭めたり、文字のサイズを小さくすることで、何とか1列に収めたいと考えています。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc

  • AMORE(TCD028)

TCDテーマAMORE:グローバルメニューにページ内リンクを設定する

Q.トップページでページ内リンクを使用するには?AMOREのトップページでページ内リンクを設定したいです。グローバルメニュー上で、メニュー項目をクリックすると各ブロックへ遷移するようにすることはできますか?A.テーマオプションの各ブロック設定と、メニュー設定にページ内リンクを記述します