ブログの作り方や投資の収支などを公開。このサイトはSANGOのテーマを使っています♪

【初心者向け】CSS(スタイルコート)を追加する方法とコメントの入れ方!

こんにちは。
本日はCSSを追加した時に、何のCSSなのか一目で分かる方法をまとめてみました。

初心者は「自分でCSSを作る」なんて事はしないはずです。
調べて、貼り付ける
私もこれ一択です。

もし、CSSを作っているという方はもはや初心者ではありません!
すみませんが、時間がもったいなので他サイトへお願いします<(_ _*)>

CSSって?

CSSとは、ブログのデザインなど見栄えを変更する為のコンピュータ言語の事で文字の色を変えたり、背景を変えたりとする事が出来きます。スタイルシートともいいます。

とりあえず初心者は、CSS=外見を変えることができるコンピュータ言語ぐらいに覚えておきましょう!

あいお

CSSの追加方法

色々なサイトを見ていると、コピペしてstyle.cssに貼り付けましょうという文言をよく見かけます。
そんな時はこうです!

やり方1

外観テーマエディター/テーマの編集テーマ選択(※子テーマを選ぶ)

なんで親テーマだとダメなの??

あいお

おいどん

親テーマに書くとテーマのアップデート時に全部消えちゃうので、注意するどん!

やり方2

外観テーマエディター/テーマの編集を選択すると、上部に画像のような文面があるので、不随のCSSエディターをクリック。
やり方3の画面に飛びます。

やり方3

外観カスタマイズ追加CSSからでもOK!

MEMO
WordPress 4.7以降のバージョンから利用可能。
やり方1→本格的にCSSをいじる場合。
やり方2/3→ちょっとだけ追加したい。補助的に使う。
どんなテーマでも使えるよ!探してみてね。

あいお

CSSにコメントをつける方法

CSSを追加する方法は分かったけど、これって何の為のコードだっけ~💦いつ追加したのかも覚えてないよ~💦

あいお

おいどん

そんな時は、なんのCSSコードかコメントをつけておくといいどん!

画像のように/*コメント*/を上と下にいれておくと分かりやすいです。

ネットで検索する時は、コメントアウトで探すといいどんよ。

おいどん

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です