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

ワードプレステーマ別

表示崩れ

22
  • GENESIS (TCD103)

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

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

  • DROP (TCD087)

TCDテーマDROPなど:定期的にCSSが適用されなくなる事象について

Q.サイトの表示が崩れることがあります。CSSが適用されていないような状態になります。プラグインの停止/有効化や、テーマオプションなどの設定を変更することで一時的に元の表示に戻りますが、しばらくするとまた崩れた状態になっています。▼事象内容イメージA.高速化機能の停止をお試し

  • HORIZON (TCD093)

TCDテーマHORIZON:フッターのSNSアイコンとコピーライトの重なりを回避する方法

Q.フッターのSNSアイコンリンクとコピーライトのテキストが重なってしまいます。複数のSNSアイコンを表示する・コピーライトのテキストが長い場合にレイアウトの調整が必要になることがあります。▼変更箇所イメージ    →通常の表示:HORIZONデモサイトA.下記の方法でご対応

  • EGO. (TCD079)

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

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

  • meets (TCD086)

TCDテーマmeets:特集記事一覧 小サイズ記事のサブタイトルと記事番号の位置崩れを修正する方法

Q.カスタム投稿「特集」の記事一覧で、サブタイトルと記事番号の表示の上下がひっくり返ってしまいました。サブタイトルが真ん中、記事番号が右上に表示されます。トップページコンテンツビルダー内の「特集記事一覧」コンテンツ、および、特集記事一覧ページの「小サイズ記事」では、コンテンツのサブタイトルの設定

  • HAKU (TCD080)

TCDテーマHAKU:トップページで2ブロックカルーセルを2つ以上設置する方法

Q.トップページのコンテンツビルダーで「2ブロックカルーセル」を複数設置するとレイアウトが崩れてしまいます。2ブロックカルーセルで表示できる記事のタイプは「ブログ」「お知らせ」「商品」の3種類です。そのため、2ブロックカルーセルを2つ以上設置するとコンテンツが重複いたしますので「2ブロックカルー

  • GENSEN (TCD050)

TCDテーマGENSEN:iPhoneでの表示時、検索のキーワード入力・プルダウン選択で画面が拡大されるのを回避する方法

Q.スマホから検索フォームでキーワード入力やプルダウン選択を使う時に、ページが拡大しますが回避することは出来ますか。こちらはテーマの不具合というよりはOSの仕様となります。iOSではフォームに16px未満のフォントが使用されていると自動的にズームする仕様となっております。▼変

  • FORCE (TCD078)

TCDテーマFORCE:スマホ表示時のブログカテゴリー名が長い場合のレイアウト対処方法

Q.スマホ表示時、ブログカテゴリー名が長いと、トップページのコンテンツビルダー「記事一覧1」「記事一覧2」やブログ一覧ページで表示が崩れてしまいます。カテゴリー名を短いものにご変更頂くか、もしくは日付とカテゴリーのいずれかを非表示に頂く、あるいは下記のようにカスタマイズする・CSSを調整頂くとい

  • AGENT (TCD033)

TCDテーマAGENT:ブラウザ幅リサイズ時の画像コンテンツ表示タイミングの調整方法

Q.ブラウザを最大化→元のサイズに戻す操作をすると、トップページの画像コンテンツ同士が重なってしまいます。【AGENT】Ver3.1.9→3.1.10のアップデートにて、リサイズ時に敢えて遅延処理を行うことでリサイズ処理を実行する形を採用いたしました。テーマのデフォルトとしては0.3秒で設定

  • EGO. (TCD079)

TCDテーマEGO.:商品名が長い場合のカートページの表示調整方法

Q.商品名が長いものをカートに入れると単価、金額が2段、3段表記になります。誠に恐れ入りますが、テーマ側では上記箇所(商品タイトル箇所)について、一定の文字数で省略する仕様となっておらず、例えば、〇字数以降を「...」で表示することなどの実現にはテーマファイルのカスタマイズが必要となってまいりま

  • Switch (TCD063)

TCDテーマSwitch:グローバルメニューが一段に収まらないときの対処方法

