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

ワードプレステーマ別

画像縦横比

10
  • LOTUS (TCD039)

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

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

  • GENSEN (TCD050)

TCDテーマGENSEN:スマホ表示時のトップページヘッダーコンテンツ画像スライダーの高さを小さくする方法

Q.スマホで閲覧した際のトップページヘッダーコンテンツ画像スライダーで、画像が拡大されて表示されます。PC表示時と同じ縦横比で表示させたいです。この箇所では、テーマの仕様で設定頂いた画像を全面(縦横いずれも100%での)表示をさせず、表示するデバイス(ウィンドウサイズ)によっては、正方形や横長の

  • EGO. (TCD079)

TCDテーマEGO.:トップページや商品一覧ページで表示される商品画像の縦横比を変更する方法

Q.トップページに表示される商品のサムネイル画像が初期画面で長方形なのですが、正方形に変更することは可能でしょうか。商品詳細ページのレイアウト(縦長/横長)は商品ページ編集画面、もしくはテーマオプションから変更頂けます。参考:デモサイト内記事 訴求力の高い商品ページでは、細かいディテールもチ

  • HEAL (TCD077)

TCDテーマHEAL:スタッフで縦長画像を表示する方法

Q.「スタッフ」でセラピストさんの写真に縦長の画像を設定したいです。申し訳ございませんが、カスタム投稿「スタッフ」(デモサイトでは「セラピスト」)のアーカイブページ、詳細ページにおいて、テーマ仕様ではセラピスト画像(アイキャッチ画像)は縦長の画像を設定した場合も正方形で表示される仕様となっており

  • GLAMOUR (TCD073)

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

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

  • NANO (TCD065)

TCDテーマNANO:【IE】会社案内一覧ページのアイキャッチ画像表示を調整する方法

Q.会社案内アーカイブページをIE11・Edgeで閲覧すると、アイキャッチ画像の縦横比が他のブラウザと異なって表示されます。申し訳ございません。IEはこの箇所に適用されている「object-fit」プロパティに対応しておらず、設定される画像(特に人物画像等)によっては、画像表示が気になる場合があ

  • ICONIC (TCD062)

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

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

  • NANO (TCD065)

TCDテーマNANO:【IE】トップページ3点ボックスの画像表示を調整する方法

Q.トップページをIE11・Edgeで閲覧すると、3点ボックスの画像が縦に伸びて表示されてしまいます。申し訳ございません。IEはこの箇所に適用されている「object-fit」プロパティに対応しておらず、設定される画像(特に人物画像等)によっては、画像表示が気になる場合があります。&nbsp

  • ORION (TCD037)

TCDテーマORION:ブログ一覧のサムネイル画像を正方形で表示する方法

Q.トップページのブログコンテンツとブログアーカイブページで、記事のアイキャッチ画像を正方形の表示に変更したい。▼変更後のイメージ(トップページのブログコンテンツ)   変更前:ORIONデモサイトA.下記の方法でカスタマイズしてください。上記の箇所では、アイキャッチ画像が【