Blogの背景に画像を埋め込む方法を知りたい

日本語 ディスカッション サンプルコード集（アプリ・テーマ）

Topic summary

Studioテーマを使用したブログ記事の背景に、色ではなく画像を設定する方法についての質問です。

解決方法:

  • .article-templateクラスにCSSを適用
  • background-image: url('{{ "xxxx.jpg" | asset_url }}');を使用
  • xxxx.jpg部分に任意の画像リンクを指定
  • 追加のプロパティとして以下を設定:
    • background-repeat: no-repeat
    • background-size: cover
    • background-position: center

コードスニペットが提供され、具体的な実装方法が示されています。質問者は更なるサポートが必要な場合は気軽に相談するよう促されています。

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

テーマはStudioを使用しています。blog記事の背景に色ではなく画像を貼りたい場合の方法があれば教えていただけると助かります。よろしくお願いいたします。

1 Like
2

質問拝見しました。

article-templateこちらのクラスに以下css

を適用することで可能です！

xxxx.jpg部分に任意の画像のリンクを入れてください！

.article-template {
    background-image: url('{{ "xxxx.jpg" | asset_url }}');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

ご参考までにしてください！

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

1 Like