WordPress

  (最終更新日:2013.02.2)

WordPressでオリジナルなスタイルシートのファイルを追加してプラグイン無しで複数指定する方法

スポンサーリンク

どうも。
WordPressの重さに日々悩まされているいつき(@itukizora)です。

今日は、Wordpressで元々のテーマのstyle.cssを変更したくない場合などに、オリジナルのcssファイルを追加する方法をご紹介したいと思います。

自分のブログ用にカスタムしたスタイルを別ファイルとして管理したい場合などに利用できますよ。

WordPress3.0以上向けの内容で、メモ的なエントリーですのでサクッと書いています。ご了承ください。

まずはオリジナルなスタイルシートファイルを下記のフォルダに作成します。
今回は『sukicomi.css』というファイルで作成しています。

/[wordpressのホームディレクトリ]/wp-content/themes/[テーマディレクトリ]/css/sukicomi.css

続いてheader.phpを編集します。
header.php内のHEADタグを閉じる箇所に下記を追加。

    <link href="<?php echo get_template_directory_uri(); ?>/css/sukicomi.css" rel="stylesheet" type="text/css" />
</head>

これで完了です。
これだけ。そうこれだけ!

もっとスマートなやり方もあるのかな‥。

では。

関連記事

  1. WordPress

    【WordPress】Markdown記法で投稿を楽々入力する方法

    どうも。自分のノウハウはMarkdownを使って esa.io にガシ…

  2. WordPress

    Simplicityを1.7にしたらタイトルが表示されなくなった事件の顛末

    シンプルビューティー(ビューティーは違うような気もする‥)で人気急上昇…

  3. WordPress

    【WordPress】SyntaxHighlighter Evolvedで上下に余白を入れる方法

    WordPressのありがたプラグイン《SyntaxHighlight…

  4. WordPress

    【WordPress】Simple Image Sizesのアップデート後にsyntax error…

    WordPressのプラグイン『Simple Image Sizes』…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

Twitter

  1. Amazon Echo

    Amazon Echo:スマホのBluetooth利用時は複数のEchoから同時…
  2. WordPress

    WordPressのSharebarにPocketのボタンを追加する方法
  3. Amazon

    Amazon Fire TV Stickを買ってみたので開梱。Netflixの視…
  4. デジタル機器

    2015年6月30日:「おもいでばこ(PD-1000シリーズ)」がアップデートで…
  5. おすすめアイテム

    ノートパソコンを買い直すお金が無い? だったらモニターを買おう。(提案)
PAGE TOP