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

ワードプレステーマ別

横幅の調整

52
  • CORE (TCD027)

TCDテーマCORE:記事ページのアイキャッチ画像の画質を調整する方法

Q.「小さいアイキャッチ画像」が引き伸ばして表示されて画質が荒くなるのを防ぎたい。画像がメインカラム幅(660px)に引き伸ばされるので、CSSで調整します。サイト内の全記事に反映させたい場合:外観>TCDテーマオプション>基本設定のカスタムCSSに入力特定の記事のみに反映させたい場

  • ORION (TCD037)

TCDテーマORIONのロゴ(大)をスマホで見た際に縮小する方法

Q.トップページヘッダーコンテンツのロゴ(大)をスマホで見た際に縮小にしたいトップページヘッダーコンテンツのロゴ(大)が大きめの画像だった場合は、スマホで見た際に両端が見切れてしまいますので、その回避方法です。A.テーマオプションのカスタムCSS欄に下記コードを追記します

  • PHOTEK (TCD024)

スマホで閲覧する際サイトのタイトルとキャッチフレーズを二段にする方法

Q.スマホで閲覧する際サイトタイトルとキャッチフレーズを二段にしたいサイトの左上の箇所には、当テーマではサイトタイトルをロゴ画像で表示する方法を推奨しておりますが、ロゴ画像を設定しない時は、サイトのタイトルが表示されます。しかしスマホで閲覧した際、サイトのタイトルが表示領域をはみ出てしま事象が起

  • IZM (TCD034)

レスポンシブのブレイクポイントを調整する

Q.PC用レイアウトとモバイル用レイアウトのブレークポイントを調整したいレスポンシブデザインのブレークポイントを調整することはできますか?A.下記ファイルの該当箇所を編集します①編集するファイル:functions/head.php編集する箇所:※max-widthの

  • AMORE (TCD028)

TCDテーマAMORE:トップページ第5ブロックのバナーを3つから4つへ変更する

Q.第5ブロックのバナーの数を増やしたいトップページ第5ブロックの四角いバナーを3つから4つに増やす方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集するファイル:page-welcome.php編集する箇所:①3列から4列へ幅の調整  ↓

  • SWEETY (TCD029)

グローバルメニューの各項目の間隔や文字サイズの調整

Q.グローバルメニューが2列で表示されるのを1列に収めたいグローバルメニューの項目が2列の表示になっていますが、各項目の間隔を狭めたり、文字のサイズを小さくすることで、何とか1列に収めたいと考えています。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc

  • PHOTEK (TCD024)

TCDテーマPHOTEK:スマホ閲覧の固定ページNosideテンプレートのコンテンツ幅の調整

Q.スマホ閲覧時の固定ページNosideテンプレートのコンテンツ幅を広げたいスマホで固定ページNosideテンプレートで作成したページを見ると、文章の表示領域が狭いと感じます。コンテンツ幅と文字の表示領域を広げる方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集

  • Precious (TCD019)

TCDテーマPrecious:アイキャッチ画像のサイズを調整する

Q.記事ページに表示されるアイキャッチ画像のサイズを変更したい記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。A.下記の手順でアイキャッチ画像のサイズを調整します①アイキャッチ画像の生成サイズを調整するアイキャッチ画像はオリジナル画像を指定のサイ

  • Opinion (TCD018)

子メニューの幅を調整する

Q.子メニューの幅を調整したいグローバルメニュー上でマウスオーバーしたときに開く子メニューの幅が狭く、テキストが2行で表示されてしまいます。少し幅を広げて1行で表示したいです。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc.css編集する箇所:

  • logue (TCD020)

スマホに表示する「おすすめ記事」や「最近の記事」のレイアウトを変更する

Q.スマホ専用に配置したウィジェットのレイアウトを変更したいスマホ専用に配置した「おすすめ記事」や「最新の記事」(tcdバージョン)などのウィジェットの表示を横並びレイアウトに変えることはできますか?A.下記cssファイルの該当箇所をご編集ください編集するファイル:style_sp.

  • INNOVATE HACK (TCD025)

