trasparente

yet another jekyll boilerplate

PAGE ELEMENTS

Custom style pages and posts.

5 February 2014 Docs category

Pages are wrapped on a <body class="page-layout"> tag, <section> contain page beyond header menù and footer, page items are wrapped on <article> tags:

<body class="page-layout">
  <header>
    <! -- page header -- !>
  </header>
  <nav>
    <! -- menù -- !>
  </nav>
  <section>
    <article class="post-class">
      <! -- article head -- !>
      <div>
        <! -- article content -- !>
      </div>
    </article>
    <! -- other articles -- !>
  </section>
  <footer>
    <div>
      <! -- footer -- !>
    </div>
  </footer>
</body>

Articles

  • _layouts/post.html – Layout for single post page:
<div>
  <h1><! -- title -- !></h1>
	<h2><! -- excerpt -- !></h2>
  <p class="metadata"><! -- date and category -- !></p>
	<div class="content"><! -- content -- !></div>
	<p class="metadata"><! -- tag list and author -- !></p>
	<div class="pagination clearfix"><! -- pagination -- !></div>
</div>
  • _includes/home-item.html – Template for post list in homepage:
<div>
  <h1><! -- title and post link -- !></h1>
  <h2><! -- excerpt -- !></h2>
  <p class="metadata"><! -- date and category -- !></p>
</div>
  • _includes/archive-item.html – Template for post list in Archive:
<div>
  <h2><! -- title and post link -- !></h2>
  <h3><! -- excerpt -- !></h3>
  <p class="metadata"><! -- date and category -- !></p>
</div>

Pagination

Pagination box is shown at bottom of single post page and host links to next and previous posts.