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

ワードプレステーマ別

レイアウト

50
  • Switch (TCD063)

TCDテーマSwitch:3カラムコンテンツなどの左上の情報を三角形ではなく長方形の背景上に表示させる方法

Q.トップページの「3カラムコンテンツ」のタイトル、インタビューのインタビュイー情報の箇所の背景が三角形になっていますが、長方形で表示させたいです。この部分はSwitchの特徴的なデザインですが、「表示させたいテキストが長い」など三角形に収まらない場面があるかもしれませんね。▼変更後イメ

  • HOLOS(TCD108)

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

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

  • Cherie (TCD101)

TCDテーマCherie:コンテンツ見出しの円形を正方形に変更する方法

Q.私のサイトではシェイプ「直角」を設定しています。トップページコンテンツビルダーの各コンテンツの円の中に見出しが入るデザインも直角にできませんか?▼変更後のイメージ   変更前:Cherieデモサイト購入前のお客様へCherieのオプション項目「カラー・シェイプ」についてはデモ

  • RIKYU (TCD104)

TCDテーマBASARA:デモサイトと同じカートページ・チェックアウトページのレイアウトにする方法

Q.自分のサイトのカートページとデモサイトのカートページのレイアウトが異なります。WooCommerceプラグインをインストールしたタイミングによって、自動生成されるカートページ・チェックアウトページの内容に差異があるようです。▼変更前のイメージ(BASARAデモサイトと異なるレイアウト

  • EGO. (TCD079)

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

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

  • GENESIS (TCD103)

TCDテーマGENESIS:トップページのサービス一覧を4つ表示させる方法

Q.トップページの「サービス一覧」でサービスカテゴリーを4つ表示させたいです。4つ以上のサービスカテゴリーを表示する場合はカルーセル(時間経過で自動で切り替わるのではなく、アローをクリックして手動で切り替える仕様)で表示されます。当記事では、カルーセル形式ではなく4つのサービスカテゴリーがす

  • RIKYU (TCD104)

TCDテーマRIKYU:フッターバナーを中央揃え/2つ並びで表示する方法

Q.フッターにバナーを2つ表示したいのですが、中央揃えで表示させることは出来ますか。RIKYUのフッターエリアでは、任意の数バナーを表示させることができます。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力してください。

  • common (TCD097)

TCDテーマcommon:トップページのヘッダースライダー「コンテンツスライダーB」のテキストを画面中央で表示する方法

Q.トップページのヘッダースライダーで「コンテンツスライダーB」を選択しました。テキストの表示される位置をデフォルトの左側から中央に変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。補足

  • meets (TCD086)

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

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

  • NANO (TCD065)

TCDテーマNANO:トップページのヘッダーコンテンツ下・事業案内コンテンツ内の「3点ボックス」でアイテム2つのみ表示する方法

Q.トップページの「事業案内」コンテンツの3点ボックスを2点ボックスとして表示したいです。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。・ヘッダーコンテンツ下の3点ボックス▼変更後のイメージ・「SERVICE 事

  • NOEL (TCD072)

TCDテーマNOEL:サービス料金一覧でタイトルと料金の幅を変更する方法

Q.カスタム投稿「サービス」内の「サービス料金一覧」で、左右の列の横幅を変更したい。この箇所は、テーマ仕様では左側「タイトル」が広く、右側「料金」が狭いレイアウトとなっております。▼変更後のイメージ →変更前のページA.下記の方法で対応してください。TCDテーマ>

  • QUADRA (BIZ001)

TCDテーマQUADRA:トップページヘッダーコンテンツ「フロントカバー」表示で、コンテンツの表示位置を変更する方法

Q.トップページヘッダーコンテンツの「フロントカバー」選択時、ロゴや説明文などのコンテンツ部分の表示位置を変更したいです。設定する背景画像によっては、このコンテンツの表示位置を変更されたいということがあるかと思います。▼変更箇所イメージA.下記の方法でご対応ください。

  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:トップページのバナーコンテンツを中央揃えで表示する方法

Q.トップページのバナーコンテンツで2つの画像を表示させています。PC表示の際に左揃えで表示されますが、中央揃えで表示させたいです。▼変更後のイメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。補足)・複数のバナーコンテン

  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:トップページのバナーコンテンツを4つ並びで表示する方法

Q.トップページのバナーコンテンツで、3つずつ並んでいるところを4つずつ並べて表示させたいです。▼変更後のイメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。補足)・PC想定幅で適用されます。スマホ想定のウィンドウ幅での表

  • EGO. (TCD079)

TCDテーマEGO:商品詳細ページを1カラムレイアウトで表示する方法

Q.商品詳細ページのレイアウトでサイドバーを無くし1カラムのデザインにする設定にすることは可能でしょうか。テーマ仕様といたしましては、「商品」詳細ページではサイドバーを表示する2カラムのレイアウト仕様となってございます。A.下記の方法でカスタマイズしてください。すべてのお知らせ詳細ページ

  • NOEL (TCD072)

TCDテーマNOEL:スマホ表示時にトップページのボックスコンテンツを横並びに表示させる方法

