賢威7カスタマイズ一覧StingerXeoryお問い合わせHomeStingerStinger7:サイドバーの背景に画像や背景色を追加する方法StingerStinger7:サイドバーの背景に画像や背景色を追加する方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回の記事では、無料WordPressテーマ:Stinger7のサイドバーをカスタマイズする方法を紹介したいと思います。こないだ読者の方から「サイドバーの背景に画像を表示させる方法」を聞かれたので、サイドバーの背景に色を付ける方法と一緒に記事にしてみました。今回のカスタマイズもサイトの雰囲気をがらりと変えることができるので、よかったら参考にしてみて下さい。最初はサイドバーの背景に色を追加する方法です。お使いのCSSファイルに追加します。10px;}保存しページを更新すると、サイドバーの背景にグレーの色が追加されました。入れないと、サイドバーがはみ出てカラム落ちしてしまうので注意が必要です。border-box;を入れない場合(↓)。余白を追加した分だけサイドバーの幅が広がり、コンテンツ幅からはみ出て落ちてしまいました。今度はサイドバーの背景に画像を追加する方法です。このカスタマイズもCSSのみでできるので、以下のコードをお使いのCSSファイルに追加します。メディアライブラリなどにアップロードした画像のURLを入れてもらえば大丈夫です。いうサイトでダウンロードしたものです。継ぎ目のないパターン素材を色々ダウンロードできるので、背景画像を探すには結構便利なサイトです。先ほどはサイドバーの背景画像をタイルのように繰り返し敷き詰めましたが、繰り返しのない一枚画像を使うこともできます。10px;}ちょうど良い画像がなかったので、少しぼやけちゃってますけど、一枚の画像を繰り返し無しで表示させることができました。今回のカスタマイズは以上です。最後まで閲覧ありがとうございました。PMそんな機能もあるんですね。さん調べてみると色々な機能があるものですね。参考になったようで嬉しいです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。