2013年3月16日(土曜日)
Custom Field Template を使う ~ select multiple(風) その 2
Category: WordPress | Posted By ackie at 23:58:29WordPress › Custom Field Template « WordPress Plugins
ほったらかしにしていたわけではありません。
他に書かないといけないネタが多かったからです。
じゃあ、ネタが切れたから書いてる?
お客さん、鋭いですねぇ~(ぉぃっ)。
(ここまでコピペ)
さて昨日の解答です。
やはり使うのは type = break で div 枠で区切る方法です。
[clear] type = break class = clearfix select_multi
こうすることで今まで
<div> : <dl><dt>項目名</dt><dd>項目内容1</dd></dl> <dl><dt>項目名</dt><dd>項目内容2</dd></dl> <dl><dt>項目名</dt><dd>項目内容3</dd></dl> : </div>
といったところだったものを
<div> : </div> <div class="clearfix select_multi"> <dl><dt>項目名</dt><dd>項目内容1</dd></dl> <dl><dt>項目名</dt><dd>項目内容2</dd></dl> <dl><dt>項目名</dt><dd>項目内容3</dd></dl> : </div>
とすることができます。
あとはこの select_multi にスタイルシートを適用していきます。
.cft .select_multi { height: 12em; overflow: auto; }
こんな感じでやってみるとできちゃったりします。
label は label = のようにして空にし、
テンプレートインストラクションに
<script> jQuery( function(){ jQuery( '.select_multi' ).before( '<div class="titlename">タイトル名</div>' ); }); </script>
等としてやるといいのではないでしょうか?
コメント&トラックバック
コメント