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

ワードプレステーマ別

画像サイズ

12
  • LOTUS(TCD039)

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

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

  • Agenda(TCD059)

TCDテーマAgenda:固定ページのサイドバーなしテンプレートでフル幅画像を表示する方法

Q.固定ページ「サイドバー無し」テンプレートでページ幅いっぱいに画像を表示させたいです。記事本文には最大横幅が指定されており、画像等を画面横幅いっぱいに表示させることは出来ません。▼変更前イメージ(記事本文幅いっぱいまでの画像表示となります。)A.下記の方法でご対応く

  • ONE(TCD061)

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

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

  • EGO.(TCD079)

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

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

  • ORION(TCD037)

TCDテーマORION:特別ページでヘッダー画像をフルサイズで表示させる方法

Q.カスタム投稿「特別ページ」詳細ページで、ヘッダーの画像がトリミングされます。フルサイズで表示させたいのですが可能でしょうか。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: single-dist

  • BLOC(TCD035)

TCDテーマBLOC:商品ページのアイキャッチ画像を小さく表示する・非表示にする方法

Q.商品詳細ページでアイキャッチ画像を小さく表示させる方法を教えて下さい。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。・横幅を小さく、かつ中央に表示する★を任意の横幅の数値に変更ください。・ア

  • GLAMOUR(TCD073)

TCDテーマGLAMOUR:商品画像の縦横比を変更する方法

Q.GLAMOURの商品画像で横長のものを設定したいのですが、可能でしょうか。GLAMOURでは、基本的には縦長の商品画像を設定頂く仕様となっております。デモサイトでは、横幅610px × 縦幅830px の画像を使用しております。▼商品画像 表示箇所・商品詳細ページ(商品画像、関連

  • ICONIC(TCD062)

TCDテーマICONIC:トップページのカルーセルスライダーのサムネイル画像表示サイズを変更する方法

Q.トップページのカルーセルスライダーの画像表示サイズを変更したいです。下記のカスタマイズはトップページの全ての「カルーセルスライダー」コンテンツに適用されます。カルーセルスライダーでは商品記事一覧もしくはブログ記事一覧を表示しますが、ブログ記事は「ブログ」コンテンツで表示させるなどご検討くださ

  • ICONIC(TCD062)

TCDテーマICONIC:商品一覧の商品サムネイル画像の表示サイズを変更する方法

Q.商品一覧ページで商品画像が正方形にトリミングされて表示されるのですが、縦に長い画像に変更したいです。A.下記にてご対応ください。TCDテーマ>基本設定のカスタムCSSに下記を入力して下さい。▼変更後イメージ横長・縦長の商品画像もトリミングされずに表示されます。見た目を

  • CUBEY(TCD023)

記事一覧のアイキャッチ画像の大きさを変更する方法

Q.記事一覧のアイキャッチ画像の大きさを変更したいA.下記のCSSファイルの該当箇所を編集します編集するファイル:style.css編集する箇所:のwidth、heightの値をご変更頂く。あまり大きい値にすると、レイアウトが崩れるため、90px以内がおすすめ