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

    【WordPress】プラグインでメニューにアイコンを表示する方法

    WordPressのメニューといえば、上部に表示されているグローバルメ…

  3. WordPress

    WordPressのテーマをSimplicity 1から2にバージョンアップしたお話し

    このスキコミでも便利に使わせてもらっているWordPressテ…

  4. WordPress

    【WordPress】ブログのコメント欄でアバター画像を表示する方法。ブロガーさんは必須やで

    Wordpressで作られた自分や他人のブログのコメント欄にアバター画…

コメント

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

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

最近の記事

Twitter

  1. ネタ

    GoogleMapsに提供されているゼンリン地図がどうやって作られているかが面白…
  2. LINE

    【LINE】友だちのアイコンに表示される赤い点の意味
  3. Amazon

    Amazonで子供用の「欲しい物リスト」を作って家族や親戚に公開するといろいろ捗…
  4. 子供用アイテム

    【2歳突入】 《おくだけとおせんぼ》は未だ現役大活躍。高かろう良かろう。
  5. ネタ

    おぉ!カリフォルニアで撮影されたUFOの映像が凄い!!!!
PAGE TOP