New Standard Theme Documentation

Theme Details | Live Demo

Table of Contents:

Quick Specs（All units in pixels）

  1. Main column width: 656
  2. Sidebar width: 336
  3. Footer widget width: 293-1172 (Auto-adjusted based on number of widgets)
  4. Featured image size: 800×450

Install

You can choose from the following 2 ways to install New Standard.

1. Install from the dashboard

First, unzip the new-standard-wordpress-theme.zip file, then prepare the new-standard.zip file. From the dashboard’s Appearance -> Themes page click Add New at the top, and then click Upload Theme. Once at the upload screen, choose the new-standard.zip file to upload. Once the installation is complete click Activate. This completes the installation.

2. Install from FTP

First, unzip the new-standard-wordpress-theme.zip file, then prepare the new-standard folder. Transfer the new-standard folder via FTP to the …/wp-content/themes/ directory. From the dashboard’s Appearance -> Themes page click Activate. This completes the installation.

If you already have featured images set up, after installing the theme, install the Regenerate Thumbnails plugin and regenerate the images. Images that match the theme’s sizing will be generated automatically.

Customizer

From the Appearance -> Customize area New Standard allows you to make various settings.

Site Identity

  • Site Title: Sets the site name. This is the same as Settings->General.
  • Tagline: Sets site tagline. This is the same as Settings->General.
  • Hide Tagline: Will hide the tagline.

Fonts

  • Headings Font: Sets the heading font.
  • Headings Font Size (%): Sets the heading font size. The units are in %.
  • Body Font: Sets the text font.
  • Body Font Size (px): Sets the text font size. The units are in px.

Colors

If you use Color Scheme, individual settings will be ignored.

  • Menu Background Color: Sets background color of the navigation bar.
  • Footer Background Color: Sets the background color of the footer widget.
  • Link Color: Sets link color.
  • Link Hover color: Sets link hover color.
  • Color Scheme: Sets all of the above values at once.

Background

  • Background Color: Sets the background color.
  • Background Image: Sets the background image. Background image can be selected from the media library or uploaded. No image displays if you do not set an image.

Layout

  • Header Layout: Chooses header layout.
  • Footer Fayout: Chooses footer layout.
  • Disable Responsive: Disables responsive design.

Title

  • Font: Sets the title font.
  • Font Weight: Sets the title’s font weight.
  • Font Size (px): Sets title font size. Units are in px.
  • Font color: Sets font color.
  • Letter Spacing (px): Sets the title’s kerning. Units are in px.
  • Margin Top (px): Sets the top margin of the title. Units are in px.
  • Margin Bottom (px): Sets the bottom margin of the title. Units are in px.
  • All Uppercase: Displays title in all capital letters.

Logo

In order to use a retina logo image, you must have a version of your logo that is doubled in size.

  • Upload Logo: Upload a logo image.
  • Replace Title: Replaces the site title with the logo.
  • Retina Ready: Sets logo image to support retina displays.
  • Add Border Radius: Sets a round crop around the logo image.
  • Margin Top (px): Sets the top margin of the logo. Units are in px.
  • Margin Bottom (px): Sets the bottom margin of the logo. Units are in px.

Navigation

  • Hide Navigation Bar: If you want to hide the navigation bar.
  • Hide Search: Hides the search in the navigation bar.

Post

  • Display: Sets post display in posts index.
  • Hide Author: Hides author name on posts.
  • Hide Categories: Hides post category.
  • Hide Prev/Next Post Navigation: Hides prev/next post navigation.

Footer

Only the a and br HTML tags are allowed in the footer text.

  • Footer Text: Sets footer display text.
  • Hide Credit: Hides the credit to Themehaus and WordPress

Custom CSS

Set custom Google fonts like this: Open+Sans:300,300italic|Roboto:100,900

  • Custom CSS: Allows you to set additional custom CSS.
  • Custom Google Fonts: Reads additional Google fonts.

Menus

Menu items can be set from Appearance -> Menu

  • Navigation Bar: Configures the menu shown in the navigation bar. The page list appears by default if you do not set this.
  • Header Menu: Configures menu displayed in header. It is not displayed if you do not set it.
  • Footer Menu: Configures menu displayed in footer. It is not displayed if you do not set it.
  • Footer Social Links: Sets the social media links displayed in the footer. No text is displayed, only icons. If this is unset, the icons will not appear.

Widgets

Configures each widget. This is the same as setting Appearance -> Widgets

