プロモーションを含みます
今日は2025年5月15日です。
この記事は2016年5月18日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月15日 (木曜日)本日の人気記事トップ１０
2025年5月15日 (木曜日)↓における週間月間人気記事トップ３は？↓
車にはバッテリーからの電気が必須になっています。また、そのバッテリー自体をエンジン始動時にはオルタネーターにてアイドリングストップ車などほとんどすべての車は充電しています。エンジンのみかかっていて運行…
エンジンオイル漏れ止めのおすすめはPlus91評価レビュー 2PV
以前、オイル漏れ・オイル滲みが分かりエンジンオイルシーリング剤であるNUTECのOEM版でpitworkのNC81エンジンオイルシーリング剤を使用してみました。 ですが、一時オイル滲み・オイル漏れが止…
Windows10においてロック画面の時に表示される画像がとてもきれいになりました。 この機能は、Windows10以前のバージョンの時には単なるロック画面でした。 そんな綺麗な画像が気になったので、…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…
WordPressの無料テーマで有名なStingerがあります。
現在での一番新しいバージョンはStinger7ですが当ブログにおいては今のところStinger6を使用しています。
背景に画像を設定しようかなぁと思い何気にただ単にCSSにbackground: url(https://画像のUpload先);というようにしてその他のオプションを指定していました。
そしたら、もちろんweb上では指定通りに背景画像が表示されましたが、新規投稿の追加で投稿する画面でテキストエディタの場合には特に問題はないのですが、ビジュアルエディタにおいてはweb上でのみ表示されれば良い背景画像が新規投稿の背景にも背景画像が設定されてしまいました。
ですが、表示形式が背景画像の固定もしくはスクロール、そして背景画像の設置位置のみの設定しかできません。
それだけだと私が使用してみようと思った背景画像の場合はちょっと微妙にイマイチな感じ…。
なのです。
body {
background-size: cover !important;
background-attachment: fixed !important;
}以上のようにすると管理画面の新規投稿のビジュアルエディタにても背景画像が表示されなくなります。
なるべくなら!importantは使用したくはないですがしょうがないです。
そして、
しかし、上記したように管理画面から新規投稿の追加でビジュアルエディタの際にバックグラウンドに背景画像が表示されてしまいます。
背景画像が濃紺色でなければそれほど見難くはありませんが、ちょっと濃い目の背景画像だと自分の書いている文字が見難くなってしまいます。
body {
min-width: 320px;
word-wrap: break-word;
background: url(https://画像のUpload先) repeat center center fixed;
background-position-x: 50%;
background-position-y: 50%;
background-size: cover;
background-repeat-x: repeat;
background-repeat-y: repeat;
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
padding-left: 20px;
padding-right: 20px;
}
背景画像にもよりますがものすごく見にくいです…。
テキストエディタにて投稿する方は問題ありませんが、私はまだまだ初心者で時と場合によって使い分けるのでちょっと困ってしまいます。
すると、通常通りの投稿画面になります。
背景画像の設定方法に困っている方はお試ししてみてください。
背景色のみの設定変更であれば直接CSSに記載しても特に!important指定は使用しなくても問題ありません。
body {
min-width: 320px;
word-wrap: break-word;
background-color: #000000;
}この場合はバックグラウンドの背景色が黒になります。
background-color:の#の後のカラーコードを変更するだけで自分の好きな背景色に設定変更ができます。
背景色のみの設定変更したい方は試してみてください。
以上、背景色と背景画像の設定方法・設定変更方法でした。
これまで、いくつかのブログやサイト（ホームページも含め）webデザインについて考えてきたつもりでも…。毎回毎回、特にWordPressのブログとなるとカスタマイズしやすいということもあるのか、 デザイ…
（アイキャッチ画像出典元：乙武洋匡さん公式Twitterより：https://twitter.com/h_ototake）先日、おとといかな…。 Twitter（ツイッター）に裏アカウント（通称：裏垢…
アメリカのトランプ大統領が就任して間もなく、移民政策やメキシコとの国境に壁を作るなどの大統領令を発令しました。前大統領の元オバマ大統領も就任直後に大統領令にサインをしたのを覚えています。そこで、アメリ…
Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
いまやブログにおいてアイキャッチ画像は無くてはならない存在になりつつあります。 特にWordPressにおいては、基本的にアイキャッチ画像を設定することが出来るようになっているテーマがほとんどです。 …
ブログやホームページを運営していくにあたり時折他のPCで自分のブログやホームページを表示した所、 自分のPCでの文字表示（フォント）が異なってしまいデザイン自体が崩れたりしました。 しか…
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
ポチップあなたが訪問してから
⏰ 0 秒経過 🎉
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
キッチンシンク下がドブ臭い下水臭い原因と解決方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 
多要素認証を楽天証券、SBI証券、松井証券などのネット系証券会社やSMBC日興証券など 
2025年4月（先月）のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
スロットルポジションセンサー調整で不安定なアイドリング調整 
エクストレイルT32マイナーチェンジ後ステアリング外し方 
帯状疱疹かと思ったけれど蕁麻疹で治らない時にデルマクリン軟膏とアンテベート軟膏 
よろしかったらシェアよろしくお願いします。
This site uses Akismet to reduce spam. Learn how your comment data is processed.
comment