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

ワードプレステーマ別

縦幅の調整

52
  • CURE(TCD082)

TCDテーマCURE:トップページの『診療案内一覧』のタイトル・画像・説明文の高さをそろえる方法

Q.トップページの「診療案内一覧」でタイトルの長さの違いによって画像や説明文の高さがずれてしまいます。高さをそろえられますか?▼変更箇所イメージ【スマホ表示時】A.カスタムCSSでスタイルを調節してください。管理画面【TCDテーマ】→【サイト基本設定】→「カス

  • SERUM(TCD096)

TCDテーマSERUM:フッターバーを横並びにして、全体的に大きくする方法

Q.質問内容・フッターバー(モバイル端末専用)のアイコン付きボタンの高さを高くしたい・フッターバーの大きさを全体的に大きくしたい・フッターバーのフォントサイズを上げたいポイントフッターバーの高くすると表示範囲が狭まり、記事の可読性が損なわれます。また、縦並びではフォントサイズ

  • NOEL(TCD072)

TCDテーマNOEL:固定ページページヘッダーの高さを小さくする方法

Q.固定ページのヘッダータイトルの縦幅を狭めて表示させたいです。ページヘッダーを非表示にしたい場合は、以下の記事をご参照ください。→TCDテーマNOEL・HEAL:固定ページのページヘッダーを非表示にする方法▼変更箇所イメージA.下記の方法でご対応ください

  • LOTUS(TCD039)

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

Q.トップページのヘッダースライダーの高さを高くすることはできますか。▼変更箇所イメージA.下記の方法で対応してください。1. 生成される画像のサイズを追加します。編集するファイル: テーマのための関数 (functions.php)編集する箇所: 387行目

  • meets(TCD086)

TCDテーマmeets:スマホ表示時のトップページヘッダーコンテンツの高さを変更する方法

Q.スマホから見た時のヘッダーコンテンツの高さを変更することはできますか。▼変更後イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の高さになるように●に数字を入力してください。

  • LAW(TCD031)

TCDテーマLAW:トップページのスライダー下のコンテンツに長い文章を表示させる方法

Q.トップページのボックスに長い文章を表示させることはできますか。管理画面【外観】→【TCDテーマオプション】→【トップページ】→【スライダーの下に表示するコンテンツ】内の3つのボックスですが、「説明文」に長い文章を入れると途中から表示されなくなってしまします。全文表示させることはできますか。

  • GENSEN(TCD050)

TCDテーマGENSEN:スマホ表示時のトップページヘッダーコンテンツ画像スライダーの高さを小さくする方法

Q.スマホで閲覧した際のトップページヘッダーコンテンツ画像スライダーで、画像が拡大されて表示されます。PC表示時と同じ縦横比で表示させたいです。この箇所では、テーマの仕様で設定頂いた画像を全面(縦横いずれも100%での)表示をさせず、表示するデバイス(ウィンドウサイズ)によっては、正方形や横長の

  • CURE(TCD082)

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

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

  • HAKU(TCD080)

TCDテーマHAKU:ページヘッダーの高さを変更する方法

Q.固定ページやアーカイブページのヘッダー背景画像の縦幅は変更できますか。▼変更箇所イメージA.下記の方法でご対応ください。〇に任意の数値を指定してください。デフォルトは600pxです。なお、大幅に数値(高さ)を変更しますと、キャッチフレーズの位置の調整も必要となる場合があります。

  • ANTHEM(TCD083)

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

Q.固定ページで、ヘッダー画像を使用した場合の高さを変更できますか?▼変更箇所イメージA.下記の方法でご対応ください。当該固定ページ編集画面のカスタムCSS欄に入力してください。(※TCDテーマ>サイト基本設定のカスタムCSS欄に入力するとすべてのページに反映されてしまいます。)

  • UNIQUE(TCD044)

TCDテーマUNIQUE:トップページの各コンテンツの高さを小さくする方法

Q.トップページのコンテンツビルダーの各コンテンツのボックスの高さを制作実績の各ボックスの大きさに合わせたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。1. 「最近の記事一覧」「最近のお知らせ記事一覧」の表示件数を少なくするテーマオプションで設定出来る最

  • CURE(TCD082)

TCDテーマCURE:カスタム投稿タイプ「診療案内」の【料金一覧】内の見出しの高さを変更する方法

Q.カスタム投稿タイプ「診療案内」のコンテンツビルダー【料金一覧】内の見出しですが、見出しの文章が長くなると枠からはみ出してリストに被さってしまいます。枠内に収める方法はありますか。▼変更箇所イメージA.管理画面【TCDテーマ】→【サイト基本設定】→「カスタムCSS」の最

  • BRIDGE(TCD049)

TCDテーマBRIDGE:クイックタグ「青色背景見出し」の高さを変更する方法

Q.クイックタグ「青色背景見出し」を使用すると、見出しの文章が長くなると途中で切れてしまいます。文章をすべて表示させることはできますか。A.該当のページ編集画面にございます「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の表示になるよう

  • ORION(TCD037)

TCDテーマORION:トップページコンテンツ1で推奨サイズより大きいサイズの画像を表示する方法

Q.トップページ コンテンツ1部分の画像サイズの縦幅を変更したいです。この箇所では設定した画像が推奨サイズ(横幅1280px、縦幅320px)にトリミングされる仕様となっております。トリミングさせず、フルサイズで表示させるには、以下のようにテーマファイルをカスタマイズします。

  • VIEW(TCD032)