Q.メニューが1段にまとまらないことに困っています。表示するデバイス(ウィンドウサイズ)にもよりますが、レイアウトを維持しながら表示するための横幅が足りなくなっている可能性が考えられます。A.下記の方法でご対応ください。・ロゴ画像を調整する(画像の横幅が小さいものに変更する、CSSで最大

  • AVANT (TCD060)

TCDテーマAVANT:イベントのスライダー画像に小さい画像を設定した際のレイアウト調整方法

Q.イベントページのスライダーに推奨サイズに満たないサイズの画像を設定した場合、左よりではなく、真ん中よりに表示させる事は可能でしょうか。推奨サイズ(横幅1400px、縦幅945px)より横幅の小さい画像をスライダー設定のアイテムに設定した場合は、スライダー自体は画面中央に表示されているのですが

  • AVANT (TCD060)

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

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

  • NANO (TCD065)

TCDテーマNANO:スマホ閲覧時、長いメニュー名でも枠内に収まるように表示する方法

Q.質問内容メニューの項目名が長いと、スマホ閲覧時に一部が枠外に改行されてしまいます。一行で表示させることはできますか。A.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。12文字程度までなら上

  • NOEL (TCD072)

TCDテーマNOEL:スタッフ詳細ページの記事タイトルが長い場合のサイドバー一覧表示対応方法

Q.カスタム投稿「スタッフ」で、記事タイトルが長い場合にスタッフ詳細ページサイドバーのスタッフ記事一覧の表示が崩れてしまいます。恐れ入りますが、こちらの表示箇所では、スタッフ名などを表示することを想定した表示仕様となっており、文章や長文を表示する仕様となっておりません。そのため、記事タイトルが全

  • NOEL (TCD072)

TCDテーマNOEL:カスタム投稿「サービス」詳細ページのコンテンツ一覧で長い見出しを表示する方法

Q.カスタム投稿「サービス」の記事詳細ページで、コンテンツ一覧の見出しに設定した文字がはみ出てしまいます。こちらは1行に収まる内容を想定した表示仕様となっております。▼変更箇所イメージA.下記にてご対応ください。TCDテーマ>基本設定内のカスタムCSSに入力してく

  • Gorgeous (TCD013)

TCDテーマGorgeous:記事詳細ページで長い記事タイトルを表示する方法

Q.記事詳細ページで長い記事タイトルを全部表示させることは可能でしょうか。記事タイトルが長く2行に跨ってしまう場合、2行目の部分が白地に白文字になっていてほぼ見ません。▼修正箇所イメージA.下記の方法でカスタマイズしてください。外観>テーマの編集より、style_

  • NEXTAGE (TCD021)

TCDテーマNEXTAGE:トップページの記事一覧で長い記事タイトルを表示する方法

Q.長い記事タイトルを折り返す、または2段表示などできますでしょうか。トップページのブログ記事一覧・プレスリリース一覧で、長い記事タイトルを設定すると、次のタイトルの日付に掛かってしまいます。▼変更前イメージA.下記の方法でご対応ください。外観>テーマオプション>

  • MONOLITH (TCD042)

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

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

  • SKIN (TCD046)

TCDテーマSKIN:ページビルダーのスライダーの表示バランスを調整する方法

Q.ページビルダーのスライダー設定方法について知りたいです。A.下記の方法でご対応ください。スライダーは、記事本文が表示されるメインカラムの領域の横幅へ合わせて、スライダーの横幅が調整され、その横幅を基準として、画像の比率を保った状態で表示される仕様です。また、スライダーの表

  • テーマ共通

埋め込み動画のレスポンシブ対応方法(YouTube等)

弊社テーマ自体は、ほとんどがレスポンシブ対応(一部未対応)となっておりますがYouTubeの埋め込み動画のサイズをレスポンシブに変更する機能はございません。その為、アップしたYouTube動画をスマホで見た場合、画面がはみ出てしまう事がございます。その場合は、下記のようにご編集ください。

  • CORE (TCD027)

TCDテーマCORE:本文内に含まれるURL等が折り返されず、表示が崩れる時の対策

Q.URLが折り返されずに表示が崩れる投稿本文にURLや英文が含まれている場合に、適切に文字列が折り返されず、表示が崩れる場合があります。A.カスタムCSSを利用しますURLが含まれる投稿の編集画面にあるカスタムCSSか、「テーマオプション」→「基本設定」にあるカスタムCSS