Home Resources Sandbox Guide and Check List

Sandbox Guide and Check List

Author

Date

Updated on

Category

This is continually updated guide and checklist for everyone working with the Sandbox theme.

Basic Structure

  • div#wrapper [.hfeed]
    • #header
      • h1
      • div#blog-description
    • div#access
      • div.skip-link
      • sandbox_globalnav() [div#menu]
    • div#container
      • div#content
        • div#nav-above [.navigation]
          • div.nav-previous
          • div.nav-next
        • div#post-the_ID() [sandbox_post_class()]
          • h2.entry-title
          • div.entry-date
          • div.entry-content
          • div.entry-meta
            • span.author (.vcard)
            • span.cat-links
            • span.comments-link
        • div#nav-above [.navigation]
          • div.nav-previous
          • div.nav-next
    • div#primary [.sideabar]
      • ul.xoxo
        • li#pages
        • li#categories
        • li#archives
    • div#secondary [.sidebar]
      • ul.xoxo
        • li#search
        • li#rss-links
        • li#meta
    • div#footer
      • span#generator-link
      • span#theme-link

Guide

  • Default Stylesheet Typo: Open style.css, change
    span.req-field

    to

    span.required

    .

  • Drop-down Links: By default, the style sheet makes the child-page links, for the horizontal menu, display as drop-down links. That does not work in all browsers. Fix it or don’t display child-page links at all. To not display them at all, add
    depth=1

    to

    wp_list_pages()

    within functions.php or use

    display:none;

    in style.css for the subsequent list items.

  • Comment on Pages: Allow commenting on certain Pages by adding a custom field. Key =
    comments

    . Value = (any text you want).

  • Dynamic Classes: On the front, archive, and search pages, post listing uses
    div.post

    . On Page pages, it uses

    div.page

    .

  • Page Heading Selector:
    h2.page-title

    replaces

    h2.entry-title
  • Archive Headings: Archive pages use
    H3

    instead of

    H2

    for entry titles.

  • Comments Template: Comments [
    div#comments-list

    ] and Trackbacks [

    div#trackbacks-list

    ] are separated. If you want to style for both, use

    div#comments

    .

  • Custom CSS: If you aren’t using any of the default Sandbox layouts then remember to remove the CSS import in the default style.css file. For example:
    @import url(‘sandbox-layouts/2c-l.css’);

    .

  • Containging Floats for Background Image: If you want a background image behind #content, #primary, and #secondary, apply
    clear: both;

    to #footer and use the background image on #wrapper instead of #container. Then, give #wrapper

    overflow: auto;

    .

Templates and Pages to Style and Validate

  • 404.php
  • archive.php
  • archives.php
  • attachment.php
  • author.php
  • category.php
  • comments.php
    • no comments
    • logged in
    • must login
    • password protected
  • footer.php
  • index.php
  • links.php
  • page.php
  • search.php
  • sidebar.php
  • single.php

If you find any mistake in this guide, please post your correction in the comments.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Recent posts

LawBlog WP Theme Review

Regardless of which area of law you practice, it’s imperative that you have proper online representation. You need to give your customers a feeling...

The Deeper Meaning and Purpose Behind Shapes in Web & Graphic Design

Sometimes in web design, a clean website is often the best choice for certain clients. Instead of elaborate backgrounds or too many aesthetic choices,...

How to Easily Design a Website Without Coding

Are you looking to build a website and you don’t know how to code? Online web design services are helpful to create website templates...

The importance of SSL Certificates as part of a web hosting package

Building a successful business requires trust, and gaining trust can be difficult especially when you run a business where it is taken for granted...

How Can Domain Name Extensions Influence Your Brand Name?

Are domain name extensions important in naming your brand? The shortest answer is "Yes." In today's online world, it is the first thing that...

Recent comments