Setup Tutorials for Flat Responsive

Welcome to the Setup Tutorials for Flat Responsive. These are the standard guidelines to help you install, configure, and customize your newly downloaded theme. If you have any requests for additional tutorials relating to this theme, please contact me and I will review your suggestions. These tutorials are also based on the assumption you have a basic understanding of how WordPress works.

Create a Custom Front Page and move the Blog

The most common change people make with WordPress now is moving the blog further into the site and create a custom page for the front of their site; also known as a static front page. We will show you how this is done which is what we did for the live demo site for Circumference. What you put on your custom front page will be up to you, but this tutorial will get you started with a foundation to build on. Create Two Pages Create one page and call it “Home” or whatever you want. Choose a page template for your new front page. Add your content if any Publish your page. Create a second page and call it “Blog” or whatever you want to represent your blog Publish your page. Tell WordPress What to Use Go to Settings >> Reading Under “Front Page Displays“, select the Static Page option….    read more 

How to Make Custom Changes to your Theme

You will hear this often and this is something that WordPress recommends; but if you plan to make custom changes to your theme, whether our or from someone else, the best way is to use a child theme. You can read more about child themes here: Child Themes The reason for using a child theme is because if updates are available for your theme, in this case the parent theme of flat Responsive, you won’t lose any custom changes because they were done in the child theme. How this works is that the child theme inherits the styles and functionality of the main theme (the Parent theme), so any updates that happen, it will inherit those. However, if you made any custom changes to the theme, these exist in the child theme and not the parent theme, which is why when you update, you don’t lose the changes. When to…    read more 

How to find your theme options

Flat Responsive uses the WordPress Customizer which is a feature WordPress offers you to make changes to your active theme. Every theme will load up within the customizer, but what will be different from theme-to-theme are the settings and options they offer. The customizer gives you a live preview window of your website, and within the left column, you will see a series of tabs, each labeled as to what they are for. Access Your Customizer There are a few ways of getting to the customizer: Go to Appearance >> Customize In your Dashboard home page, click on the big button labeled as “Customize Your Site” Go to Appearance >> Themes >> Customize Go to Appearance >> Themes >> Details >> Customize The two most common methods are from the dashboard home page and the menu under Appearance >> Customize

Media Settings for Image Uploads

This should be considered as optional, but we will explain and show you why we like to remove our WordPress media settings which are preset when you first install WordPress. If you go to: Settings >> Media >> Media Settings …you will see the following media sizes and other settings: Now we will show you what it does by uploading 17 photos to our Media Library… With Media Settings As you can see, WordPress will automatically generate thumbnails based on the settings (sizes) whether you want them or not. In fact, our media library went from 17 photos to a whopping 56! Why would you want to remove the settings? Because your hosting package has a certain amount of diskspace given to you, so if you upload a lot of images on a regular basis, that diskspace is going to get filled up fast and you will be billed by…    read more 

Introduction to the Plugins Used for this Theme

Flat Responsive offers several features, but some require plugins if you decide to use them and should be considered as optional. You will need to download and install these because they are not included in the download of this theme. We do this so that everyone can choose which plugins they want to install, but it also ensures the most recent version of each plugin is installed. Plugins the Demo Site Uses Widget CSS Classes – This lets you assign styles (classes) to widgets Breadcrumb NavXT – This gives you a breadcrumb navigation above the content area in pages Contact Form 7 – This gives you the contact form Hupso Share Buttons for Twitter, Facebook & Google+ – This adds social icons to share a post to your friends. Page Builder by Site Origin – Build your pages with many layout possibilities with a drag and drop method of page…    read more