WordPressいろいろ

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

1
2
3
この動画を見てみて！
<div class="avia-iframe-wrap" style="padding-bottom: 56.2667%;"><iframe title="DC SHOES: KEN BLOCK'S TRAX STI CAR" width="1500" height="844" src="https://www.youtube.com/embed/nTDNLUzjkpg?feature=oembed&wmode=opaque&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
すごいでしょう？

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

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

jCarousel Liteの要素を jQueryで append

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

1
2
3
4
5
6
7
8
9
<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＞は空っぽということですね）
　

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

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

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

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

1
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に使えません。エラーになります。
　
使い方

1
 
/作成者:

WordPressのPageの中でPHPの実行

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

/作成者:

CSSいろいろ

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

/作成者:

ALT or TITLE属性でテキスト改行表示する方法

ALT or TITLE属性でテキスト改行表示する方法
　
すぐに思いつかなかったので、敗北記念として。
これだけではなんなんで、PHP Tipsも少し。

1
 

これで、２行目の”BBB”が取り出せます。賢いね！

/作成者: