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

すべての記事

記事数 1709
  • SEEED (TCD105)

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

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

  • ISSUE (TCD106)

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

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

  • Be (TCD076)

TCDテーマBe:メガメニューAのグラデーションを削除する方法

Q.カテゴリー画像を使用する「メガメニューA」のグラデーションをなくしたいです。グラデーションオーバーレイは画像上のテキストの可読性を高めるために採用されています。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。

  • SOLARIS (TCD088)

TCDテーマSOLARIS:メガメニューCのグラデーションを削除する方法

Q.メガメニューC(会社概要)で表示されるグラデーションを消去する方法はありますか。この箇所のグラデーションのオーバーレイは画像上のテキストの可読性を高めるために採用されていますが、設定する画像によっては削除されたいというお客様もいらっしゃるようです。▼変更箇所イメージA

  • ISSUE (TCD106)

TCDテーマISSUE:デモサイト「スタッフ紹介」のスケジュールコンテンツの作成方法

TCDテーマ「ISSUE」のデモサイトでは、スタッフページにスケジュールコンテンツをつくっています。当記事で、その作成方法を解説いたします。▼該当箇所→ISSUEデモサイト上記のようなスケジュールコンテンツは、HTMLの記述と「カスタムCSS」の機能を用いることで実現可能です。

  • Tree (TCD081)

TCDテーマTree:「デザインコンテンツ」の画像にaltタグを表示させる方法

Q.質問内容固定ページにおいてテンプレート「デザインページ1」を選択時に設定できる「デザインコンテンツ」の画像にaltタグを表示させる方法を知りたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。こちらではメディアライブラリーの「代替テキスト」で指定

  • DIVA (TCD066)

TCDテーマDIVA:イベントの日付に時刻を追加する方法

Q.同じ日付で異なる時刻に複数のイベントがある場合、表示順を日付+時刻で並べ替えることはできますか?同じ日付の場合、イベントが投稿日順で並びます。A.下記の方法でカスタマイズしてください。カスタム投稿タイプ「イベント」のエディター画面には、イベント開催日を設定できるカスタムフィー

  • ZOOMY (TCD067)

TCDテーマZOOMY:ブログ詳細ページのサイドコンテンツで表示される「投稿者の写真」を6件以上表示させる方法

Q.ブログページのサイドコンテンツ「〇〇の写真」に表示される画像の表示件数は変更できますか?▼該当箇所 →ZOOMYデモサイトA. テーマファイルを編集する事で、表示件数を変更することが可能です。以下の該当箇所を編集して変更ください。該当ファイル:sidebar.php

  • ZOOMY (TCD067)

TCDテーマZOOMY:ブログ詳細ページのサイドコンテンツで表示される「投稿者の写真」の表記を変更する方法

Q.ブログページのサイドコンテンツ「〇〇の写真」の表記を変更することはできますか?▼該当箇所 →ZOOMYデモサイトA. テーマファイルを編集する事で、表記を変更することが可能です。以下の該当箇所を編集して変更ください。該当ファイル:sidebar.php該当箇所:66

  • SOLARIS (TCD088)

TCDテーマSOLARIS:タブコンテンツに縦長の画像を表示する方法

