ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

横幅の調整

52
  • 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字からは自動

  • HOLOS(TCD108)

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

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

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

  • 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.下記