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

ワードプレステーマ別

位置の調整

17
  • REHUB(TCD099)

TCDテーマREHUB:日本地図の各エリアの位置を調整する方法

Q. 日本地図で各エリアのコンテンツ同士が被ってしまう場合がありますが、どうしたら良いでしょうか?▼参考事例上記のように北海道エリアに複数の市町村を設定すると、東北エリアと被ってしまうことがあります。A. 「カスタムCSS」の機能で各所調整可能です。今回は上のパターンのように「北

  • common(TCD097)

TCDテーマcommon:トップページのヘッダースライダー「コンテンツスライダーB」のテキストを画面中央で表示する方法

Q.トップページのヘッダースライダーで「コンテンツスライダーB」を選択しました。テキストの表示される位置をデフォルトの左側から中央に変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。補足

  • meets(TCD086)

TCDテーマmeets:トップページヘッダーコンテンツ上のロゴなどの上下位置を変更する方法

Q.トップページのヘッダーコンテンツのロゴ・キャッチフレーズ・説明文・ボタンを少し上に移動したいのですが、方法はありますか?▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇に任意の数値を入れてください。デフォルトは

  • CURE(TCD082)

TCDテーマCURE:ヘッダースライダーの高さを変更する方法

Q.ヘッダースライダーの高さは変更できますか?A.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。〇を任意の数値に変更してください。また、キャッチフレーズの位置については下記CSSにてご調整ください。

  • AVANT(TCD060)

TCDテーマAVANT:固定ページでページヘッダーのタイトル表示位置を調整する方法

Q.質問内容固定ページを大きいサイズのブラウザで閲覧した際に、ページヘッダー設定内「① のタイトル」が文字数によっては右側の背景画像の方にはみ出してしまいます。はみ出さないようにすることはできますか。▼変更箇所イメージA.該当の固定ページ編集画面内「カスタムCSS」の

  • SOLARIS(TCD088)

TCDテーマSOLARIS:グローバルメニューを右寄せで表示させる方法

Q.質問内容グローバルメニューはブラウザの幅が一定以下になった場合ハンバーガーメニューになりますが、項目の数が多いため、小さい画面で見た場合、ハンバーガーメニューになるまでに左端の項目がロゴの下に隠れてしまいます。すべての項目を表示させることは出来ますか。▼変更箇所イメージ

  • ICONIC(TCD062)

TCDテーマICONIC:スマホ表示時のハンバーガーメニューで副項目にインデントを設ける方法

Q.スマホ表示時のハンバーガーメニューで、子メニュー項目を親メニュー項目より少し右にずらして(インデントを設けるように)表示させたいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。※30pxの部

  • MASSIVE(TCD084)

TCDテーマMASSIVE:トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置を調整する方法

Q.トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置がPC・ブラウザによって異なるようです。基本的には多くのPC・ブラウザで確認しても隙間が空かないレイアウト仕様にて表示されていますが、厳密にはブラウザやPC内にあるフォントタイプに依存するため、使われるフォントやサイズによっては

  • UNIQUE(TCD044)

TCDテーマUNIQUE:トップページでグローバルメニューをヘッダーコンテンツの上に配置させる方法

Q.トップページの画像スライダーの上にヘッダーが重なる形ではなく、ヘッダーの縦幅分、スライダーを下に移動させたい。テーマ仕様では、ヘッダーコンテンツの上に半透明のヘッダーが重なって表示されます。▼変更後のイメージ A.下記の方法でご対応ください。外観>TCDテーマ

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページヒーローヘッダー上のキャッチフレーズの文字色と位置を変更する方法

Q.トップページのヒーローヘッダーで、キャッチフレーズの文字色や位置を変更したいです。カーソルを合わせると表示されるキャッチフレーズは通常白色で表示されます。設定している画像や動画によっては、文字が見づらくなることも考えられます。▼変更箇所イメージA.下記の方法でご対

  • SKIN(TCD046)

TCDテーマSKIN:グローバルメニューにて、ホバー時に表示されるメニューの位置変更方法

Q.グローバルメニューのうえでホバーしたとき、下にメニューが表示されると思うのですが、そのメニューの位置を微調整したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力ください。※●には任意

  • OOPS!(TCD048)

TCDテーマOOPS!:トップページのショーケースの画像位置の変更方法

Q.画像の位置を変更するにはどうしたらいいでしょうか?TCDテーマカスタマイズ→トップページ→コンテンツビルダーでショーケース→ショーケースのタイプ=タイプ1で制作した部分の画像がボトムに落ちてしまっています。A.下記の方法でご対応ください。外観>TCDテーマオプショ

  • BIRTH(TCD057)

TCDテーマBIRTH:トップページのスライダーの高さを変更する方法

Q.TOPページのスライダーの高さを変更する方法はありますか。A.以下の方法にてご対応ください。外観→TCDオプション→基本設定→カスタムCSSに入力してください。〇を任意の数値に変更してください。備考画面幅1280ピクセルまで → スライダー画像の高さが最大450ピクセルに

  • BlogPress(TCD010)

スマホ表示のトップページ記事一覧のスタイルの調整

Q.スマホでの記事ページのスタイルを調整したいスマホ表示のアイキャッチ画像の大きさ、位置の調整、説明文の文字の大きさ、行間の調整について教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_sp.css編集する箇所:アイキャッチ画像の

  • AGENT(TCD033)

TCDテーマAGENT:ヘッダーのスライダーで上下に動く円形ボタンの位置を変更する方法

Q.ヘッダーのスライダーで上下に動く円形ボタンの位置を変更したい「テーマオプション」>「トップページ1」>「トップページ第1ブロック - キャッチコピーと円形ボタンの設定」>「キャッチコピー」の文字数が多い場合や、機種やブラウザによっては、トップページのヘッダーのスライダー内で上下に動く