NEW ARTICLE
スーパーカブのリアボックスをワンタッチ化したい①

[WordPress]任意のCSSを読み込む

WordPressを使っていて、CSSを追記したい場合、[外観]→[カスタマイズ]→[追加CSS]に追記することがほとんどかと思いますが、「手元に使いたいCSSがあるんだよ！」「Bootstrapのグリッドシステムだけ反映させたいの！！」などのわがままが生まれてくることもあるんじゃないかと思います。

僕は馬鹿なのでたまにそういうことを思っても、「どうやんの！？！？！？」となってしまいます。

今回はBootstrapのグリッドシステムだけ組み込みます。

目次

どこに書くの？

まず何をどこに書いたらいいのか、それすらわからないのです。僕はそうなのです。

「htmlだったら<head></head>の中だよな？」

そうです。それはそうなんです。が、WordPressとなると？

「？？？？？？？」

ということですね、こちらです。
[外観]→[テーマエディター]→[テーマヘッダー(header.php)]です。

しかしこのやり方、お勧めできません。
可能であればFTPにて、こちらのファイルのバックアップを取り編集するようにしてください。一回ミスったら終わりです。終わりなんです。

何を書くの？

何を書くかというと、こちらです。

<link href="<?php echo get_bloginfo('template_url'); ?>/css/bootstrap.min.css" rel="stylesheet">

これを、テーマヘッダーの<head></head>の間に書いてください。
自分は</head>の手前に書いてます。

これでまたちょっとだけ賢くなりました。