投稿内でカスタムレイアウトを行う

The custom is laid out in the contribution.
Raindropsは、必要に応じてページレイアウトの中にさらに、細かいレイアウトを作成することができます

エントリーの中で、divエレメントを記述して、IDやclassを指定することで、投稿内で簡単なレイアウトを行うことができます。

その方法の概略を紹介します

*Sample 
実際にどのように記述しているか、ご覧ください。

  1. quick start

行間30:
この機能を使うためには、WordPressで、idアトリビュートを記述可能にするためのカスタマイズを、行っておく必要があります。

例えば、yui-gのレイアウトを作るための記述は、投稿内に以下のように記述します。

[php]

<div class="yui-g" id="nest">

<div class="yui-u first">

A – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>

<div class="yui-u">

B – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div>

</div>
<br />[/php]

yui2のネストの記述とほとんど同じですが、Raindrops テーマの場合、id=”nest” を追加する必要があります。
id=”nest”を追加する必要はなくなりました


コメントは受け付けていません。