+本日の人気記事TOP10+
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法22
- 車のキーナンバー確認方法。キーレス紛失や壊れた時20
- カーメイトのエンジンスターターでエラー15表示と対処方法19
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく15
- シガーライターがない車にシガーライターソケットの付け方と増設方法7
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)7
- スロットルポジションセンサー調整で不安定なアイドリング調整7
- エンジンスターター取り付けて効かないキーレスを使えるようにする方法5
- エクストレイルリアワイパー交換方法と純正部品番号4
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)3
WordPressの無料テーマで有名なStingerがあります。
現在での一番新しいバージョンはStinger7ですが当ブログにおいては今のところStinger6を使用しています。
背景に画像を設定しようかなぁと思い何気にただ単にCSSにbackground: url(https://画像のUpload先);というようにしてその他のオプションを指定していました。
そしたら、もちろんweb上では指定通りに背景画像が表示されましたが、新規投稿の追加で投稿する画面でテキストエディタの場合には特に問題はないのですが、ビジュアルエディタにおいてはweb上でのみ表示されれば良い背景画像が新規投稿の背景にも背景画像が設定されてしまいました。
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,427件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,285件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,463件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,002件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,199件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,150件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,237件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 148,427件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 105,285件の PV
Windows10,Windows8.1プロダクトキー確認方法 75,463件の PV
Windows10でエラーコード0x800705b4の対処方法 67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41,002件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 40,199件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。 38,150件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 31,237件の PV
この記事を読まれている方におすすめ一覧クリック
しょうがなく、Stingerの背景画像の設定からcustom.background-imageという形で設定しました。
外観→背景から背景画像のアップロードをして保存します。
ですが、表示形式が背景画像の固定もしくはスクロール、そして背景画像の設置位置のみの設定しかできません。
それだけだと私が使用してみようと思った背景画像の場合はちょっと微妙にイマイチな感じ…。
なのです。
はじめに解決方法・背景画像の設置方法・設定方法を記載すると、
body {
background-size: cover !important;
background-attachment: fixed !important;
}
以上のようにすると管理画面の新規投稿のビジュアルエディタにても背景画像が表示されなくなります。
なるべくなら!importantは使用したくはないですがしょうがないです。
そして、
失敗?でもないのですが以下のように直接CSSに記載してもweb上では問題なく表示されます。
しかし、上記したように管理画面から新規投稿の追加でビジュアルエディタの際にバックグラウンドに背景画像が表示されてしまいます。
背景画像が濃紺色でなければそれほど見難くはありませんが、ちょっと濃い目の背景画像だと自分の書いている文字が見難くなってしまいます。
ちなみに、失敗?のCSSの記載例は以下です。
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;
}
こうすると、管理画面の新規投稿の追加のビジュアルエディタの背景に設定した背景画像が表示されてしまいます。
こんな感じです。
背景画像にもよりますがものすごく見にくいです…。
テキストエディタにて投稿する方は問題ありませんが、私はまだまだ初心者で時と場合によって使い分けるのでちょっと困ってしまいます。
なので、
しょうがなく!importantを使用してなかば強制的に優先度を上げて設定します。
すると、通常通りの投稿画面になります。
背景画像の設定方法に困っている方はお試ししてみてください。
背景色のみの設定変更であれば直接CSSに記載しても特に!important指定は使用しなくても問題ありません。
背景色のみの設定方法は簡単で以下のように記載するだけでOKです。
body {
min-width: 320px;
word-wrap: break-word;
background-color: #000000;
}
この場合はバックグラウンドの背景色が黒になります。
background-color:の#の後のカラーコードを変更するだけで自分の好きな背景色に設定変更ができます。
背景色のみ変更したい場合は、
上記のようにbackground-color:の指定のみで問題ありません。
背景色のみの設定変更したい方は試してみてください。
以上、背景色と背景画像の設定方法・設定変更方法でした。
おすすめの記事一部広告
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法22
- 車のキーナンバー確認方法。キーレス紛失や壊れた時20
- カーメイトのエンジンスターターでエラー15表示と対処方法19
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく15
- シガーライターがない車にシガーライターソケットの付け方と増設方法7
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)7
- スロットルポジションセンサー調整で不安定なアイドリング調整7
- エンジンスターター取り付けて効かないキーレスを使えるようにする方法5
- エクストレイルリアワイパー交換方法と純正部品番号4
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)3
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
シャープ製国内産不織布マスクとN95マスクとコンビニ、薬局、ネットの不織布マスク
もう一昨年になりますね。2020年4月に1回目の緊急事態宣言が発出され、その前は医療現場でさえマスク不足になり街のコンビニや薬局、はたまたネットからもマスクがなくなり国がSHARP(シャープ)に国産の…
インフィード広告アドセンス
-
緊急事態宣言や新型コロナ感染症(COVID-19)に思うこと
2020年の1月ころから現在緊急事態宣言の2回目の発出に至る原因となっている新型コロナウイルス感染症(COVID-19)に関してです。感染者(陽性者)が出始めておおよそ2ヶ月後の4月7日に1回目の緊急…
インフィード広告アドセンス
-
小林麻央さんの姉小林麻耶さん、見事な神対応だった…。やっぱり一味違う!!
(アイキャッチ画像出典元:小林麻耶オフィシャルブログ「まや★日記」Powered by Ameba)ここ数日世間では(職場や友人間など)、 小林麻央さんの病状のことやお姉さんの小林麻耶さんの事などの話…
インフィード広告アドセンス
「Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 備忘録」同じカテゴリーの記事一覧
アドセンス336pxPC閲覧記事下表示1つ目コード
アクセスランキング
よろしかったらシェアよろしくお願いします。
-Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
comment