スタイルシートについて
-
こんにちは。スタイルシートについて疑問点があり、こちらで質問させていただきます。
現在使用しているテーマは「STINGER PLUS2 Child」です。（名前のとおり子テーマです）初心者にオススメなテーマだとサイトに書かれていたので、このテーマにしました。私は、CSSコードを書きたいのです。たくさんのサイト様を参考にさせて頂き編集しましたが、困ったことに私の使用しているテーマには<head>～</head>が見当たりません。それ以前にphpの記載がないようです。以前使用したテーマも同様だったのですが、親テーマに<head>～</head>があって子テーマには<head>～</head>がありません。（cssコードを使用したくてテーマを変更しました）
そのサイト様では親テーマは編集してはいけないと書かれていたので、子テーマを使用して仕方なく長々とHTMLを毎回記事編集の際に入力している現状です。何としてでも解決したいのです。
以下が「STINGER PLUS2 Child」スタイルシートに書かれている全文になります。
↓
—————————————————————————————/*
Theme Name: STINGER PLUS2 Child
Template: stingerplus2
Version: 20170621
*//*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
background:#ff0000;
color:#fff;
}
*//*media Queries タブレットサイズ（960px以下）
—————————————————-*/
@media only screen and (max-width: 960px) {/*– ここまで –*/
}/*media Queries タブレットサイズ（600px以上）
—————————————————-*/
@media only screen and (min-width: 600px) {/*– ここまで –*/
}/*media Queries PCサイズ（960px以上）
—————————————————-*/
@media print, screen and (min-width: 960px) {/*– ここまで –*/
}—————————————————————————————
↑
何度もCSSを使用したいと思っていましたが、挫折してきました。記事投稿スピードに関わるので、是非とも解決したい事項です。
お手数ですが、ご回答よろしくお願いします。
-
CSS は Cascading Style Sheets の略なので、CSS ≒ スタイルシートです。
（スタイルシートのファイル名は style.css ですよね？）
なので、そのスタイルシートに CSS のコードを記述すれば OK です。
参考サイト：CSS とは？CSS の優先順位は下記サイトが参考になると思います。
!importantはもう使わない！CSSの優先順位をおさらいしよう開発者ツールで反映されている CSS の確認方法は下記が参考になると思います。
ChromeデベロッパーツールでCSSをチェックする方法P.S.
二重に反映されているのは下記の２つのようです。
・おそらく 外観 ＞ カスタマイズ ＞ 追加CSS
・Simple Custom CSS
- トピック「スタイルシートについて」には新たに返信することはできません。