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

ワードプレステーマ別

横幅の調整

45
  • Cherie(TCD101)

TCDテーマCherie:トップページヘッダーコンテンツのスライダー部分の横幅を大きくする方法

Q.トップページヘッダーコンテンツの右側部分の横幅を広げて表示させたいです。テーマでは、メインコンテンツ部分(ロゴ画像やテキスト)とスライダー部分(画像スライダー・MP4動画・YouTube動画)が1:1となるレイアウトを採用しています。▼変更後のイメージ →Cherieデモサイトと比較

  • EGO.(TCD079)

TCDテーマEGO.(Welcart版):SKUセレクトの項目名と選択肢を縦並びに表示する方法

Q.SKUセレクトの項目名と選択肢を縦並びに表示したいです。「WCEX SKU Select」プラグインを使ってSKUセレクトを表示していますが、文字数が多いためかレイアウトが崩れて全て表示出来ていないです。▼変更箇所イメージ設定している「選択項目名」「SKU表示名」の文字数が多

  • Agenda(TCD059)

TCDテーマAgenda:固定ページのサイドバーなしテンプレートでフル幅画像を表示する方法

Q.固定ページ「サイドバー無し」テンプレートでページ幅いっぱいに画像を表示させたいです。記事本文には最大横幅が指定されており、画像等を画面横幅いっぱいに表示させることは出来ません。▼変更前イメージ(記事本文幅いっぱいまでの画像表示となります。)A.下記の方法でご対応く

  • NOEL(TCD072)

TCDテーマNOEL:サービス料金一覧でタイトルと料金の幅を変更する方法

Q.カスタム投稿「サービス」内の「サービス料金一覧」で、左右の列の横幅を変更したい。この箇所は、テーマ仕様では左側「タイトル」が広く、右側「料金」が狭いレイアウトとなっております。▼変更後のイメージ →変更前のページA.下記の方法で対応してください。TCDテーマ>

  • SOLARIS(TCD088)

TCDテーマSOLARIS:トップページタブコンテンツを5つ以上表示する方法

Q.トップページタブコンテンツを5つ以上表示することはできますか?タブコンテンツを6つ以上設定することは可能ですが、公開画面では5つまでしか表示されません。▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定のカスタムCSSに入力して

  • SKIN(TCD046)

TCDテーマSKIN:トップページヘッダースライダーの横幅を変更する方法

Q.トップページスライダーの大きさは変更できますか?▼変更箇所イメージ  →SKINデモサイトA.下記の方法でご対応ください。1. 横幅を調整する外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意の数値に変更します。デフォルトは1150

  • NANO(TCD065)

TCDテーマNANO:トップページ「お知らせ」コンテンツのタブが4つの場合、タブの幅を全体に合わせる方法

Q.トップページ「お知らせ」コンテンツのタブが4つの場合、4つのタブの幅を全体に合わせることはできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定のカスタムCSSに入力ください。%前の数値を任意に変更していただくことで、タブが2つ

  • CURE(TCD082)

TCDテーマCURE:診療案内詳細ページの『診療案内一覧』でタイトルの大きさを変更する方法

Q.カスタム投稿タイプ「診療案内(サービス紹介)」の詳細ページ下部に表示される診療案内一覧ですが、タイトルが長い場合など表示が崩れてしまいます。枠内に収める方法はありますか。▼変更箇所イメージ【スマホ表示時】A.カスタムCSSで枠もしくはタイトルのスタイルを調節してく

  • ICONIC(TCD062)

TCDテーマICONIC:ヘッダーの各メニュー項目の幅を均等にする方法

Q.グローバルメニューの各メニューが文字数によって幅が変わってしまいます。均一にするにはどうしたらよろしいでしょうか?▼変更後のイメージA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力してください。※120pxの数値は適宜ご変更くだ

  • AVANT(TCD060)

TCDテーマAVANT:イベントタグの文字数が多い場合のトップページ記事スライダーの表示対処方法