Static Frontpage

  • Front Page Displays: Configures the way the site is displayed as the frontpage. This is the same as in Settings -> Display Settings

Widgets

You can set up New Standard‘s widgets from Appearance -> Widgets. New Standard supports 12 widgets.

Sidebar

This is the normal sidebar. If you do not use this sidebar or Sticky Sidebar, the page will be a one-column design.

Sticky Sidebar

Displays while following the PC’s scrolling. Also, please keep in mind that it violates the AdSense terms of service (prohibition of “following” advertising) to place AdSense here.

Footer 1/Footer 2/Footer 3/Footer 4

From left to right there are 4 sequential footer widget areas, and the width is auto-adjusted based on how many you use. If you do not use a footer widget, nothing will be displayed.

Before Index/After Index

Displayed before/after the posts index pages, blogs, and pages.

Before Post/After Post

Displayed before/after post.

Before Page/After Page

Displayed before/after page.

If you wish to change AdSense to display on both mobile and PC please consider using responsive ad units.

New Standard‘s menus can be set from Appearance->Menus. New Standard supports 4 menus.

  • Navigation Bar: Configures the menu shown in the navigation bar. The page list appears by default if you do not set this.
  • Header Menu: Sets the menu displayed in the header. If unset, it will not appear.
  • Footer Menu: Sets the menu displayed in the footer. If unset, it will not appear.
  • Footer Social Links: Sets the social media links displayed in the footer. No text is displayed, only icons. If this is unset, the icons will not appear.

To create a new menu, click create a new menu at the top of the page, and enter in the name of the menu. Then click Create Menu.

Then select the pages you wish to the add to the menu on the left side of the screen and then click Add to Menu. You can add links and categories. You can also change the item order by dragging.

Once you have determined the menu’s item/item order, at the bottom of the page in Menu Settings choose from Theme locations where you want the menu to be displayed and click Save Menu

With this the menu creation is complete. Choose create a new menu again if you want to make another menu.

The following web services and RSS feeds’ links can have icons automatically added to them.
CodePen, Digg, Dribbble, Dropbox, Facebook, Flickr, Google+, GitHub, Instagram, LinkedIn, Pinterest, Polldaddy, Pocket, reddit, Skype, StumbleUpon, Tumblr, Twitter, Vimeo, WordPress, YouTube

Posts

New Standard‘s post format can be selected from Format on an individual post screen. Supported formats are: Standard/Aside/Audio/Chat/Gallery/Image/Link/Quote/Status/Video.

Please refer to the post format category live demo to see what it looks like. In addition you are not constrained by the post format, and can posts images and videos in the standard format.

Also, on the Posts screen, New Standard‘s post’s featured image can be set from the Featured Image box.

In order to display posts in the home gallery and New Standard Featured Posts widget, make sure you check Stick this post to the front page in the Visibility area of the Publish module.

Pages

You can set the page templates in New Standard by choosing the Template attribute in the Page Attributes box on an individual page. Page templates available are Default Template, No Sidebar, Full Width.

You can also set a featured image from the Featured Image box on a page.

Updates

You can choose from the following 3 ways to update New Standard.

If you directly modify the theme file, when an update is installed to the theme your changes will be lost. To avoid this, use a child theme.

1. Auto update (Version 1.2.0 or later)

When an update for New Standard is available, you will be notified and can download it from the Dashboard -> Updates submenu or Appearance. In the Dashboard -> Updates screen select the New Standard theme and click Update Themes. This completes the update.

2. Update from the dashboard

To begin, download the new New Standard zip file. From the dashboard’s Appearance -> Themes page activate another theme, and click New Standard‘s Theme Details, and then click Delete at the bottom right. Once the old theme is deleted click Add New at the top, and then click Upload Theme. Once at the upload screen, choose the new zip file to upload. Once the installation is complete click Activate. Theme settings are inherited. This completes the update.

3. Update from FTP

To begin, download the new New Standard file. Delete …/wp-content/themes/new-standard/ folder via FTP, and transfer the new-standard folder to the …/wp-content/themes/ directory. From the dashboard’s Appearance -> Themes page click Activate. Theme settings are inherited. This completes the update.

Supported plugins

New Standard supports the following plugins.

Jetpack

Jetpack is a plugin that adds features normally only available to blogs hosted on WordPress.com. New Standard performs styling for the infinite scroll and additional widgets.

Contact Form 7

Contact Form 7 is a simple yet flexible plugin that enables creation of inquiry forms. New Standard performs the styling for the forms.