TCDテーマINNOVATE HACK:記事ページのアイキャッチ画像のサイズを調整する方法

Q.サムネイル画像記事ページのサムネイル画像のサイズをもう少し小さく表示したい。サムネイル画像(アイキャッチ画像)を非表示にされたい場合は、外観>テーマオプション>基本設定>各項目の表示設定の「サムネイルを記事の詳細ページに表示する」のチェックを外すことで対応できます。A.下記の方法でカ

  • INNOVATE HACK (TCD025)

TCDテーマINNOVATE HACK:トップページ記事一覧のサムネイルのサイズを調整する

Q.トップページ記事一覧のサムネイルが小さいのでもう少し大きく表示したい。▼変更後のイメージ   →変更前:INNOVATE HACKデモサイトA.下記の方法をお試しください。外観>テーマオプション>基本設定のカスタムCSSに入力してください。この

  • SWEETY (TCD029)

スマホでTCDテーマSWEETYを表示した際のロゴの調整方法

Q.ヘッダーロゴとフッターロゴのサイズを均一にしたいのですが?スマホで閲覧時にヘッダーロゴは小さく、フッターのロゴは大きく表示されてしまいます。どこか設定でロゴサイズを均一に表示させる方法はありませんか?A.下記のphpファイルの該当箇所を編集します当テーマでは、ヘッダー部分には設定

  • LUXE (TCD022)

TCDテーマLUXE:ロゴアップロード上限サイズを変更する方法

Q.ヘッダーロゴの横幅をもっと広く取りたい「外観」→「テーマオプション」→「ロゴヘッダー」からアップできるロゴの横幅を1180Px程の横長の画像を使用したいのですが、サイズ超過のためアップロードができません。横長(横幅1180Px程度)の画像をヘッダーのロゴとしてアップする方法はありますか。

  • Focus (TCD030)

TCDテーマFOCUS記事詳細ページのアイキャッチ画像を実サイズで表示する方法

Q.記事ページ上部のアイキャッチ画像の大きさを小さくする事は可能でしょうか?あまり大きくない画像を採用した場合、画像が伸びて解像度が悪くて綺麗に見えません。良い方法がありましたら、教えてください。A.下記のcssファイルの該当箇所を編集します記事ページのアイキャッチについてはカラム幅

  • Chill (TCD016)

TCDテーマChill:スマホ閲覧時にタイトルとソーシャルアイコンが重なるときの対処法

Q.ヘッダー部分のサイトタイトルとソーシャルアイコンが重なってしまうのですが?メニュー部分にタイトルが表示されている影響で、ソーシャルアイコンと重なってしまっています。調整方法を教えて下さい。A.下記のcssファイルの該当箇所を編集すると、フォントサイズや表示領域の横幅を変更することがで

  • Gallery(TCD012)

TCDテーマGalleryでアイキャッチ表示サイズを変更する方法

Q.アイキャッチ画像の大きさは変更できますか?Galleryの記事ページに表示されるアイキャッチが正方形(縦470px×横470px)なのですが、縦長や横長にするすることはできますか?大きさを変更する方法も併せて教えてください。A.以下のcssファイル、phpファイルの該当箇所をご編集く

  • BlogPress(TCD010)

TCDテーマBlogPressでグローバルメニューの幅を調整する方法

Q.グローバルメニューの各項目の幅の調整方法グローバルメニューに複数の項目を設定した場合、一つ一つのメニューの幅を調整出来ませんか?メニュー数が少ない時、一つ一つのメニュー幅(縦罫線の区切り)が長いので調整したいです。A.cssファイルとjsファイルの編集が必要です項目名は8文字

  • BlogPress(TCD010)

TCDテーマ「BlogPress」のサイトタイトルを1行に収める方法

Q.トップページ等で自動出力される文言を変更したいサイトタイトルが8文字で改行されてしまうようです。長いサイトタイトルを1行に収めるにはどうしたらいいでしょうか?A.下記のcssファイルの該当箇所を編集しますBlogPress(tcd010)ではヘッダーロゴを設定しない場合テキスト表