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

すべての記事

記事数 1709
  • Bloom (TCD053)

TCDテーマBloom:記事一覧ページのサムネイル画像を横長に変更する方法

Q.サムネイル画像が正方形なので画像が切り取られてしまいます。▼元の画像(1000×690ピクセル) → 実際の表示A.下記の方法でカスタマイズしてください。Bloomテーマでは、投稿記事にアップロードしたアイキャッチ画像(記事一覧ページではサムネイル画像として使用)を、

  • FAMOUS (TCD064)

TCDテーマFAMOUS:トップページのヘッダーコンテンツの動画の高さを変更する方法

Q.質問内容・Youtube動画をスマホでも横幅いっぱい表示したい場合はどのように対応すればよいでしょうか?・MP4動画の表示面の縦幅を調整したいです。・メインの動画の高さが高すぎるので、調整したいです。▼変更箇所イメージ<変更後のイメージ※スマホ時>A.下記の方

  • NULL (BIZ002)

TCDテーマNULL:ヘッダーの検索フォームを開いた状態で表示させる方法

Q.ヘッダーの検索フォームはクリックで開閉しますが、常に開いている状態にしたいです。当サイトTCD LABOでもこのカスタマイズを施しています。▼変更後のイメージ →NULLデモサイトと比較してみてください。A.下記の方法でカスタマイズしてください。TCDテーマ>基本設定

  • BASARA (TCD100)

TCDテーマBASARA:トップページ「記事スライダー」のアローの背景色を変更する方法

Q.トップページの「記事スライダー」の左右矢印の色合い(背景色・アイコンの色・枠線)を変更したいです。アイキャッチ画像の色合いによってはアロー部分が見えづらいこともあるかもしれませんね。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCS

  • SEEED (TCD105)

TCDテーマSEEED:プラン一覧の価格を「単位+価格」で表示する方法

Q.クイックタグの「プラン一覧」で日本円のように「価格(数字)+単位」ではなく、ドルなど「単位+数字」で表示させたいのですが、可能でしょうか?それぞれの文字サイズを変更する(大小を逆にする)ことで、見た目上実現可能です。管理画面では「価格」に「単位」を、「単位」に「価格」を入力してください。

  • RIKYU (TCD104)

TCDテーマRIKYU:フッターバナーの見出しの位置を調整する方法

Q.フッターにバナーを表示していますが、文字の位置を中央か右側に変更したいです。▼変更箇所イメージ※RIKYUデモサイトではバナー画像を用意して(見出しを入力せずに)表示させています。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください

  • Cherie (TCD101)

TCDテーマCherie:トップページヘッダーコンテンツのスライダー部分の横幅を大きくする方法

Q.トップページヘッダーコンテンツの右側部分の横幅を広げて表示させたいです。テーマでは、メインコンテンツ部分(ロゴ画像やテキスト)とスライダー部分(画像スライダー・MP4動画・YouTube動画)が1:1となるレイアウトを採用しています。▼変更後のイメージ →Cherieデモサイトと比較

  • Beyond (TCD094)

TCDテーマBeyond:トップページヘッダーコンテンツのラウンド部分に背景色を設定する方法

Q.トップページのヘッダーコンテンツ下に背景色があるコンテンツを表示させています。そうすると、ヘッダーコンテンツの下部分のデザインの背景色が浮いてしまいます。コンテンツビルダーで背景色を設定したフリースペースなどを設定した際に、ヘッダーコンテンツ下部のラウンドデザインの背景色を変更したい場合があ

  • PORTAL (TCD095)

TCDテーマPORTAL:トップページヘッダーコンテンツの文字色を変更する方法

Q.トップページ>ヘッダーコンテンツ>テキストの各フォントカラーを白から変更したい。トップページのヘッダーコンテンツには、背景(画像・MP4動画・YouTube動画)のほかに「オーバーレイ」を設定頂けます。こちらを設定頂くことを想定しておりますため、文字色はテーマ側で白色に固定されております。

  • Switch (TCD063)

TCDテーマSwitch:スマホのハンバーガーメニューを開いたときにボタンのアイコンを「×」にする方法

Q.質問内容スマホのハンバーガーメニューを開いたときに、三本線のボタンのアイコンを、バツ印などに変えられますか?▼変更箇所イメージA.カスタムスクリプト・カスタムCSSでアレンジ可能ですSwitchテーマでは、スマホのハンバーガーメニューのアイコンデザインは、メニュー

  • HORIZON (TCD093)

TCDテーマHORIZON:ヘッダーのドロップダウンメニューの背景色・文字色を変更する方法

Q.グローバルメニューのサブメニュー「ドロップダウンメニュー」の、背景色と文字色を変更したいです。HORIZONのヘッダーメニューのレイアウトについてはデモサイト内のブログ記事でもご紹介しております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力

  • PORTAL (TCD095)

TCDテーマPORTAL:カテゴリーを非表示にする方法

Q.サイト内で記事のカテゴリーを非表示にしたいのですが、可能でしょうか?WordPressの仕様上、投稿(ブログ)記事に「カテゴリーを設定しない」ということは出来ません。時系列から独立したページを作成したい場合は固定ページで作成することもご検討ください。A.下記の方法でご対応くだ

  • FAMOUS (TCD064)

TCDテーマFAMOUS:トップページ「お客様の声」の本文抜粋で改行を反映させる方法

Q.トップページの「お客様の声カルーセルスライダー」で記事本文が抜粋されますが、改行タグが反映されません。トップページのお客様の声カルーセルスライダーでも改行タグ(<br />)は反映されず、テキストとしてそのまま出力されます。▼変更箇所イメージポイントお客様の声アー

  • EGO. (TCD079)

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

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

  • FAMOUS (TCD064)

