Q&A
コード部分は<code>ブロックで囲むようにしてください。
wordpress で 固定ページの一か所だけ背景を黒にしたい
stinger5の子テーマで作っています。
プラグインはAdd css to postを使って利用しています。
プラグインのＵＲＬです。
http://kachibito.net/wordpress/add-css-to-post.html
コードは以下の通り
body { background-color: #000000 !important; color: #ffffff !important; }
以上のコードを入れても背景の色が変わりません。
###該当のソースコード
body { background-color: #000000 !important; color: #ffffff !important; }
###試したこと
テーマを変えてみたが駄目だった。
競合しそうなプラグインを外した
"stinger5の子ページ"というのは"stinger5の子テーマ"ということですか？
"Add css to post"はかちびとさんがブログ上で配布している野良プラグインですか？ http://kachibito.net/wordpress/add-css-to-post.html もし別なものであれば、プラグインの配布先URLを追記願います。
回答1件
0
ベストアンサー
以下のプラグインへの変更はいかがでしょうか？いずれも、WordPress公式サイトで配布されているプラグインですので、管理画面で検索してのインストールが可能ですし、自動更新も可能です。
投稿2016/09/14 03:25
退会済みユーザー
総合スコア0
Simple CSS を使いたいのですが、
個別ページに背景を黒 文字を白で作成したいのですが、固定ページIDは3843です。
この場合以下の記述で問題無いでしょうか。
page-id-3843 #body {
background-color: #000000 !important;
color: #ffffff !important;
}
そのようなCSSの書き方はありません。提示のCSSですと、page-id-3843というHTMLタグの中のbodyというIDが付いた要素にスタイルを指定しています。page-id-3843というHTMLタグは存在しないので、自身でJavaScriptなどで何かしていない限り、スタイルは当たらないでしょう。再度、CSSの仕様を確認されることをオススメします。
スタイルを適用したい固定ページの編集画面にSimple CSSというメタボックスが表示されているはずなので、そこに以下のように記述すれば大丈夫です。
というか、自身が使用するプラグインのドキュメントくらい読みましょうよ…（ドキュメントが英語だから…というのは言い訳ですよｗ）。
body {
background-color: #000000 !important;
color: #ffffff !important;
}
すいません。やはり固定ページの編集画面のSimple CSS に入れても、反映されませんでした。
では、他のCSSで上書きされている or 文法が間違っているんじゃないでしょうか？上記のCSSをコピペしたのであばれ、インデントの部分が全角スペースになっているので文法エラーになると思います。
有難うございます。
全角が原因だったようです。ただし、背景部分が黒くになり文章を記載するところの背景が黒で文字が白になりません。もしこちらを変更するコードがご存知でしたらお教え頂けませんでしょうか。
CSSは、優先順位など複雑に影響するのでなんとも言えません。自身でブラウザーのデベロッパーツールなどを利用して調べてください。ちなみにですが、teratailはコードを無償提供する場所ではないですよ^^
あなたの回答
tips
プレビュー