Q.タブコンテンツの画像サイズが500×500ピクセルで切り取られます。縦長の画像を表示できますか?▼750 x 1050 ピクセルの画像の例A.下記の方法でカスタマイズしてください。SOLARISテーマでは、アップロードした画像をあらかじめいくつかのサイズにリサイズ(サイズ

  • HORIZON (TCD093)

TCDテーマHORIZON:ブログやお知らせページの記事本文部分の背景色を変更する方法

Q.投稿(ブログ)記事ページやお知らせ記事ページの記事本文部分に薄いグレーの背景色がついていますが、これを変更したいです。A.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに〇を任意のカラーコードに変更して入力してください。ブログアーカイブや

  • DROP (TCD087)

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

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

  • meets (TCD086)

TCDテーマmeets:ギャラリーページで「次の記事、前の記事リンクを表示する」が反映されないときの解決方法

Q.ギャラリーページで「次の記事、前の記事リンクを表示する」が表示されません。TCDテーマ>ギャラリー>ギャラリーページ>その他の設定の「次の記事、前の記事リンクを表示する」にチェックを入れているにもかかわらず、『公開ページに表示されない』『リンク先が前後の記事にならない』というお問い合わせを頂

  • Cherie (TCD101)

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

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

  • Beyond (TCD094)

TCDテーマBeyond:トップページ「導入事例一覧」の背景色を変更する方法

Q.トップページコンテンツビルダーの「導入事例一覧」の背景色を変更したい。フリースペースは任意に背景色を設定出来ますが、導入事例一覧ではテーマ側で背景色が設定されています。▼変更箇所イメージ   →BeyondデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設

  • SERUM (TCD096)

TCDテーマSERUM:トップページ「カルーセル」のスライド速度を変更する方法

Q.トップページのコンテンツビルダーで「カルーセル」の切り替わり速度をもう少し速くしたいのですが、方法はありますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームページ (front-page.php)編集する箇所: 109行目付近

  • GAIA (TCD102)

TCDテーマGAIA:ブログ記事の日付を非表示にする方法

Q.投稿(BLOG)の日付を非表示にしたいです。メガメニューB(ブログカルーセル)・トップページのブログ一覧・カテゴリーアーカイブ・ブログ記事・ブログ記事内の関連記事箇所の日付をCSSで見た目上非表示にする方法をご案内します。A.下記の方法でご対応ください。TCDテーマ>基本設定のカ

  • HORIZON (TCD093)

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

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

  • RIKYU (TCD104)

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

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

  • SKIN (TCD046)

TCDテーマSKIN:お客様の声アーカイブで記事本文の抜粋を非表示にする方法

Q.お客様の声一覧ページで本文を表示せずにボタンリンクから詳細を見れるようにしたいです。カスタム投稿「お客様の声」で記事数が多い場合や本文のボリュームが多い場合に、詳細ページでのみ本文を表示したい(アーカイブでは画像とお客様名だけを表示したい)ことがあります。▼変更後のイメージ    ※

  • REHUB (TCD099)

TCDテーマREHUB:レビューカテゴリーごとのランキングページを表示する方法

Q.特定のレビューカテゴリーを選択した状態でランキングページを表示させたいです。北海道のランキングを表示するのに、まずランキングページを表示させてから「北海道」をクリックして絞り込む必要がありますが、これを「北海道のランキングページ」として表示出来るようにしたいです。A.下記の方法で対応

  • QUADRA (BIZ001)

TCDテーマQUADRA:固定ページのカスタムメニューで開閉をもつh2見出しでもリンクさせる方法

Q.固定ページでサイドバーにカスタムメニューを用いて目次を表示させています。副項目をもった見出しをクリックしてもその位置にリンクしないのですが、対応出来ますか?恐れ入りますが、これはテーマの仕様です。当記事のカスタマイズ後は見出し部分のクリックで見出し箇所にスクロールされるようになりますが、一方

  • Muum (TCD085)

TCDテーマMuum:クイックタグの『テキスト選択後に適用される仕様』を『クリックすると挿入される仕様』に変更する方法

Q.質問内容・クイックタグがリニューアルされたが、操作感がどうしても慣れないので以前の操作方法に戻したい・複数のテーマを利用しており、もう一つの方は旧来の使用方法なので、操作方法を統一させたいです。補足MuumのVer2.1.3→2.2アップデートにてクイックタグの仕様が変更になり、

  • OOPS! (TCD048)

TCDテーマOOPS!:クイックタグの見出しを以前の見出しのデザインに変更する方法

Q.質問内容・アップデート後も以前のデザインの見出しを利用したいです。・見出しをなぞる仕様を維持したまま、旧来のデザインを利用したいです。補足OOPS!のVer1.6.1→2.0アップデートにてクイックタグの仕様が変更になり、見出しや囲み枠が対象のテキストをなぞる(ドラッグ)ことで適

  • Ankle (TCD092)

TCDテーマAnkle:PCでも商品ページ最下部の「カートに入れる」「お気に入り」ボタンを表示する方法

Q.質問内容スマホでは、商品ページ最下部に「カートに入れる」ボタンと「お気に入り」ボタンが表示されますが、PCでも表示させられますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。「カートへ入れる」「お気に入り」のバーは、スマホ画面において、ある程度

  • NANO (TCD065)

TCDテーマNANO:スマホでトップページのヘッダーコンテンツ画像・動画を切り取られずに表示する方法

Q.スマホ表示の場合、設定した画像または動画が全画面表示になってしまい、切り取られて表示されます。▼左:画像(1740×840ピクセル) 右:動画(640×360ピクセル)の例A.下記のCSSを追加することで全画面表示を解消して全体が表示できます。スマホとPCでは縦横比が

  • REHUB (TCD099)

TCDテーマREHUB:日本地図の各エリアの位置を調整する方法

Q. 日本地図で各エリアのコンテンツ同士が被ってしまう場合がありますが、どうしたら良いでしょうか?▼参考事例上記のように北海道エリアに複数の市町村を設定すると、東北エリアと被ってしまうことがあります。A. 「カスタムCSS」の機能で各所調整可能です。今回は上のパターンのように「北

  • Muum (TCD085)

TCDテーマFORCE:ぺージャーの前後の記事を同じカテゴリーにする方法

Q.質問内容ブログやギャラリーの前後のページのリンクを同一のカテゴリー内で遷移させるようにしたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。投稿(ブログ)の場合編集するファイル: functions/next_prev.php 編集する箇