高機能な不動産物件ポータルサイトが作成できるWordPressテーマ「GRAVITY」
ワードプレステーマ別

横幅の調整

61
  • ZEN (TCD113)

TCDテーマZEN:サイドボタンの位置・レイアウトを調整する方法

Q.サイドボタンのテキストを大きくして、もう少し上に表示したい。ボタン数や表示するラベルによっては、上記のような調整を検討してもいいですね。▼変更後イメージ  →変更前:ZENデモサイトA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力します。

  • ARTISAN (TCD112)

TCDテーマARTISAN:ブログのアーカイブページでコンテンツの最大幅を設ける方法

Q.質問内容・カスタム投稿「ブログ」のアーカイブページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。・投稿の記事一覧で、最大幅を設けたいです。▼変更後イメージ(デモサイト:ブ

  • ARTISAN (TCD112)

TCDテーマARTISAN:サイト全体でコンテンツの最大幅を設ける方法

Q.質問内容・アーカイブページや固定ページに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。・メニューの横幅を狭くして、コンテンツを全体的に狭くしたいです。・基準の横幅を設けて、すっきりとした印象のあるサイトに変更したいです。▼変更後イメージ(

  • ARTISAN (TCD112)

TCDテーマARTISAN:カスタム投稿「ギャラリー」でコンテンツの最大幅を設ける方法

Q.質問内容カスタム投稿「ギャラリー」のアーカイブページ(記事一覧)や記事詳細ページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。▼変更後イメージ(デモサイト:ギャラリーアーカイ

  • ARTISAN (TCD112)

TCDテーマARTISAN:トップページの各コンテンツの最大幅を設定する方法

Q.質問内容トップページに表示されるギャラリーや投稿が、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。▼変更後のイメージ(デモサイト:トップページ・タイプA)A.カスタムC

  • GRAVITY (TCD111)

TCDテーマGRAVITY:ヘッダーのメニュー項目を等分割させずに表示する方法

Q.グローバルメニューで各メニューが同じ幅で表示されますが、メニューの文字数に合わせて異なる幅で表示させたいです。GRAVITYのヘッダーで表示されるグローバルメニューは、メニュー数によって等分割して表示されます。まずは、デモサイトのように「各メニューを同じくらいの文字数にする」「メガメニュ

  • Tree (TCD081)

TCDテーマTree:メガメニューAの項目を4つ並びで表示させる方法

Q.メガメニューAに4つのメニューをスクロールさせずに表示したいです。デモサイトのような飲食店サイトに利用する場合、「Breakfast」「Lunch」「Dinner」「Drink」とちょうど4つ表示できたらいいのに…となりそうですね。▼変更後のイメージ  →変更前:Treeデモサイト

  • ISSUE (TCD106)

TCDテーマISSUE:スタッフページ「タイプA」の画像・テキストの比率を変更する方法

Q.スタッフページを商品紹介に利用しています。「タイプA」(縦長画像向け)のレイアウトで、画像とテキストの比率を1:1から変更したいです。▼変更後のイメージ変更前と比較すると、画像の横幅が狭まっていることがわかります。縦長の商品を紹介するのにもいいかもしれません。

  • ANGEL (TCD047)

TCDテーマANGEL:メニュー項目の横幅を拡げる方法

Q.グローバルメニューで、各メニュー項目の横幅をひろげたいです。メニュー項目名によってメニュー幅が可変する仕様にはなっていません。扱っている商品名など、どうしてもメニュー項目名を短くできないこともありますよね。▼変更箇所イメージA.下記の方法でご対応ください。いずれも、外

  • GENESIS (TCD103)

TCDテーマGENESIS:メガメニュー「サービス」をスクロールせずに4つ表示する方法

Q.メガメニュー「サービス」に4つ登録しているのですが、4つ目が横にスクロールしないと表示されません。スクロールせずに横幅を詰めて、4つを表示させることは可能でしょうか?▼変更箇所イメージA.カスタムCSSで調整可能です。以下の記述をTCDテーマ>基本設定>カスタムCSSにご

  • HOLOS (TCD108)

TCDテーマHOLOS:長いラベルのメニューに対応させる方法

Q.どうしても長いナビゲーションラベルを設定したメニューを表示させる必要があります。左側サイドバーのメニューの見え方を調整できますか?HOLOSデモサイトでは見栄えを考慮してメニュー項目のラベルは6文字までに設定しています。実際には全角10字までのメニュー項目名を設定できますが(11字からは自動

  • CANON (TCD109)

TCDテーマHOLOS・CANON:サイドボタンを大きく表示する方法

Q.サイドボタンを大きく表示したいです。方法はありますか?表示したいテキストの文字数が多い場合など、テーマのレイアウトより大きく表示させたいことがあるかもしれませんね。テーマを検討中のお客様へデモサイト内のブログ記事でも機能を紹介しています。管理画面のキャプチャ画像も見れますよ。

  • GENESIS (TCD103)

TCDテーマGENESIS:メガメニュー「サービス記事」の表示文字数を増やす方法

Q.メガメニュー「サービス記事」で記事タイトルが改行されてしまいます。この箇所ではテーマ側でもウィンドウサイズによってフォントサイズを調整していますが、それでも文字数によっては改行されることがあるかと思います。▼変更箇所イメージA.下記の方法でご対応ください。いずれも、T

  • SEEED (TCD105)

TCDテーマSEEED:プラン一覧を4カラムで表示させる方法

Q.トップページのフリースペースにてクイックタグの「プラン一覧」を表示させましたが、4つのプランをスクロールなしで表示させたいです。トップページや固定ぺージ(サイドバー非表示)にプラン一覧を表示させた場合、4つ以上のプランを登録すると、自動的に横スクロール仕様の表示になります。プラン一覧とは

  • ISSUE (TCD106)

TCDテーマISSUE:トップページのニュースティッカーの横幅を大きくする方法

Q.トップページのニュースティッカーを大きくして、記事タイトルを表示させたいです。▼変更箇所イメージ  →ISSUEデモサイトA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇に任意の数値を指定してく

  • 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テーマ>トップページ>メ