This is a Style Guide for use on this blog. Please adhere to the conventions and patterns established here, in order to create a consistent experience for our visitors.

Post Cover examples:

• Full Post Cover
• Full Post Cover (center-aligned)

h1 Title

h2 Title

h3 Title

h4 Title

h5 Title

h6 title

This is paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut justo quis lorem efficitur molestie ac rhoncus ipsum. Donec dignissim sodales lacus in dictum. Curabitur eu rutrum leo, ut pharetra metus. Sed turpis mauris, tempor semper velit ac, efficitur vulputate augue. Duis fermentum tortor nisi, non viverra quam finibus eget. Donec dignissim massa vel neque bibendum, nec maximus urna fringilla. Ut vel arcu a enim commodo scelerisque. Integer consectetur at dolor id rutrum. Ut massa risus, feugiat interdum egestas et, aliquet quis odio. Aenean purus nisi, facilisis sollicitudin velit nec, dignissim semper quam. Praesent interdum aliquam ipsum vel cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam in lobortis justo, ac imperdiet eros.

This is pre-formatted code. Use this for short examples of code, names, etc.

This is a standard WordPress Blockquote. It has no Author name.

This is a theme-specific blockquote using a shortcode.

— Someone's name

This is paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut justo quis lorem efficitur molestie ac rhoncus ipsum. Donec dignissim sodales lacus in dictum. Curabitur eu rutrum leo, ut pharetra metus. Sed turpis mauris, tempor semper velit ac, efficitur vulputate augue.

// This is a syntax highligher
// It supports many different languages
// It also has theme (colour) options. This is the default.
function login_checked_remember_me() {
	add_filter( 'login_footer', 'remember_me_checked' );
}
add_action( 'init', 'login_checked_remember_me' );

// Dark theme
function login_checked_remember_me() {
	add_filter( 'login_footer', 'remember_me_checked' );
}
add_action( 'init', 'login_checked_remember_me' );

// Light theme
function login_checked_remember_me() {
	add_filter( 'login_footer', 'remember_me_checked' );
}
add_action( 'init', 'login_checked_remember_me' );

// High Contrast
function login_checked_remember_me() {
	add_filter( 'login_footer', 'remember_me_checked' );
}
add_action( 'init', 'login_checked_remember_me' );

Buttons can be different sizes, colours, inline or block, include Font Awesome icons (or not), have rounded corners, and open in new windows.

Here’s an example of columns

How about four?

Or six?

Don’t forget to consider how these columns collapse down on mobile. They might not be ideal for displaying your content.

And finally…

So that’s everything. This is the Rocket Squirrel Style Guide. When you write your content, please use the features above where appropriate, rather than creating your own. If you do want to create a new feature, then let us know! We can incorporate shortcodes so you can include it code-free, and help others to do the same!