TCD LABOをリニューアルしました!

横幅の調整

35
  • SOLARIS(TCD088)

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

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

  • NANO(TCD065)

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

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

  • CURE(TCD082)

TCDテーマCURE:診療案内詳細ページの『診療案内一覧』で一行あたりの表示数を変更する方法

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

  • 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%に変更する方法

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

  • ORION(TCD037)

TCDテーマORIONのページ横幅を変更する方法

ORIONの特別ページの横幅を、もう少し狭い形に調整したいということはないでしょうか。今回は特別ページ以外にも、通常の投稿ページの横幅、固定ページの横幅も調整するカスタマイズ方法について解説していきたいと思います。※カスタマイズをされる場合は必ずバックアップしてからおこなって

  • VENUS(TCD038)

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

Q.TCDテーマVENUSのメニューがなぜか2段になりましたなぜ2段になるかというと、VENUSの最初の仕様では、メニューの数は最大6つまでが理想的なんですね。リストの並びが各16%に設定されていますので、そこを修正する必要があります。A.下記のphpファイルの該当箇所を編集しま

  • 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ファイルの該当箇所を編集します編集

  • Precious(TCD019)

TCDテーマPrecious:アイキャッチ画像のサイズを調整する

Q.記事ページに表示されるアイキャッチ画像のサイズを変更したい記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。A.下記の手順でアイキャッチ画像のサイズを調整します①アイキャッチ画像の生成サイズを調整するアイキャッチ画像はオリジナル画像を指定のサイ

  • Opinion(TCD018)

子メニューの幅を調整する

Q.子メニューの幅を調整したいグローバルメニュー上でマウスオーバーしたときに開く子メニューの幅が狭く、テキストが2行で表示されてしまいます。少し幅を広げて1行で表示したいです。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc.css編集する箇所:

  • logue(TCD020)

スマホに表示する「おすすめ記事」や「最近の記事」のレイアウトを変更する

Q.スマホ専用に配置したウィジェットのレイアウトを変更したいスマホ専用に配置した「おすすめ記事」や「最新の記事」(tcdバージョン)などのウィジェットの表示を横並びレイアウトに変えることはできますか?A.下記cssファイルの該当箇所をご編集ください編集するファイル:style_sp.

  • CORE(TCD027)

TCDテーマCORE:サムネイルの縦横比率の調整をする方法

Q.サムネイルの歪みを修正したい他テーマからCOREに切り替えたところ、サムネイルが上下や左右にひずんで表示が崩れてしまいました。サムネイルサイズを一括変更するプラグインもありますが、サイズを変更するというより、ひずみを解消する方法はありますか?A.下記のcssファイルの該当箇所を編

  • CUBEY(TCD023)

TCDテーマCUBEYの広告の余白部分を調整する方法

Q.広告の余白を調整したいテーマオプション→記事一覧→レイアウト2を選択し二つのアドセンスコードを入れると二つの広告が隙間なく配置されてしまいます。これを余白をとって配置したいのですがどのようにすればいいでしょうか。A.下記のcssファイルの該当箇所を編集します広告部分は300pxの

  • INNOVATE HACK(TCD025)

TCDテーマINNOVATE HACKのアイキャッチ画像のサイズを調整する方法

Q.アイキャッチ画像のサイズをもう少し小さく表示したいアイキャッチ画像を設定した時、画像のサイズが大きすぎるのが気になります。メインは本文なので、少し画像を小さく表示させる設定が出来ないのか調べてみたのですがINNOVATE HACKのテーマが特殊な構造をしているためか、上手く設定できません。

  • SWEETY(TCD029)

スマホでTCDテーマSWEETYを表示した際のロゴの調整方法

Q.ヘッダーロゴとフッターロゴのサイズを均一にしたいのですが?スマホで閲覧時にヘッダーロゴは小さく、フッターのロゴは大きく表示されてしまいます。どこか設定でロゴサイズを均一に表示させる方法はありませんか?A.下記のphpファイルの該当箇所を編集します当テーマでは、ヘッダー部分には設定

  • LUXE(TCD022)

TCDテーマLUXE:ロゴアップロード上限サイズを変更する方法

Q.ヘッダーロゴの横幅をもっと広く取りたい「外観」→「テーマオプション」→「ロゴヘッダー」からアップできるロゴの横幅を1180Px程の横長の画像を使用したいのですが、サイズ超過のためアップロードができません。横長(横幅1180Px程度)の画像をヘッダーのロゴとしてアップする方法はありますか。

  • Grider(TCD015)

TCDテーマGriderのサイドバーにカテゴリー記事数を表示する方法

Q.ウィジェット「カテゴリー」で記事数を表示したいサイドバーにあるカテゴリーで記事数を表示させたいのですが、どのファイルを編集すればよいのでしょうか?A.下記のphpファイルの該当箇所を編集します編集するファイル:header.php編集する箇所:↓このま