Q.トップページのボックスコンテンツについて、スマホでは縦に並んで表示されますが、パソコンと同じように横並びで表示させたいのですがどうすればよいでしょうか?この箇所では、スマホで表示した際には縦並びで各コンテンツが表示されます。横並びで表示させると各画像が小さく表示されてしまいますので、デザイン

  • MAG (TCD036)

TCDテーマMAG:カテゴリー表示部分を角丸で表示させる方法

Q.カテゴリー部分を角が丸くなったものに変えたいのですが、可能でしょうか。▼変更後のイメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。※サイト内の複数箇所のカテゴリー表示部分に適用されます。 

  • MIKADO (TCD071)

TCDテーマMIKADO:お知らせ詳細ページを1カラムレイアウトで表示する方法

Q.お知らせページのレイアウトでサイドバーを無くし1カラムのデザインにする設定にすることは可能でしょうか。テーマ仕様といたしましては、カスタム投稿「お知らせ」詳細ページではサイドバーを表示する2カラムのレイアウト仕様となってございます。A.下記の方法でご対応ください。すべてのお知らせ詳細

  • UNIQUE (TCD044)

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

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

  • UNIQUE (TCD044)

TCDテーマUNIQUE:トップページでグローバルメニューをヘッダーコンテンツの上に配置させる方法

Q.トップページの画像スライダーの上にヘッダーが重なる形ではなく、ヘッダーの縦幅分、スライダーを下に移動させたい。テーマ仕様では、ヘッダーコンテンツの上に半透明のヘッダーが重なって表示されます。▼変更後のイメージ A.下記の方法でご対応ください。外観>TCDテーマ

  • Switch (TCD063)

TCDテーマSwitch:トップページ・インタビューアーカイブページの各記事を4カラムで表示する方法

Q.トップページ・インタビュー一覧ページのサムネイルを4カラムで表示したいのですが、可能でしょうか。▼変更箇所イメージ(3列並び→4列並びに変更する)A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力する※PC想定幅のみに適用されます

  • SKIN (TCD046)

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

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

  • MAG (TCD036)

TCDテーマMAG:トップページの記事一覧を編集する方法

Q.トップページの記事一覧を編集する方法について知りたいです。トップページの記事一覧をスマホで表示した際に記事と記事の境目が分かりにくいので、パソコンで表示したときのように記事と記事の間にボーダーラインをいれて仕切る方法を知りたいです。A.下記の方法でご対応ください。下記ファイル

  • SKIN (TCD046)

TCDテーマSKIN:コースカテゴリー名が複数行になる際のレイアウトを調整する

Q.スマホ閲覧時、コースカテゴリー名が長いものと短いものが混在するとレイアウト崩れが起きます。対策を教えてください。コースカテゴリー名が長いもの(複数行にまたがるもの)と短いものが混在する場面において、スマホ閲覧時のアーカイブ画面内カテゴリー表の部分で一部の枠線が切れるという事例がありました。

  • SKIN (TCD046)

TCDテーマSKIN:ヘッダーのロゴとメニューを2行で表示する方法

Q.ヘッダーで、メニューの項目数を多くした場合にサイトロゴと被って表示されてしまいます。カスタマイズの前にテーマのデザイン性確保や「わかりやすさ」の面からも、まずはメニュー項目を整理することをおすすめします。外観 > メニューより、メニューを階層化することをご検討ください。▼変

  • LOTUS (TCD039)

TCDテーマLOTUS:トップページの「お知らせ」レイアウトでブログ投稿を表示したい

Q.トップページ内「お知らせ」のレイアウトで「ブログ」を表示することは可能でしょうか。A.該当phpファイルを編集してください。編集するファイル:front-page.php編集する箇所:■下記のカスタマイズで一覧ページボタンのリンク先を「お知らせ」から「ブログ」へと変更

  • GENSEN (TCD050)

TCDテーマGENSEN:キーワード検索結果ページに検索キーワードを表示する方法

Q.キーワード検索結果に検索キーワードを表示することはできますか?キーワード検索をした場合、TCDテーマオプションの「検索結果ページの設定」で設定した文字のみの表示になってしまうのですが、検索したキーワードも横に表示したいです。A.可能です。該当phpファイルを編集してください。

  • GENSEN (TCD050)

TCDテーマGENSEN:スマホでキャッチフレーズを中央に揃える方法

2020/7/9 記事を更新しました。Q.スマホでGENSENのトップページのキャッチフレーズを中央揃えにすることはできますか?トップページのキャッチフレーズは、パソコンで見ると中央揃えですが、スマホで見ると左揃えになっています。スマホでもパソコンと同じように中央揃えにしたいです。

  • STORY (TCD041)

TCDテーマSTORY:ヘッダーの高さを調整する方法

Q.ブログ記事ページのヘッダーを小さくして、ファーストビューで記事本文を表示させたい。▼変更後のイメージ  →変更前例:デモサイトブログ記事A.下記の方法でご対応ください。適用させたい範囲にあわせて、以下のいずれかのカスタムCSSに入力してください。・外観>TCDテーマオ