Q.トップページの記事スライダーで『イベントタグ』がはみ出してしまいます。誠に恐れ入りますが、イベントタグは最大全角6字程度を想定したレイアウト仕様となっております。それ以上の文字数を設定している場合、トップページヘッダーコンテンツの「記事スライダー」のタイプ2、タイプ3では表示が崩れているよう

  • Switch(TCD063)

TCDテーマSwitch:ブログ記事をワンカラムで表示する方法

Q.通常投稿のページのサイドカラムをなくし、ワンカラムにしたい。固定ページはワンカラム表示ですが、ブログ記事では基本的にサイドカラムが表示されます。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定または記事編集画面のカスタムCSSに入力くだ

  • Switch(TCD063)

TCDテーマSwitch:トップページのフリースペースを横幅100%に変更する方法

Q.トップページのフリースペースの横幅を画面いっぱいに変更したいです。フリースペースでは横幅の最大値が制限されているのですが、横幅100%に変更したい。アップデート対応Ver1.4→1.4.1のアップデートで、テーマオプションより変更が可能になりました。TCDテーマ>トップページ>メ

  • MAXX(TCD043)

TCDテーマMAXX:固定ページのテンプレート1~3で「ヘッダー画像の見出し」の表示横幅を拡げる方法

Q.固定ページテンプレート1~3の「ヘッダー画像の見出し」で、タイトルを改行せずに表示するにはどうしたらよいでしょうか?▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSS(サイト内の同箇所すべてに反映)、または固定ページ編

  • VENUS(TCD038)

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

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

  • SKIN(TCD046)

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

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

  • ORION(TCD037)

TCDテーマORION:特別ページの画像スライダーの横幅を変更する方法

Q.特別ページで、画像スライダーの横幅を狭くして記事本文の横幅を拡げたいです。▼変更箇所イメージA.下記の方法でご対応ください。全ての特別ページに適用させたい場合は、【外観>TCDテーマオプション>基本設定のカスタムCSS】に、特定の特別ページのみに適用させたい場合は【特

  • MAG(TCD036)

TCDテーマMAG:トップページのアイキャッチ画像を小さく表示する方法

Q.トップページ・カテゴリーアーカイブの記事サムネイル画像をもう少し小さく表示したい。A.下記の方法でご対応ください。以下を外観>TCDテーマオプション>カスタムCSSに入力して調整してください。それぞれ〇を任意の数値に変更してください。補足「~.image」は画像の

  • VENUS(TCD038)

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

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

  • ORION(TCD037)

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

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

  • PHOTEK(TCD024)

スマホで閲覧する際サイトのタイトルとキャッチフレーズを二段にする方法

Q.スマホで閲覧する際サイトタイトルとキャッチフレーズを二段にしたいサイトの左上の箇所には、当テーマではサイトタイトルをロゴ画像で表示する方法を推奨しておりますが、ロゴ画像を設定しない時は、サイトのタイトルが表示されます。しかしスマホで閲覧した際、サイトのタイトルが表示領域をはみ出てしま事象が起

  • IZM(TCD034)

レスポンシブのブレイクポイントを調整する

Q.PC用レイアウトとモバイル用レイアウトのブレークポイントを調整したいレスポンシブデザインのブレークポイントを調整することはできますか?A.下記ファイルの該当箇所を編集します①編集するファイル:functions/head.php編集する箇所:※max-widthの

  • AMORE(TCD028)

TCDテーマAMORE:トップページ第5ブロックのバナーを3つから4つへ変更する

Q.第5ブロックのバナーの数を増やしたいトップページ第5ブロックの四角いバナーを3つから4つに増やす方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集するファイル:page-welcome.php編集する箇所:①3列から4列へ幅の調整  ↓

  • SWEETY(TCD029)

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

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

  • PHOTEK(TCD024)

TCDテーマPHOTEK:スマホ閲覧の固定ページNosideテンプレートのコンテンツ幅の調整

Q.スマホ閲覧時の固定ページNosideテンプレートのコンテンツ幅を広げたいスマホで固定ページNosideテンプレートで作成したページを見ると、文章の表示領域が狭いと感じます。コンテンツ幅と文字の表示領域を広げる方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集