list-style-imageに設定した画像と文字がずれて気持ち悪いときがありますよね。
でも list-styleでは微調整ができなくて、「ああ、こんなもんか」と思うだけなんですけど、そういうときは backgroundでやったらどう?ということです。


ul {
  list-style-type:none;
}
li {
  background:url(images/sankaku.gif) left no-repeat;
  text-indent:10px;
}

こんな感じです。それだけですけど、なにか?

WordPress 2.9 以降、動画・画像・その他のコンテンツを WordPress サイトに埋め込む(embed)のがとても簡単になりました。』だそうです。
 

この動画を見てみて!
すごいでしょう?

URLを素で書くと、それをそのまま embedしてくれるそうです。(まだ使っていないので未確認)
 
こっちも新機能。『WordPress 2.9 の新機能の投稿サムネイル画像の使い方
これは少し使ったことがあります。自分では使わないと思うけど、WordPressだけで完結するのはいいかもね。
 
サムネイルを作ってくれるプラグイン『Regenerate Thumbnails
あってよかったという感じ。以前は自分でリサイズしてたよ。
 
WordPress の勝手な文字変換を無効にするプラグイン』も重宝します。
 
これ、重要!。
WordPressページを表示する際のテンプレートの順番

  1. 選択したカスタムWordPressページテンプレート
  2. page.php
  3. index.php

jCarousel Liteでカルーセル(縦横スライド)してるとき、スライドする要素を入れ替えたいなと。
 

<div class="carousel">
  <div class="jCarouselLite">
    <ul>
    <li><img class="c1" src="images/thumb-01" /></li>
    <li><img class="c2" src="images/thumb-02" /></li>
    <li><img class="c3" src="images/thumb-03" /></li>
    </ul>
  </div>
</div>

 
普通、こんな風に書きます。(idとclassは普通付けませんが説明のため便宜的に付けました)
この<li>要素をこういう風に書かないで、投稿のカテゴリ一覧から取ってきて、動的に突っ込むのはどうだろうということです。(最初の<ul>は空っぽということですね)
 


jQuery("#xxx").append("<li><img src='images/thumb-04' /></li>");

 
こうして appendすると確かに要素としてはアペンドされてるっぽいんですけど、アペンドされた内容がカルーセルしません。
じゃあ、最初に必要な分だけ並べておいて、srcを書きかえればいいじゃん、ということで、
 


jQuery("#i1").attr("src", "images/thumb-04");

 
こうやってみましたが、うまくいきません。正解はコレ!
 


jQuery("#c1").attr("src", "images/thumb-04");

 
jCarousel Liteのコードを読んでみるとわかるんですが、サーキュラー(くるくる回る)のときは、<li>要素をクローンしているんですね。
 

if(o.circular) {
ul.prepend(tLi.slice(tl-v-1+1).clone())
.append(tLi.slice(0,v).clone());
o.start += v;
}

 
だから、idでソースを指定してもクローンされる前のソースが書き変わるわけではないのでダメ、なのかな?
クラス指定だったら、元のもクローンのも全部書き変えちゃうからOKね。
appendがダメなのは、クローンされる前に appendできないからだろうか。jCarousel Liteより先に appendしてるつもりなんだけど、難しいね。
 
参考:jQuery でoption要素を追加した際の諸問題

便利に使わせていただいています。
 
Custom Field GUI Utility 3 – WordPress プラグイン
 
※ 半角の括弧 “(” や “)” は fieldnameに使えません。エラーになります。
 
使い方


表題の通りです。
ページの中に<?php echo “ほにゃらら”; ?>とかを書きたいわけです。
普通はできません。セキュリティ的にいうと当たり前ですね。
でもできるプラグインがあるのです。
 
Exec-PHP plugin for WordPress
 
ダウンロード・解凍して、/pluginsフォルダへ突っ込んで、有効化したらOKです。
注意点等、日本語で書かれた詳しい情報はこちら(↓)
 
WordPressのエントリーでPHPを利用する方法

vertical-align関係が相変わらずうまくいかず、うまくいかずは違うな、理解が足りず、全然うまくいかないのでメモ。
 
CSSで<div>を、画面のボトムで中央に配置するにはどうしたらよういでしょうか?
 
スタイルシートリファレンス > bottom
 
スタイルシート(CSS) » position(ボックスの基準位置)
 
<div valign=bottom>は効かないのでしょうか?
 
ちゃんと理解したらそのうちまとめる。キリッ!