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

ワードプレステーマ別

サイズ変更

18
  • STORY (TCD041)

TCDテーマSTORY:ロゴのサイズを調整する方法

Q.ヘッダーやフッター、ヘッダーコンテンツの円形ボタンのロゴサイズをCSSで調整したいです。Ver1.16のテーマアップデートでヘッダーロゴ画像の表示領域を調整した関係で、ロゴ画像が大きい、かつメニュー数が多い場合はグローバルメニューが表示されなくなる(改行される)ことがございます。その場合

  • HOLOS(TCD108)

TCDテーマHOLOS:サイドボタンを大きく表示する方法

Q.サイドボタンを大きく表示したいです。方法はありますか?表示したいテキストの文字数が多い場合など、テーマのレイアウトより大きく表示させたいことがあるかもしれませんね。HOLOS検討中のお客様へデモサイト内のブログ記事でも機能を紹介しています。管理画面のキャプチャ画像も見れますよ。

  • SEEED (TCD105)

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

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

  • BIRTH (TCD057)

TCDテーマBIRTH:トップページ「見出しセット」の説明文の文字サイズを変更する方法

Q.トップページの「見出しセット1~3」の説明文のフォントサイズを変更したいです。▼変更箇所イメージ※「見出し」についてはテーマオプションからフォントサイズを設定出来ます。A.下記の方法でご調整ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくだ

  • Precious (TCD019)

TCDテーマPrecious:トップページの各見出しの文字サイズを変更する方法

Q.トップページの「商品一覧」「お知らせ一覧」「ブログ記事一覧」の見出しの文字の大きさを変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>テーマオプション>基本設定のカスタムCSSに入力してください。〇にPC表示時の文字サイズ、●にスマホ

  • OOPS! (TCD048)

TCDテーマOOPS!:フリースペースでYouTube動画のサイズを変更する方法

Q.フリースペースでYouTube動画のサイズを調整したい。フリースペースにクイックタグでYoutube動画を設置した場合、ブラウザいっぱいに表示されますが、横幅を調整して小さいサイズで表示させることはできますか。▼変更後イメージA.下記の方法で対応してください。

  • AMORE (TCD028)

TCDテーマAMORE:トップページ第4ブロックのアイキャッチ画像のサイズを変更する方法方法

Q.トップページ第4ブロックに表示される記事のアイキャッチ画像を大きくすることは可能ですか。▼変更箇所イメージA.該当のファイルを下記の方法でカスタマイズしてください。1. 表示したいサイズを追加する編集するファイル: テーマのための関数 (functions.p

  • ONE (TCD061)

TCDテーマONE:スマホ表示時のアイキャッチ画像のサイズを変更する方法

Q.PC表示時はアイキャッチ画像全体が表示されますが、スマホ表示時は画像の左右が切れた状態で表示されます。スマホ表示時でも、PC表示時のようにアイキャッチ画像全体を表示することはできますか?▼変更箇所イメージA.詳細ページのアイキャッチ画像は、テーマの仕様で設定頂いた画像

  • SKIN (TCD046)

TCDテーマSKIN:トップページヘッダースライダーの横幅を変更する方法

Q.トップページスライダーの大きさは変更できますか?▼変更箇所イメージ  →SKINデモサイトA.下記の方法でご対応ください。1. 横幅を調整する外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意の数値に変更します。デフォルトは1150

  • EGO. (TCD079)

TCDテーマEGO.:商品詳細ページの画像サイズを変更する方法

Q.質問内容商品詳細ページで表示される1番大きい画像のサイズを小さくすることは可能ですか。▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の表示になるように●に数

  • EVERY (TCD075)

TCDテーマEVERY:レシピスライダーのサイズを変更する方法

Q.質問内容トップページのヘッダーコンテンツ下に表示されるレシピスライダーですが、1つ1つの記事のサイズを大きくしたいのですが可能ですか。▼変更箇所イメージA.管理画面【TCDテーマ】→【サイト基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお

  • STORY (TCD041)

TCDテーマSTORY:スマホ閲覧時のヘッダー円形ボタンのタイトル画像のサイズを変更する方法

Q.質問内容管理画面【外観】→【TCDテーマオプション】→【トップページ】→【ヘッダーコンテンツの設定】→「ヘッダー円形ボタンのタイトル画像」ですが、PCでもスマホでも同サイズで表示されるため、スマホで見た際に円形ボタンに入りきりません。スマホの画面サイズに合うようにすることはできますか。&

  • BEAUTY (TCD054)

TCDテーマBEAUTY:スマホ閲覧時のヘッダーコンテンツのキャッチフレーズ文字サイズを変更する方法

Q.質問内容トップページのヘッダーコンテンツ上に表示されるキャッチフレーズですが、スマホで見ると意図していない箇所で改行されてしまいます。文字サイズを小さくして一行に収めることはできますか。▼変更箇所イメージ

  • ORION (TCD037)

TCDテーマORION:スマホ表示時、トップページヘッダーコンテンツのロゴとキャッチコピーの文字サイズを変更する方法

Q.スマートフォンで表示したときの、トップページヘッダーコンテンツ上のロゴ(テキスト)とキャッチコピーの文字の大きさを変更したいです。PC表示時のフォントサイズは、外観>TCDテーマオプション>ロゴの設定>トップページヘッダーコンテンツのロゴ(大)の「ロゴのフォントサイズ」および「キャッチコピー

  • VOGUE (TCD051)

TCDテーマVOGUE:トップページのヒーローヘッダーで動画を画面全体に表示させる方法

Q.ヒーローヘッダーに動画を設定して表示させると、横幅が足らず両端が黒くなってしまいます。この箇所では、動画の縦幅100%表示に合わせて横幅が可変する仕様となっており、表示するウィンドウサイズによっては動画の左右に黒い背景が見えます。▼変更箇所イメージA.下記の方法で

  • GENSEN (TCD050)

TCDテーマGENSEN:ブログのアイキャッチ画像のサイズ変更または非表示にする方法

Q.ブログ記事ページで、アイキャッチ画像サイズを変更したいです。アイキャッチ画像が自動的に記事の上部に横幅いっぱいの大きさで挿入されますが、・画像サイズの大きさを調整する方法・アイキャッチ画像を表示しない方法を教えて下さい。A.下記の方法をお試しください。記事編集画面の「カス

  • Precious (TCD019)

TCDテーマPrecious:トップページ「ブログ記事一覧」のアイキャッチ画像サイズを変更する方法

Q.トップページ「ブログ記事一覧」で表示されるアイキャッチ画像のサイズを変更したいA.下記のファイルをカスタマイズしてください。編集するファイル:index.php編集する箇所: 79行目付近↓※「90」の部分を任意の数字に変更してください。(上記だと90

  • LOTUS (TCD039)

TCDテーマLOTUS:お知らせ記事のアイキャッチ画像のサイズを変更する方法

Q.お知らせページページ本文タイトル上に表示されるアイキャッチ画像が大きすぎる。A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力ください。●pxや●%など、●部分の数値については適宜ご変更くださいませ。横幅のみを指定していますので、画