うらレグルス

WP Social Bookmarking Lightの設置

ソーシャルネットワークなどのボタンを簡単に設置できるプラグイン、
「WP Social Bookmarking Light」を導入しました!


wp備忘録:jQueryを読み込ませる

wordpressにjQueryを読み込ませるには、

通常のhtmlでは、jsフォルダにファイルをアップして、header内に

<script type="text/javascript" src="js/jquery.●●.js"></script>

と書きますが、wordpressの場合は、

<?php wp_enqueue_script(‘●●’, get_bloginfo(‘template_url’) . ‘/js/jquery.●●.js’, array(‘jquery’)); ?>

と書きます。

例えば、<div>の高さをそろえる便利なjQuery「flatheights.js」を読み込ませる場合は、

jsフォルダにjquery.flatheights.jsをアップして、

本来ならheader内に直接書くクラス定義のを別名の新しいjsファイルに書きます。

(今回はcontentheights.jsという名前にしました。)

ここで、注意しなくてはいけないのは、wordpressのjQueryでは、「$」は「jQuery」(大文字注意)と書かなければ認識されないことです。

ちなみに

$(function(){
$(‘#content_box, #side_content, #main_content’).flatHeights();
});

というコードなら、

jQuery(function(){
jQuery(‘#content_box, #side_content, #main_content’).flatHeights();
});

に書き換えられます。

jquery.flatheights.jsとcontentheights.jsをjsファイルにアップして、

header内に

<?php wp_enqueue_script(‘flatheights’, get_bloginfo(‘template_url’) . ‘/js/jquery.flatheights.js’, array(‘jquery’)); ?>
<?php wp_enqueue_script(‘contentheights’, get_bloginfo(‘template_url’) . ‘/js/contentheights.js’); ?>

と記述すれば、OKです。

本当はcontentheights.jsは直接headerに書く方法もありかもしれません。

…もしご存知の方がいらっしゃいましたら、教えてください。

下記のサイトを参考にさせていただきました。ありがとうございます。

http://webdesignrecipes.com/anythingslider-in-wordpress-with-jquery/


wp備忘録:ブラウザ毎にcssを書く方法。

wordpressのカスタマイズ備忘録。
IE6などのレイアウトが崩れてしまうブラウザにだけ読み込ませるcssをwordpressのheader.phpに挿入させる為のタグ。
*IE6のみに読み込ませる場合
<!–[if IE 6]>
<link href=”<?php echo bloginfo(‘template_directory’); ?>/●●.css” type=”text/css” />
<![endif]–>
*IE6/IE7に読み込ませる場合
<!–[if (IE 7)|(IE 6)]>
<link href=”<?php echo bloginfo(‘template_directory’); ?>/●●.css” type=”text/css” media=”all”/>
<![endif]–>
忘れないようにしないと。

こちらを参考にさせていただきました。多謝。

http://wordpress.org/support/topic/ie-conditional-stylesheet-not-working


レグルスへのお問い合わせ

お電話でのお問い合わせ
03-6272-9357
受付時間/平日10:00〜18:00
メールでのお問い合わせ
お問い合わせフォーム

写真撮影、Webサイト制作およびリニューアル、グラフィック制作等、お気軽にお問い合わせください