一部のカスタマイズが反映されません

[岸本]

カスタマイズが反映されるものとされないものがあり、困っています。
以下、外観>テーマの編集から子テーマのstyle.cssに書き込んでいます。

/* Simplicity子テーマ用のスタイルを書く */
/* 小項目 */
.article h4 {
border-left: 30px solid #b5f2e7;
border-bottom: 0px;
padding: 5px 0 5px 10px;
margin-bottom: 30px;
}
/* グローバルナビの修飾 */
#navi {
border-top:2px solid #F3F3F3;
border-bottom:2px solid #F3F3F3;
}
/* ホバー時の設定 */
#navi ul li a:hover{
color: #10aba6 !important;
background-color:white;
}
#navi ul li a:before{
background:#10aba6 !important;
}
#navi ul,#navi{
background-color:white;
}
/* サイドバーの見出し背景の修正 */
#sidebar h4{
height: 50px;
line-height: 50px;
padding: 0 20px;
border-radius: 5px;
background: #f3f3f3;
font-weight: bold;
color: #4D4D4D;
}
/* サイドバーカテゴリーの修正 */
.widget_categories h3:before{
margin-right:5px;
font-family:”FontAwesome”;
content:”\f115″;
}

上記の/* ホバー時の設定 *//* サイドバーの見出し背景の修正 */が反映されません。

http://tsu-mu.com/

・プラグインはAll in one SEOのみで他は停止しました。
・キャッシュ等は削除
・simplicity2 child　バージョン: 20161002
・wordpress4.7.3
・IE11

色々調べてみましたが、わかりませんでした。
色を変えるカスタマイズが上手くいってないのかなと思っています。
反映されないものの共通点がそこしか思い浮かばず、、
カスタマイズの設定が悪影響しているのでしょうか。

よろしくお願いします。

[わいひら]

それはおそらく、CSS内に全角スペースが含まれているからではないかと思います。
それがCSSの文法に反しています。
http://tsu-mu.com/wp-content/themes/simplicity2-child/style.css

/* ホバー時の設定 */
#navi ul li a:hover{
    color: #10aba6 !important;
　　　　　　　　background-color:white;
}

コードのインデントは、半角スペースかタブで行ってください。

[Hidekichi]

いろんなトピックでクドクドと念仏のように言ってますが、wordpress上から編集するなとは言わないものの、記述ミスを確認できる手段は簡単に作れますから、ftpを利用してローカルで編集・確認したものを本番環境に適用するようにして下さい。

wordpress上での編集や本番環境でのミスは、単に間違ったから直すと言うだけではなく、その間も訪問者やGoogleのクローラーなどがサイトに来ているかも知れないということを十分に理解して下さい。

フォントの色が変わるぐらいの話ならまぁどうでも良いことですが、レイアウトが崩れるとか中身が読めなくなるというのは致命的な印象を相手に与えるかも知れません。

常に公開されているサイトを直接編集するというのは些細なことでも危険です。wordpressは記述ミスを事前には教えてくれません。編集した人が一発本番でやるわけです。一発本番しか許されてないならしょうがないですが、そんな環境の人などほぼいません。

事前テスト、事前確認、バックアップなど注意をはらいながら管理して下さい。

[投稿者]

投稿