WordPress » スタイルシートを読み込む | MORILOG
<link rel="stylesheet" id="style-css" href="http://my-domain.com/style.css" type="text/css" media="all" /> WordPressでは、この<link>タグを自動生成してくれるwp_enqueue_style関数が用意されています。 テーマファイルでは<link>タグは直接書かずに、このwp_enqueue_style関数を使用します。 <?php wp_enqueue_style($handle, $src, $deps, $ver, $media); ?> $handle — スタイルシートのハンドル名 $src — スタイルシートのURL（オプション） $deps — 関連するスタイルシートのハンドル名（オプション） $ver — スタイルシートのバージョン（オプション） $medi
WordPressの子テーマの作り方〜header.phpやfooter.phpやsingle.phpもあると便利
WordPressの子テーマの作成方法をまとめておきます。覚書をかねています。 style.cssやfunctions.phpだけではなく、header.phpやfooter.phpやsingle.phpもあると便利だと思います。 style.cssのWordpressの子テーマの作成 必要最低限のコードは次のような感じです。 Template-childというフォルダを作り、その中にstyle.cssをいれてアップロードします。 Templateは子テーマにしたいテーマ名に置き換えてください。 /* Theme Name: Template-child Template: Template */ @import url('../Template/style.css'); Theme Nameは管理画面に表示される名前です。 あとは追記していけばいいだけです。 かぶった指定は上書きされます
Suffusionの子テーマを作る – wizaman's blog
WordPressには色んなテーマがあるんですが、多すぎてお目当ての物を探すのには苦労します。そこらへんに転がってる野良テーマを使うとセキュリティ面で問題があるという話もあるし、公式に配布されているものを使うのが無難でしょう。タダだし、更新チェック効くし。そうして私が探した中で、唯一これだ！と思えたのが、現在使っている「Suffusion」です。 Suffusionはカスタマイズ項目が豊富なのですが、ほとんど手つけてないです。ヘッダの下にメニューバー追加したぐらいですかね。あとは直接コード書いてたりしてますが、それについてはあとで触れます。ともかく、ほとんどいじらなくていいぐらい完成度が高く気に入ってます。シンプルで見やすいのがいいんですよ。 WordPressは本体・テーマ・プラグインの最新版がないか自動でチェックしてくれます。Suffusionの開発は盛り上がってるみたいで、全然更新さ
WordPressの子テーマを作成する
2012年5月現在、Wordpressには「twentyeleven」というデフォルトテーマが入っていますが、オリジナルのテーマを作ろうと思ったら、このテーマの子テーマとして作ると便利です。 確かに「twentyeleven」のテーマは複雑すぎて、HTMLやCSS、テンプレートタグなどをある程度理解していないと難しく感じるのですが、function.phpにいろいろ追加しなくても、とりあえず「twentyeleven」が提供してくれる機能をフルサポートしながらデザインを変えられるという大きな利点があります。 子テーマ用のフォルダを作成 最低限必要なのはstyle.css その他のファイル イメージフォルダのパス スクリーンショット １．子テーマ用のフォルダを作成 まずは子テーマ用のフォルダを作成します。フォルダ名は任意の名前でＯＫです。 「wp-content/themes/子テーマのフォ
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみました。 CSSファイルを読み込む方法 CSSを読み込むには、以下の関数を使用します。 wp_enqueue_style ★例として、子テーマフォルダ下に配置したBootstrapのCSSファイルを読み込ませる functions.php(子テーマ)に追加して下さい。 // wp-config/theme/[子テーマ名]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
WordPress：functions.phpでJSやCSSを一元管理する方法とバージョン表記を消す方法 - NxWorld
CSSやJavaScriptなどの外部ファイルを読み込む際、全ページ共通で且つよく見かける方法だとheader.phpのhead内に記述するということが多いと思いますが、例えば投稿ページでは使うけど固定ページでは必要ないので読み込ませたくない場合があります。 head内で条件分岐させる方法もありますが、それをfunctions.phpを使って一元管理する方法です。 また、その際に追記されてしまうバージョン表記を消す方法も合わせて紹介します。 JavaScriptを管理する 例としてIDがそれぞれ1～3まで設定されている固定ページに、以下の4つのjsを適応させるという想定で説明していきます。 jquery-1.7.2.min.js（全ページに適応） common.js（全ページに適応） slide.js（固定ページ1のみに適応） lightbox.js（固定ページ2と3に適応） 上記のような
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
【注意】functoins.phpをWordPressの子テーマに追加する場合 – PresentNote
以前、子テーマの作成方法についてお伝えしましたが今回はその続きです。 ちなみに、この記事を理解するには、まず WordPress の子テーマについて理解して置く必要があります。子テーマについてはこちらの記事にまとめていますので、「子テーマって何！？」という場合は、まずこちらからチェックしてください。 【重要】WordPressテーマをカスタマイズするなら子テーマを作れ！ 子テーマにfunctions.phpを加えたい場合 さて、この子テーマ、カスタマイズしたい部分だけ、カスタマイズしたいファイルだけを上書きすることができる便利な機能なんですが、functions.php に関しては扱いに注意が必要です。 その注意点を一言でまとめるなら・・・ 『追加はできるが、上書きはできない』 という感じでしょうか。もうちょっと詳しく説明していきましょう。 テンプレートファイル（header.phpやco
ページの先頭に戻るボタンを自作してみた
Scroll To Topを自作するメリット 実際にページの先頭に戻るボタン「Scroll To Top」を作成して思ったのですが、これは結構メリットがあります。 PCページとスマートフォンページでサイズや色を手軽に変更できる プラグインの更新でスタイルが初期状態になる事がない ボタンをクリックした時にURLの最後に「#top」がつかない これまでプラグインを利用している時にはプラグインの更新される度にプラグインのCSSを編集しなおしておりましたのでこの手間が省けます。それでPCページとスマートフォンページでボタンサイズを手軽に変更する事もできます。 そしてなによりボタンをクリックした時にURLの最後に「#top」がつかないのがメリットです。 プラグイン「Scroll To Top」を使っていて先頭に戻るボタンを押すとURLの最後に「#top」が付きます。 この状態でブックマーク等をすると
自作のJavaScriptをWordPressで利用する方法
現在WordPress高速化のためにあれこれ勉強しているのですが、自作のJavaScriptをWordPressで追加して使う方法が調べても結構難しくて理解しにくかったので私なりにまとめてみようと思います。 注意点も幾つかありますのでその都度説明してみたいと思います。 前回「ページの先頭に戻るボタン」を自作しました。 ⇒ページの先頭に戻るボタンを自作してみた 今回はその続きです。 まずは自作したJavaScriptをアップロード 自作したJavaScriptをアップロードする場所としては幾つか候補があるようですが、私の場合は作成した「子テーマ」に入れる事にしました。ロリポップで説明しておくと「ロリポップのユーザー専用ページ」⇒「webツール」⇒「自分のドメイン」⇒「wp-content」⇒「themes」⇒「child（子テーマ）」に「js」という「フォルダ」を作成しました。ファイルではな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
emiac-works.com
WordPressの子テーマで@importを使わないでCSSを読み込む方法 - ディレイマニア
http://webourgeon.com/2012/01/30/basics-of-the-child-theme/