【CSSは優先順のルールを理解しよう】
WordPressで同じテーマを使っている他のサイトと自分のサイトを比べると、
「あのサイトみたいにしたいな」
と思うことがありませんか?
同じテーマなのに、みなさん結構カスタマイズしているんですよね。
かといって、他のサイトの持ち主にどんなカスタマイズをしているのか
根掘り葉掘り聞くわけにもいきません。
でも大丈夫。
ディベロッパーツールを活用すれば、スタイルシートに書いてあるデザインを
丸ごとコピーしてしまうことも、大事なところだけコピーするとか、
自由自在にできてしまいます。
なぜなら、テーマのプログラムはブラウザでは見れませんが、
スタイルシートは見えるからです。
そこでネックになってくるのが、
「コピペしたのにうまくいかない」
というパターンです。
CSSに限りませんが、プログラムは関連する複数のファイルの兼ね合いで動いています。
CSSは、HTML構造と関連しているので、サイトが違えばCSSの指定の仕方も変えなければなりません。
また、CSSには優先順のルールがあります。
これもサイトによって読み込まれているCSSファイルの数も中身も違うので、
自分のサイトの事情を把握するスキルが重要になってきます。
今夜のレッスンでは、スタイルシートを上手に抜き出して
自分のWordPressに正しく移植する方法をお教えさせていただきました。
▼無料相談をお気軽にご利用ください。
codemy-lesson.office-ing.net
↓↓↓「自分で作れる力」を身につけたいあなたへ↓↓↓
【1】CODEMYマンツーマンレッスン
codemy-lesson.office-ing.net⇒30分無料相談あり
⇒知りたいことだけ学べる個人レッスン
▼レッスンの記録をご覧いただけます。
https://www.facebook.com/codemy.lesson/
【2】プログラミング講座CODEMY
office-ing.hatenablog.com
⇒動画と個別添削で学べるオンラインレッスン
自分でホームページやプログラムの制作やカスタマイズをできるようなりたい方が
業種・経験・地域を問わず参加されています。