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

ワードプレステーマ別

トップページ

386
  • VOGUE (TCD051)

TCDテーマVOGUE:トップページヒーローヘッダー上のキャッチフレーズの文字色と位置を変更する方法

Q.トップページのヒーローヘッダーで、キャッチフレーズの文字色や位置を変更したいです。カーソルを合わせると表示されるキャッチフレーズは通常白色で表示されます。設定している画像や動画によっては、文字が見づらくなることも考えられます。▼変更箇所イメージA.下記の方法でご対

  • ORION (TCD037)

TCDテーマORION:スマホでトップページのスライダー・スライダー上のロゴを表示しない方法

Q.スマホ表示時のみ、トップページのヘッダーコンテンツ(画像スライダー)を表示しない方法はありますか。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。画像スライダーと、「トップページヘッダーコンテンツのロゴ」を非表示にしています。

  • FAMOUS (TCD064)

TCDテーマFAMOUS:トップページのお客様の声アイキャッチ画像を四角形に変更する方法

Q.トップページ コンテンツビルダーの「お客様の声カルーセルスライダー」のアイキャッチ画像を円形から正方形に変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力ください。

  • NOEL (TCD072)

TCDテーマNOEL:トップページにブログ記事一覧を表示する方法

Q.トップページにブログ記事をお知らせ一覧のように表示したいNOELのトップページコンテンツでは、ブログ記事を一覧表示させる仕様となっておらず、デモサイトではバナーコンテンツでブログ一覧ページにリンクさせています。この記事のカスタマイズ内容は、ブログ記事一覧をコンテンツビルダー(並び替えでき

  • VOGUE (TCD051)

TCDテーマVOGUE:トップページのブログ&ニュースでブログのみ表示する方法

Q.トップページのコンテンツビルダー「ブログ&ニュース」でブログのみを表示させたいのですが、可能ですか?▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。▼変更後イメージ

  • ICONIC (TCD062)

TCDテーマICONIC:トップページのカルーセルスライダーのサムネイル画像表示サイズを変更する方法

Q.トップページのカルーセルスライダーの画像表示サイズを変更したいです。下記のカスタマイズはトップページの全ての「カルーセルスライダー」コンテンツに適用されます。カルーセルスライダーでは商品記事一覧もしくはブログ記事一覧を表示しますが、ブログ記事は「ブログ」コンテンツで表示させるなどご検討くださ

  • TOKI (TCD069)

TCDテーマTOKI:トップページの動画背景の縦幅を調整する方法

Q.トップページのヘッダーコンテンツ動画背景で、縦幅を縮小して表示したいトップページのファーストビューである「ヘッダーコンテンツ」では、インパクトを持たせるため動画が大きく表示される仕様となっております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力ください

  • GENSEN (TCD050)

TCDテーマGENSEN:トップページのカルーセルスライダーで紹介ページをランダムに表示する方法

Q.コンテンツビルダー「カルーセルスライダー」で紹介ページをランダムで表示させたい。カルーセルスライダーで「ブログ」を設定した場合、「最近の記事」では記事が日付の新しい順に、「おすすめ記事1・2」では記事がランダムに表示されます。紹介ページでは、表示するカテゴリーを設定出来ますが、その表示順

  • Precious (TCD019)

TCDテーマPrecious:トップページ商品一覧でフルサイズの商品画像を読み込む方法

Q.トップページの商品一覧(RECOMMEND部分)の画像が荒く見えます。この箇所では商品画像を元のファイルサイズではなく、縮小させたサイズのものを読み込んでいます。そのため、特にスマホなどのRetinaディスプレイでは画質が気になる場合があります。▼変更箇所イメージ

  • NANO (TCD065)

TCDテーマNANO:実績紹介のカテゴリーを複数表示させる方法

Q.カスタム投稿タイプ「実績紹介」で複数のカテゴリーを選択しても1つしか表示されません。申し訳ございませんが、実績紹介カテゴリーは基本的に一つのみ設定することを想定した仕様となっており、複数のカテゴリーを表示させるにはカスタマイズが必要です。▼変更箇所イメージ(実績紹介詳細ペ

  • STYLY (TCD052)

TCDテーマSTYLY:トップページの画像スライダーを1枚に固定する方法

Q.ヘッダーコンテンツの画像をスライドさせずに1枚固定にできないでしょうか?2番目以降の画像スライダーのアイテム項目を消去してもキャッチフレーズの部分にスライド動作が入ってしまうようです。A.下記の方法でカスタマイズしてください。1. スライド動作を停止させる編集するファイル: he

  • VIEW (TCD032)

TCDテーマVIEW:トップページで特定の「投稿」記事を常に最上部に固定する方法

Q.トップページで特定の「投稿」記事を常に最上部に固定したい「投稿」の編集画面で「この投稿を先頭に固定表示」にチェックを入れても、トップページでは反映されません。この機能を有効にする方法はありますか。A.下記の方法でカスタマイズしてください。編集するファイル: メイン

  • ZERO (TCD055)

TCDテーマZERO:トップページのヘッダーコンテンツ画像スライダーの画像にリンクを貼る方法

Q.トップのスライダーの画像にリンクを貼りたいのですが、可能ですか?外観>TCDテーマオプション>トップページのヘッダーコンテンツ画像スライダーで各スライダーのリンク先を設定出来ますが、キャッチフレーズ部のみにリンクが適用されます。▼変更前のリンク適用箇所イメージ 緑枠内がリ

  • OOPS! (TCD048)

TCDテーマOOPS!:トップページヘッダーコンテンツの文字と画像の位置を左右入れ替える方法

Q.トップページの画像スライダーで、キャッチフレーズと画像の位置を逆にする方法を教えてください。テーマオプションの「アニメーションタイプ」でフェードイン・スライド2を選択した場合は、文字が左・画像が右に表示されます。スライド1を選択した場合は、画像が左・文字が右に表示されます。&

  • NANO (TCD065)

TCDテーマNANO:トップページ「お知らせ一覧」ボタンの文言を変更する方法

Q.トップページにある「お知らせ一覧」ボタンの文言を変更することはできますか。▼変更箇所イメージA.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。編集するファイル:contents-builder.php (templ

  • NANO (TCD065)

TCDテーマNANO:トップページのお知らせとお知らせ一覧の「最新情報」のタブ表記を変更する方法

Q.トップページのNEWSコンテンツと、NEWSアーカイブページの記事一覧タブの「最新情報」を任意の文言に変更したい▼変更箇所イメージ (トップページのお知らせ部分)A.下記の方法でカスタマイズしてください。編集するファイル: template-parts/news-tabs.php

  • LUXE (TCD022)

TCDテーマLUXE:トップページのブログ「一覧を見る」の文言を変更する方法

Q.トップページのブログ投稿一覧の『記事一覧を見る』というリンクテキストの文言を変更したいブログ記事一覧の見出し(下記画像の「Recommended of LUXE」)については、外観>TCDテーマオプション>トップページの「ブログ記事一覧の見出し」で変更頂けます。▼変更

  • Switch (TCD063)

TCDテーマSwitch:トップページのtitleタグの出力をサイトタイトルのみに変更する方法

Q.トップページのtitleタグをサイトタイトルのみに変更したいです。通常、トップページのtitleタグでは、設定>一般の設定内容が下記のように反映されます。<title>サイトのタイトル - キャッチフレーズ</title>A.下記の方法でカスタマイズしてくださ

  • SKIN (TCD046)

TCDテーマSKIN:トップページの「お知らせコンテンツ」「キャンペーンコンテンツ」を縦一列で表示する方法

Q.トップページに「お知らせコンテンツ」と「キャンペーンコンテンツ」を表示させると2つは横並びになる仕様ですが、これを縦並びにすることはできますか。A.下記の方法でカスタマイズしてください。編集するファイル: ホームページ (front-page.php)編集する箇所: 372行目付

  • NANO (TCD065)

TCDテーマNANO:トップページの「お知らせ一覧」でスクロールバーを表示させる方法

Q.トップページのお知らせの表示件数を増やして、お知らせタブの縦幅は固定のままスクロールで表示させたい。表示件数につきましては、TCDテーマ>トップページ内、メインコンテンツの「お知らせ」の「表示数」から変更いただけます。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムC

  • BEAUTY (TCD054)

TCDテーマBeauty:トップページ画像スライダーのキャッチフレーズ内で改行する方法

Q.トップページのヘッダーコンテンツ「画像スライダー」で、キャッチフレーズを改行させたいです。テーマオプションのトップページ内、画像スライダー1~5>キャッチフレーズでは改行が出来ない仕様となっており、HTMLタグも無効化されますので<br>タグを入力しても改行は反映されません。

  • STORY (TCD041)

TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの

  • LOTUS (TCD039)

TCDテーマLOTUS:トップページのコンテンツ1の見出し・説明文のフォントサイズ、カラーの変更方法

Q.質問内容トップページに表示される「コンテンツ1」の、3つのボックスそれぞれの見出し・説明文のフォントサイズ・カラーは変更できますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

  • OOPS! (TCD048)

TCDテーマOOPS!:【IE】ヘッダーコンテンツの動画表示を調整する方法

Q.トップページのヘッダーコンテンツの背景に動画を設定している場合、IE11で閲覧すると、ブラウザの幅を縮める際に上下に黒い余白が表示されてしまいます。A.IEはこの箇所に適用されている「object-fit」プロパティに対応していないため、ウィンドウサイズを動画が包括できず、黒い余白が出て

  • KADAN (TCD056)

TCDテーマKADAN:トップページのヒーローヘッダーをループさせない方法

Q.トップページの画像スライダーで、コンテンツ1→2→3が表示されたあと、ループさせないようにすることは可能でしょうか?A.下記の方法でカスタマイズしてください。編集するファイル: assets/js/front-page.min.js編集する箇所:ミニファイ化しておりますので、変更

  • Switch (TCD063)

TCDテーマSwitch:トップページのフリースペースを横幅100%に変更する方法

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

  • BIRTH (TCD057)

TCDテーマBIRTH:トップページ「イントロ」「診療科目一覧」の説明文のフォントサイズを変更する方法

Q.イントロと診療科目一覧の説明文の文字を大きくするのは可能でしょうか?いずれも見出しのフォントサイズについてはテーマオプションで変更可能ですが、説明文のフォントサイズも変更したいです。▼変更箇所イメージ(イントロの説明文)A.下記の方法でご対応ください。外観

  • KADAN (TCD056)

TCDテーマKADAN:セクションコンテンツのヘッダーのタイトルの表示タイミングを調整する方法

Q.トップページのセクションコンテンツで、ヘッダーのタイトルの表示し始めるタイミングを調整する方法はありますか?もしなければ、最初から表示したままにすることは可能ですか?▼変更箇所イメージA.下記の方法でご対応ください。1. 表示タイミングを調整する外観>TC

  • FAMOUS (TCD064)

TCDテーマFAMOUS:トップページのフリースペースでYouTube動画を埋め込む方法

Q.トップページのフリースペースのYouTube動画を再生すると上下に黒いバーが付いてしまうのですが、調整できますか。トップページのフリースペースで、クイックタグを使ってYouTube埋め込んだ際、動画を再生すると上下に黒い枠が出てしまいます。▼調整箇所イメージA.下

  • SOURCE (TCD045)

TCDテーマSOURCE:トップページのコンテンツをスマホのみ非表示にする方法

Q.トップページの4点ボックスをスマホのみ非表示にすることは可能でしょうか。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力補足指定するid部分(#index_4box)を下記のように変更頂くことで、他コンテン