エプソンダイレクト株式会社

2013年3月2日(土曜日)

Custom Field Template を使う ~ 管理画面で複数カラム その 1

Category: WordPress | Posted By at 23:59:25

WordPress › Custom Field Template « WordPress Plugins

ほったらかしにしていたわけではありません。
他に書かないといけないネタが多かったからです。
じゃあ、ネタが切れたから書いてる?
お客さん、鋭いですねぇ~(ぉぃっ)。
(ここまでコピペ)

入力を簡単にするのがこの Custom Field Template の役割なら
管理画面にこだわりたいというのが当然です。
他にも同様のものがあるのに、
あえて Custom Field Template を使う目的といえば
管理画面の柔軟な作り込みです。

前回の記事で管理画面の CSS をいじる方法はわかったので、
あとはその CSS をいじるための構文を記述してやるだけ。
要は入力画面を 2 カラム、3 カラム、4 カラム…としてやるには
どうすればいいか?ということです。

通常カラムを実現するには div タグなどでカラムを指定し、
float で回り込ませるのが定番だと思います。
この Custom Field Template の場合、
入力画面全体を div タグで覆っていますが、
この div タグに区切りを入れるのが
この type = break です。
すなわち、実際のところ、Custom Field Template の入力画面は

<div id="cft" class="cft">
 :
</div>

という中に記述されていくのですが、ここに

[clear]
type = break
class = clearfix

こんな感じで記述すると以下のようになります。

<div id="cft" class="cft">
 :
</div>
<div class="clearfix">
 :
</div>

なんとなく見えて来たでしょうか?
続きはまた後程…(笑)。

コメント&トラックバック

トラックバックは締め切りました。

コメントはありません。

コメント





XHTML: 以下のタグが利用可能です。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム