COS-Blog

COSブログのサムネイル画像のサイズを編集するにはどうしたらよいですか?

更新日時 November 28, 2016

COSブログのサムネイル画像はユニバーサルで設定されているため、デフォルトでは変更できません。ただし、CSSを使ってスタイルシート内で画像のサイズを変更することはできます。この場合、CSSの知識が必要です。

  • 最初にサムネイル画像の設定が有効であることを確認します。
  • サムネイル画像のサイズを編集するには、セレクター.hs-featured-imageをブログに適用しているCSSスタイルシートに追加します(他のブログCSSと同じセクションで実行することをお勧めします)。
  • 画像の幅は、投稿の幅に対する割合で指定します(高さは幅に合わせて自動的に設定されます)。CSSスタイルシートに新しく追加するコードは次と同じまたは近いものにします。

.hs-featured-image {
width: __%;
}

  • 上記のクラスが機能しない場合は、.hs-featured-image-wrapperを試してください。

この変更を行う場合は、デザイナーに相談することをお勧めします。CSSの変更をご自分で実行することに自信がない場合は、HubSpotサポート1-888-HUBSPOT(1-888-482-7768)内線3)までお問い合わせください。