TCDテーマVIEW:「カテゴリー一覧(tcdバージョン)」ウィジェット内でスクロールさせる方法

Q.ウィジェットの「カテゴリー一覧(tcdバージョン)」を使用していますが、カテゴリーが多く親子階層にも出来ないため、縦に長く表示されてしまいます。縦に長く表示される一覧をスクロールできるようにしたいです。TCD MUSEUMの記事詳細ページではこのカスタムCSSを利用しています。 

  • LUXE(TCD022)

TCDテーマLUXE:スマホ用のロゴ画像で縦幅の大きい画像を使用する方法

Q.ロゴ(ヘッダー)でスマホ用のロゴ画像の指定縦幅より大きいものを設定したいです。この箇所の推奨サイズは「横幅自由、縦幅20px」となっております。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力◯部分に任意の数値を入力してください。

  • STORY(TCD041)

TCDテーマSTORY:PC表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツの画像スライダーの高さの変更方法を教えて下さい。スマホ表示時の同箇所変更方法については、下記の記事をご参照ください。→TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法A.下記の方法でご対応ください。外観>TC

  • Precious(TCD019)

TCDテーマPrecious:商品ページのサムネイル画像の大きさを変更する方法

Q.商品ページのサムネイル画像のサイズも変更したいです。メインの商品画像のサイズ変更は下記の記事をご参照ください。→ TCDテーマPrecious:商品画像サイズを変更する方法下記のカスタマイズ内容は、既に投稿した記事には反映されません。既に投稿された記事にカスタマイズ内容を反映

  • MIKADO(TCD071)

TCDテーマMIKADO:スマホ表示時のトップページヘッダーコンテンツの高さを変更する方法

Q.スマホ表示のときに、トップページのヘッダーコンテンツに設定したスライダー画像の高さを変更したいです。A.下記の方法でご対応ください。いずれの場合も、TCDテーマ>基本設定のカスタムCSSに入力ください。1. ヘッダーコンテンツのタイプ:画像スライダー2. ヘッダーコンテンツの

  • TOKI(TCD069)

TCDテーマTOKI:トップページの動画背景の縦幅を調整する方法

Q.トップページのヘッダーコンテンツ動画背景で、縦幅を縮小して表示したいトップページのファーストビューである「ヘッダーコンテンツ」では、インパクトを持たせるため動画が大きく表示される仕様となっております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力ください

  • STORY(TCD041)

TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの

  • VOGUE(TCD051)

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

Q.固定ページでヘッダーの高さを小さくしたいのですが、変更することは可能ですか。▼変更箇所イメージA.該当の固定ページ編集画面下にございます「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の表示になるように数値は適宜変更してくだ

  • VOGUE(TCD051)

TCDテーマVOGUE:スマホ閲覧時、ヒーローヘッダーの縦幅を短くする方法

Q.トップページのヒーローヘッダーですが、スマホ閲覧時でも設定した画像に合わせて横長に表示したいのですが、変更することは可能ですか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく

  • BIRTH(TCD057)

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

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

  • MONOLITH(TCD042)

TCDテーマMONOLITH:プロジェクトカテゴリーを複数設定したり、文字数が多いときの対処方法

Q.プロジェクトカテゴリーの表示部分で、登録プロジェクトカテゴリー数が多いと、文字がはみ出てしまいます。この部分には縦幅が指定されていますので、複数カテゴリーを設定している場合や文字数が多い場合などに文字がはみ出ることがあります。▼修正箇所イメージ(赤枠部分)A.下記にてご対応く

  • GENSEN(TCD050)

TCDテーマGENSEN:検索バーのドロップダウンの表示項目数を増やす方法

Q.検索バーのドロップダウン表示をもっと縦に長く表示させたいのですが可能でしょうか?A.下記にてご対応ください。カスタムCSSにて、表示される縦幅を広げることで項目数を増やすことが可能です。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力ください。※●には任意の

  • Switch(TCD063)

TCDテーマSwitch:ヘッダーコンテンツの画像スライダーの高さを変更する方法

Q.トップページのヘッダーコンテンツで、画像スライダーの高さを変更したい。A.下記にてご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。併せて、ヘッダー中央に表示するキャッチフレーズの表示位置の変更についても記述しています。・PC想定幅に対する調整・ス

  • AGENT(TCD033)

TCDテーマAGENT:スマホ・タブレット表示のトップページの見出しの高さを変更する方法

Q.スマホ・タブレットの表示で、トップページの第3ブロック、第4ブロックの見出しとサブコピーの文字数が多くなると文字が見えなくなってしまいます。A.下記、変更方法です。トップページ内すべての見出しとサブコピーの半透明の帯部分の高さを変更する方法をご紹介します。外観>TCDテーマオプシ

  • SOURCE(TCD045)

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

Q.スマホ表示でトップページ画像スライダーの縦幅が大きく、横が見切れるので調整したい。A.下記の方法でカスタマイズしてください。カスタムCSSに下記の内容を記載下さい。●に任意の値を設定ください。(デフォルトは90です)(補足)通常ですと、画面のスクロールに合わせてス

  • BEAUTY(TCD054)

TCDテーマBeauty:トップページのスライダーの高さを調整する方法

2021/1/26 記事を更新しました。Q.トップページのヘッダーコンテンツの高さ(縦幅)を変更したいのですが、方法を教えて下さい。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定にある「カスタムCSS」にて、下記内容をご記述頂くことで、実現可能です。・PC