Style Guide

Welcome to Nikko style guide. This page demonstrates how Nikko WordPress theme handles typography and images within the content. Scroll through this page and get to know Nikko better!

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Blockquote

Blockquotes can be used to display a quote from a person or something that was written on another site. A blockquote can be several sentences long or short, sweet and simple.

It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people’s lives.

Blockquotes are a great way to add a bit of a flair to your content.

Ordered List

  1. List item one
  2. List item two
  3. List item tree
  4. List item four

Unordered List

  • List item one
  • List item two
  • List item tree
  • List item four

Mixed Nested List

  1. List Item one
    • List Item one
    • List Item two
      1. List Item one
      2. List Item two
        • List Item one
        • List Item two
        • List Item three
      3. List Item three
    • List Item three
  2. List Item two
  3. List Item tree

Tags

Anchor Tag or Link

This is an example of a nice, little link.

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Images in Posts and Pages

There are two ways you can display single images in your blog posts and pages. You can pace a media file inside a post just like you normally would. Example below.

Or you can type full-width in the “Image CSS class” field to make your image wider than the page content. Example below.

Galleries

Nikko theme will make sure your images are displayed in the best way possible. For example, you can use WordPress image galleries to create beautiful mixed gallery layouts right inside your blog posts.

Add little snippets of text in between your images to describe what was going on behind the camera during the shoot. Then continue with the story with some more pictures.

This is a great way to build complex and engaging galleries from your photoshoots, for photo blogging posts, design project cases and much more.