けっこうこれまで、WPのテーマ、「wp.vicuna」を愛用させてもらっています。
しかし、自分がフルスクラッチで最初から書いたものではないので、
CSSの記述の全体を把握するのに少々時間がかかったりします。
（これは、他の方がつくられたどんなテーマに関しても当然言えることですが。）
そこで、ぼつぼつメモを残して行こうと思います。
とりあえずは、
http://wp.vicuna.jp/skin/official-skin/
style-monoというスキンを現在カスタマイズ中なので、
そのメモです。
::::::::::::::::::::::::::::::::::::::::::
■layout.cssとcore.cssという二つがメインのcssになっています。
core.cssに主に色々な記載がありますが、layout関連はlayout.cssに名前の通り記載されている事が多いです。
eye-catch（ヘッダー画像）に関しては、layout.cssの方に書かれています。
このeye-catch画像に関して、二つのファイルに別々の記載をしたりして、反映されずに悩んだりしました。
layout.cssでの記述の方が優先度が高い記述になっていたので、そこがミソでした。
2010年6月4日金曜日
WPとjQuery.noConflict()。。
http://tech.ironhearts.com/blog/archives/366
WPでjQueryコードを書いても「$ is not defined」みたいなエラーが出るので悩んでいたら、上記の記事を発見。
jQuery.noConflict()されていて、$("#test")みたいな形式がデフォルトで使えないんですね。WPに付属のjQueryは。
回避策を考えねば。
■追記
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
にやり方が書いてありました。
でもはて、プラグインはどうなんだろう。。
■追記2
プラグインの追加方法も同一解説内に書いてありました。
と記述して、プラグインの中身で、$()を使っていなければOK。使っていれば書き変え、というところでしょうか。
WPでjQueryコードを書いても「$ is not defined」みたいなエラーが出るので悩んでいたら、上記の記事を発見。
jQuery.noConflict()されていて、$("#test")みたいな形式がデフォルトで使えないんですね。WPに付属のjQueryは。
回避策を考えねば。
■追記
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
にやり方が書いてありました。
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?> var $j = jQuery.noConflict();
$j(function(){ 以下略。。でもはて、プラグインはどうなんだろう。。
■追記2
プラグインの追加方法も同一解説内に書いてありました。
<script type="text/javascript"
src="<?php bloginfo("template_url"); ?>/js/yourScript.js"></script>
と記述して、プラグインの中身で、$()を使っていなければOK。使っていれば書き変え、というところでしょうか。
登録:
投稿 (Atom)