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

ワードプレステーマ別

ロゴ

33
  • CURE(TCD082)

TCDテーマCURE:トップページのロゴとメニューのフェード表示アニメーションをなくす方法

Q.トップページのサイトロゴとグローバルメニューのフェード表示アニメーションをなくして、トップページを開くと表示されている状態にしたいです。テーマ仕様では、ロゴ・グローバルメニュー・ヘッダーコンテンツのキャッチフレーズ・サイドバー・ボックスコンテンツは順にフェード表示されるアニメーションが施され

  • STORY(TCD041)

TCDテーマSTORY:フッターに複数のロゴを設定する方法

Q.フッターに複数社のロゴを設定したいのですが、どうすればいいでしょうか?ロゴを4つ横に並べる事が出来るのでしょうか?また、もしそのような対応が出来た場合、スマホでも同じように表示されますでしょうか?A.下記の方法でご対応ください。フッターにロゴを4つ並べるには、外観>TCD

  • AMORE(TCD028)

TCDテーマAMORE:スマホにてヘッダーとフッターロゴの大きさを同じにする方法

Q.スマホにて、ヘッダーとフッターロゴの大きさを同じにするにはどうしたらよいでしょうか?A.下記のファイルを修正してください。下記の方法で該当ファイルを修正ください。修正ファイル:amore.css上記heightの値を変更してください。※スマホ用のヘッダ

  • VENUS(TCD038)

TCDテーマVENUS:下層ページのロゴ画像を大きく表示する方法

Q.下層ページ用ヘッダーロゴ画像に弊社ロゴマークを指定しておりますが、ロゴ全体が表示されません。表示させる方法をお教えください。テーマ「VENUS」は、この箇所に小さめのロゴ画像を設定することを想定したデザイン仕様となっています。推奨サイズは【横幅60px以下、縦幅60px以下】です。▼

  • SKIN(TCD046)

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

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

  • Precious(TCD019)

TCDテーマ共通:テーマオプションで設定するロゴ画像をSSL化する方法(旧式のアップローダー対象)

Q.サイトをSSL化に対応したので、ロゴ画像もSSL化した画像URLでアップロードしたい旧式のロゴアップローダーは、アップロードに関わる箇所がSSLに対応していない<wp_upload_dir()> という関数が使われおります。その為、httpsに対応しておらず、返り値が必ずhttpになりま

  • CORE(TCD027)

TCDテーマCORE:スマホサイトにロゴを表示させる方法

Q.スマホサイトにもロゴを表示させたいTCDテーマ「CORE」を使用している際、スマホサイトで閲覧するとロゴの部分がテキスト(サイトタイトル)になっていると思います。パソコン閲覧時と同様に、サイトロゴを表示させたいことがあると思います。下記の方法でカスタマイズをおこなっていただくとス

  • ORION(TCD037)

TCDテーマORIONのロゴ(大)をスマホで見た際に縮小する方法

Q.トップページヘッダーコンテンツのロゴ(大)をスマホで見た際に縮小にしたいトップページヘッダーコンテンツのロゴ(大)が大きめの画像だった場合は、スマホで見た際に両端が見切れてしまいますので、その回避方法です。A.テーマオプションのカスタムCSS欄に下記コードを追記します

  • AMORE(TCD028)

TCDテーマAMORE:ヘッダーとフッターロゴの大きさを同じにする方法【スマホ版】

Q.ヘッダーロゴの大きさをフッターロゴの大きさにしたいつきましてはヘッダーロゴの大きさ変更方法についてご説明します。A.下記のPHPファイルの該当箇所を編集します編集するファイル:amore.css編集する箇所:上記の「height」で示した数字を変更してください

  • LUXE(TCD022)

TCDテーマLUXE:フッターロゴを非表示にする方法

Q.フッターロゴを非表示にしたいA.下記のPHPファイルの該当箇所を編集しますLUXEのフッターの左側には、テーマオプションで設定したロゴが表示され、ロゴを登録しない場合はサイトタイトルがテキストで表示されます。こちらを非表示にする方法は、下記のファイルをご編集ください。編集

  • AMORE(TCD028)

TCDテーマAMORE:サイトロゴのリンク先を任意に設定する

Q.ヘッダーロゴのリンク先を別のサイトに設定したいヘッダーロゴはホームに設定されていますが、別のサイトへリンクするようにできますか?A.下記phpファイルの該当箇所を編集します編集するファイル:header-logo.php編集する箇所:①ロゴのURLを変更 

  • AGENT(TCD033)

TCDテーマAMORE・LAW・AGENT他:ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)

Q.ロゴ画像をretinaディスプレイ対応にする方法ヘッダーロゴ、フッターロゴの画質がretinaディスプレイで粗くなるので、retinaディスプレイでも高解像度で表示する方法を教えてください。A.カスタムCSSに下記コードを追加することでretinaディスプレイ対応が可能です1)ダ

  • VIEW(TCD032)

VIEWにてスマホ表示時にロゴ画像を表示する方法

Q.VIEWでもスマホ表示でロゴを画像にしたいスマホ表示時にスマホ用のヘッダーロゴ画像を表示するというカスタマイズ方法が解説されておりますが、VIEWにおいてはカスタマイズ方法が異なるようです。編集方法をおしえてください。A.下記の手順でcssファイルの該当箇所を編集してください編集

  • Focus(TCD030)

ヘッダーロゴの縦幅を変更する

Q.ヘッダーロゴの縦幅をもう少し大きく表示したいロゴのサイズは、規定の横長のサイズから変えられないでしょうか?A.下記のcssファイルの該当箇所を編集しますロゴの部分を変更するだけでは全体のデザインが崩れてしまうので下記の全箇所を調整ください。編集するファイル:focus.css