TCDテーマFAMOUS:トップページ「ブログ」「WORKS」のボタンのリンク先を各アーカイブページに変更する方法

Q.トップページのコンテンツビルダー「ブログ」で、特定のカテゴリーの記事を表示させると、ボタンのリンク先が各カテゴリーアーカイブページとなってしまうのですが、ブログアーカイブページに遷移させたいです。Ver1.7→1.7.1のテーマアップデートにて、コンテンツビルダーの「ブログ」「WORKS」コ

  • GAIA (TCD102)

TCDテーマGAIA:イベントカレンダーの「当日」マスの背景色・文字色を変更する方法

Q.カレンダーを表示させたときに、「当日」のマスを目立たせることは可能でしょうか?GAIAのイベントカレンダーでは、「当日」のほか「過去」「未来」のクラスが各日のマスに割り振られているので、背景色・文字色・枠線といった内容の装飾が可能です。関連記事以下の記事では、「定休日」と「特定の日付

  • SOURCE (TCD045)

TCDテーマSOURCE:トップページ「4点ボックス」で6点表示させる方法

Q.トップページの「4点ボックスコンテンツ」でボックス6まで表示させたいのですが、可能でしょうか。▼変更箇所イメージ  →SOURCEデモサイトA.下記の方法でカスタマイズしてください。なるべく簡単なカスタマイズ案としまして、トップページのファイルに5つめ・6つめのボックスの

  • テーマ共通

TCDテーマ共通:クイックタグ「アンダーライン」の太さを変更する方法

Q.クイックタグ「アンダーライン」の太さは変更できますか?はい、可能です。カスタムCSSに以下をコピペする方法になります。A.下記の方法でご対応ください。TCDテーマオプション>基本設定>カスタムCSSに以下をコピペしてください。※HEAL(TCD077)以降にリリースされたアン

  • HEAL (TCD077)

TCDテーマHEAL:カスタム投稿「メニュー」の「コース表コンテンツ」において「時間」と「価格」を2行で表示する方法

Q.カスタム投稿「メニュー」>「コース表コンテンツ」の「時間」と「価格」を改行して表示させたいです。この箇所では改行を想定した仕様となっていない(一行で表示することを想定している)ため、入力欄での改行は行えず、<br>などのHTMLタグも無効化されます。▼変更箇所イメージ  

  • ANTHEM (TCD083)

TCDテーマANTHEM:フッターカルーセルとヘッダースライダー下の「商品」表示数を変更する方法

Q.フッターのカルーセルスライダーの数が上限で10となっていますが、全てを表示させたいです。▼変更箇所(フッター)イメージ▼変更箇所(ヘッダー下)イメージA.以下のテーマファイルをカスタマイズで対応可能です。またヘッダー下の「商品」カルーセルの表示件数の変更も、類似の方法

  • LOTUS (TCD039)

TCDテーマLOTUS:投稿のアイキャッチ画像をオリジナルサイズで表示する方法

Q.投稿のアイキャッチ画像が縦長の場合、切り取られてしまいます。すべて表示できませんか?▼変更箇所イメージ(約1000 x 1600ピクセルサイズの画像をアップロードした例)A.下記のコード修正で変更可能です。LOTUSテーマでは、アップロードした画像ファイルをいくつかの

  • SEEED (TCD105)

TCDテーマSEEED:フッター画像カルーセルのスピードを変更する方法

Q.フッター画像カルーセルのスピードを変更する方法はありますか?▼変更箇所イメージA.以下のテーマファイルをカスタマイズして対応してください。該当ファイル:functions/footer_script.php該当箇所:651行目付近修正内容▽修正前

  • SEEED (TCD105)

TCDテーマSEEED:コンテンツビルダーの画像カルーセルのスピードを変更する方法

Q.画像カルーセルのスライダースピードを変更する方法はありますか?▼変更箇所イメージA.以下のテーマファイルをカスタマイズして対応してください。該当ファイル:functions/footer_script.php該当箇所:166行目付近修正内容▽修正前

  • SEEED (TCD105)

TCDテーマSEEED:ヘッダーコンテンツの画像スライダーの切り替わり時間を変更する方法

Q.トップスライダー写真のスライダースピードを変更する方法はありますか?▼変更箇所イメージ※管理画面のTCDテーマ>トップページ>ヘッダーコンテンツ>画像スライダー>アニメーションタイプでスライドを設定時A.以下のテーマファイルをカスタマイズして対応してください。該当ファ

  • REHUB (TCD099)

TCDテーマREHUB:レビュー記事のテーブルに住所欄を設け、Googleマップへのリンクを貼る方法

Q.レビュー記事のテーブルに住所欄を作ったときに、その住所へのGoogleマップのリンクを貼れますか?▼変更箇所イメージA.テーブルのデータセルにaタグを記述して対応してください。レビュー記事内のテーブルのデータセルには、aタグを記述してリンクを貼ることができます。また、

  • CURE (TCD082)

TCDテーマCURE:固定ページデフォルトテンプレートのスラッグで「access」を使用する方法

Q.「デフォルトテンプレート」で作成した固定ページのスラッグを『access』にすると、記事内容が表示されません。・テンプレート「デフォルトテンプレート」でスラッグを「access」にすると記事本文の内容が表示されない・テンプレートを「アクセスページ」に変更すると表示されるというお問い合

  • GENESIS (TCD103)

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

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

  • ANGEL (TCD047)

TCDテーマANGEL:プロフィールページでユーザー名を2行で表示する方法

Q.固定ページの「プロフィール」テンプレートの『ユーザーの名前』を改行して表示させたいのですが可能でしょうか。この箇所では改行を想定した仕様となっていない(ユーザー名を一行で表示することを想定している)ため、入力欄での改行は行えず、<br>などのHTMLタグも無効化されます。