Raindrops テーマのHTML構造

<body id="raindrops" class="home blog wp-custom-logo...">
	<div class="skip-link"></div>				
	<div id="[doc,doc2,doc3,doc4]" class="[yui-t1,yui-t2,yui-t3,yui-t4,yui-t5,yui-t6] hfeed">
		<header id="top"></header>
		<div id="bd" class="clearfix">
			<div id="yui-main" class="yui-main">
				<div class="yui-b">
					<div class="[yui-g,yui-ga,yui-gb,yui-gc,yui-gd,yui-ge,yui-gf]" id="container">
						<div class="yui-u first" role="main"></div>
						<div class="yui-u">
							<aside class="rsidebar"></aside>
						</div>
					</div>
				</div>
			</div>
			<div class="yui-b">
				<nav class="lsidebar"></nav>
			</div>
		</div>
		<footer id="ft" class="clear"></footer>
	</div>
</body>

[doc,doc2,doc3,doc4]のように記述された部分は、ページ幅
[yui-g,yui-ga,yui-gb,yui-gc,yui-gd,yui-ge,yui-gf] エキストラサイドバーの幅
[yui-t1,yui-t2,yui-t3,yui-t4,yui-t5,yui-t6] デフォルトサイドバーの幅
をカスタマイザーの設定値に応じて、変更する事で　ページ幅　カラム幅をコントロールを行っています。


投稿日: tenman
Raindrops

関連投稿

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