What's new? | Help | Directory | Sign in
Google
kaytwo
Helping WordPress into the digital age.
  
  
  
  
    
Search
for
Updated Apr 29, 2008 by spikeyslam
Layout  
Layout documentation

Page Structure

A typical K2 page has the following hierarchy:

<div id="page">

	<div id="header">
		<h1 class="blog-title"><a accesskey="1" href="Blog address">Blog title</a></h1>
		<p class="description">Tagline</p>

		<ul class="menu">
			<li class="current_page_item"></li>
			<li class="page_item"></li>
			<li class="admintab"></li>
		</ul>
	</div>

	<hr />

	<div class="content">

		<div id="primary-wrapper">
			<div id="primary">

				<div id="notices"></div>

				<div id="current-content" class="hfeed">
					<div id="post-#" class="hentry"></div>
				</div>

				<div id="dynamic-content">
					<div id="rollingarchives"></div>

					<div id="rollingcontent" class="hfeed">
						<div id="post-#" class="hentry"></div>
					</div>
				</div>

			</div>
		</div>


		<hr />

		<div id="sidebar-1" class="secondary"></div>

		<hr />

		<div id="sidebar-2" class="secondary"></div>

		<div class="clear"></div>
	</div>

	<div class="clear"></div>
</div>

<hr />

<div id="footer">
	<p class="footerstyledwith"></p>
	<p class="footerpoweredby"></p>
	<p class="footerfeedlinks"></p>
</div>

Element Widths

Depending on the number of columns selected, K2 has the following widths:

Columns #page #primary #sidebar-1 #sidebar-2
1 560px 500px 240px 240px
2 780px 500px 200px 200px
3 950px 500px 200px 150px


Comment by eric.marden, Jan 04, 2008

in a 3 column layout, why is sidebar-alt 150, but sidebar-main 200?

Makes a page very unbalanced.


Sign in to add a comment