「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

縦幅の調整

52
  • VOGUE(TCD051)

TCDテーマVOGUE:スマホでのスライダー画像を全体表示する方法

Q.スマホでのスライダー画像を全体表示するにはどうしたらいいでしょうか?スマホ(iphone)でサイトを見た時に、トップページだけ画面右に縦に空きができて、トップ画像も縮小されず、一部分しか表示されません。A.下記の方法でカスタマイズください。スライダーの画像についてですが、

  • RUMBLE(TCD058)

TCDテーマRUMBLE:メインビジュアルのスライダー部の高さを変更する方法

Q.メインビジュアルのスライダー部の高さを変更したいのですが、方法はありますか?A.該当ファイルをカスタムCSSに追加してくださいお好みの値へご調整くださいませ。その他の箇所をご変更されたい場合は、該当箇所の要素を指定頂きまして、設定内容をご記述くださいま

  • BIRTH(TCD057)

TCDテーマBIRTH:トップページのスライダーの高さを変更する方法

Q.TOPページのスライダーの高さを変更する方法はありますか。A.以下の方法にてご対応ください。外観→TCDオプション→基本設定→カスタムCSSに入力してください。〇を任意の数値に変更してください。備考画面幅1280ピクセルまで → スライダー画像の高さが最大450ピクセルに

  • RUMBLE(TCD058)

TCDテーマRUMBLE:トップページのスライダーサイズや色を変更したい。

Q.トップページのスライダーのサイズを小さく変更したいのですが、方法はありますか?A.該当ファイルをカスタムCSSに追加してくださいスライダーの調整についてですが、当テーマのスライダーは大きいことが特徴となっておりますため、テーマオプションでは設定箇所がございません。つきましては、C

  • STORY(TCD041)

TCDテーマSTORY:ヘッダーの高さを調整する方法

Q.ブログ記事ページのヘッダーを小さくして、ファーストビューで記事本文を表示させたい。▼変更後のイメージ  →変更前例:デモサイトブログ記事A.下記の方法でご対応ください。適用させたい範囲にあわせて、以下のいずれかのカスタムCSSに入力してください。・外観>TCDテーマオ

  • NEXTAGE(TCD021)

TCDテーマNEXTAGE:ブログ記事詳細ページのアイキャッチ画像のサイズを調整する方法

2021/9/24 記事を更新しました。Q.投稿(ブログ記事)詳細ページに表示されるアイキャッチ画像のサイズを変更したい記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。A.下記の方法でご対応ください。外観>テーマオプション>基本設定のユーザー定義CS

  • Precious(TCD019)

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

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

  • BlogPress(TCD010)

TCDテーマBlogPress:ヘッダー上部に表示される下線や帯の幅を調整する

Q.ヘッダ上部の下線の太さを変更したいキャッチフレーズが表示されている帯の部分の下線の太さを変更する方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集するファイル:header.php編集する箇所:↓※デフォルトではグローバルメニューにマ

  • AMORE(TCD028)

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

Q.記事ページのアイキャッチ画像のサイズが縦長に表示されてしまう各投稿ページのアイキャッチ画像が縮小されずに元の画像のサイズの縦幅のまま縦長に大きく表示されてしまいます。縦幅を調整する方法を教えてください。A.下記のphpファイルの該当箇所を編集します当テーマでは、仕様として縦長の画

  • Precious(TCD019)

TCDテーマPrecious:トップページスライダー画像の高さを変更する

Q.スライダー画像の縦幅を調整をしたいスライダー画像の推奨サイズ1140pxX400pxは少し横長なので、縦幅を変更する方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:style_pc.css編集する箇所:     ↓※

  • Gorgeous(TCD013)

トップページ「最近の記事」のボックスの高さを変更する

Q.アイキャッチの画像サイズを調整したいこちらの記事を参考に、トップページに表示される「最近の記事」の表示件数を変更したところレイアウトが崩れてしまいました。A.下記のcssファイルの該当箇所を編集します「最近の記事」に表示されるボックスの高さが記事によって異なることが原因です。

  • Focus(TCD030)

ヘッダーロゴの縦幅を変更する

Q.ヘッダーロゴの縦幅をもう少し大きく表示したいロゴのサイズは、規定の横長のサイズから変えられないでしょうか?A.下記のcssファイルの該当箇所を編集しますロゴの部分を変更するだけでは全体のデザインが崩れてしまうので下記の全箇所を調整ください。編集するファイル:focus.css

  • Reviewer(TCD026)

TCDテーマReviewerでのアイキャッチ画像が縦長に表示されてしまうときの対処方法

Q.アイキャッチ画像のサイズが縦に大きく表示されてしまいます縦長のアイキャッチ画像を設定した際に、リサイズされずにオリジナルのサイズで表示されてしまいます。調整方法を教えてください。A.下記のphpファイルの該当箇所を編集します当テーマでは、仕様として縦長の画像を縦長のまま表示するように

  • CORE(TCD027)

TCDテーマCORE:サムネイルの縦横比率の調整をする方法

Q.サムネイルの歪みを修正したい他テーマからCOREに切り替えたところ、サムネイルが上下や左右にひずんで表示が崩れてしまいました。サムネイルサイズを一括変更するプラグインもありますが、サイズを変更するというより、ひずみを解消する方法はありますか?A.下記のcssファイルの該当箇所を編

  • INNOVATE HACK(TCD025)

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

Q.アイキャッチ画像のサイズをもう少し小さく表示したいアイキャッチ画像を設定した時、画像のサイズが大きすぎるのが気になります。メインは本文なので、少し画像を小さく表示させる設定が出来ないのか調べてみたのですがINNOVATE HACKのテーマが特殊な構造をしているためか、上手く設定できません。

  • LUXE(TCD022)

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

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

  • Focus(TCD030)

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

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

  • Precious(TCD019)

TCDテーマPrecious:商品画像サイズを変更する方法

Q.自動リサイズされる商品画像のサイズを変更できますか?「Precious (TCD019)」を使用していますが、扱う商品の関係上、商品写真を縦長に変更したいと思っています。アップロードの際、トリミングされてしまうので困っています。写真を縦に表示することは可能でしょうか。下記のカスタマイズ内

  • Gallery(TCD012)

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

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