DIY Lite Documentation

Getting Started

Installing The Theme

Installing The Theme via WordPress Dashboard

To Install a Theme via WordPress Dashboard follow these steps:

  1. Go to your WordPress Admin Panel & Log in (Ex: http://yourwebsite.com/wp-admin)
  2. Go to Appearance -> Themes -> Add New
  3. From top, Click on Upload Theme
  4. Choose the ZIP file you’ve downloaded & Click Install Now
  5. Click on Activate to active the theme

If you are a visual learner, you can watch this video tutorial about How To Install a Theme

Installing The Theme via FTP

To install a WordPress Theme via FTP, follow these steps:

We will be using Filezilla

  1. Open Filezilla
  2. Enter the FTP account details provided by your web host in Host, Username & Password field
                          Host: Server hostname (FTP.yourdomain.com)
                          Username: Your Username
                          Password: Your Password
  3. Once connected, you’ll see two panes.
                          Left Pane (Local Site): Shows the files on your computer
                          Right Pane (Remote Site): Shows the files currently on the web server.
  4. Locate your root folder (Ex: public_html)
  5. Extract the theme file; drag & drop the unzipped theme folder to wp-content/themes directory.
  6. If you’re done uploading files, to disconnect just click the disconnect icon
  7. Activate the theme from Appearance -> Themes

If you are a visual learner, follow Video tutorial about How To Use FTP To Upload Files To WordPress

Plugin Installation

Plugin Installation

After Installing and activating the theme you will see the following message at the top of the admin dashboard page. This theme recommends few following plugins. Click, begin installing plugins link which will redirect to Install Required Plugins page. To install them just check all of them and from the drop down select install once. Even so, it’s not mandatory to install these plugins as they won’t be affecting the overall functionality of the site.
Recommended Plugins:

Page Builder Sandwich: Page Builder Sandwich is quite possibly the last page builder you’ll ever need. With its front-end drag and drop capabilities, Page Builder Sandwich allows you to create and design your site the way your visitors see it. Get access to numerous features such as shortcode mapping, hassle-free and pop up, less editing, and more. With us, you’re sure to have a page building experience like no other.

Build The Site

Build the site

Before building your site you need to configure WordPress and the plugins. Please read carefully Theme Installation/Plugin Configuration.

WordPress Configuration

You can adjust WordPress settings as follows:

  1. You can set Site Title in Settings > General.
  2. You can set Blog pages to show at most in Settings > Reading.
  3. You can select Front Page and Posts Page in Settings > Reading.
  4. You can set Discussion settings in Settings > Discussion.
  5. You can change image sizes in Settings > Media.
  6. You should ensure that a non-default permalink setting is selected, e.g. Post name in Settings > Permalinks.

WordPress Settings

Customization

CUSTOMIZATION

You should configure customizer options in Customize on admin sidebar. Or you can choose customizer option from Appearance Menu in the dashboard.

1. Site Identity:

You can add the logo, favicon, site title and site tagline from this section.

2. Colors:

  1. Header Color: You can choose your site title and tagline’s color from color picker.
  2. Anchor Text Color: The text with links or anchor tag on the theme will be changed by changing the anchor text color option.
  3. Anchor Text Color Hover (Color Links Hover): The text with links or anchor tag on the theme which is changed by changing the anchor text color option,its color will be changed on hover according to the color added by this option.
  4. Background Color: You can change the background color of the site from this option.

diylite-coloroptions

3. General Options:

The General Options consist

  • Excerpt
  • Pagination Options
  • Blog Options
  • Single Post Option

diylite-generaloptions

a. Excerpt:

The excerpt section consists of excerpt length and excerpt ending.The excerpt length changes the length of the content of posts in home or archive pages.The excerpt ending changes the ending of the sentence in home or archive pages.

diylite-excerptoptions
b. Pagination Options:

The pagination options change the pagination structure.There are two choices for pagination,default or numeral.

diylite-paginatonoptions

c. Blog Options:

The Blog Options consists of three options,’Show published Date’,’Show Author’,’Show Comments’.The ‘Show published Date’ option hides/shows the date field in the archive/home page posts.The ‘Show Author’ option hides/shows the author field in archive/home page posts.The ‘Show Comments’ option hide/show the comment field in the archive/home page.

diylite-blogoptions

d. Single Post Option:

This section consists of three options,’Full Width’,’With Left Sidebar’ and ‘With Right Sidebar’.the options basically changes the layout of the single post page.If ‘Full width’ is selected then the single post page will not have a sidebar and if ‘With Left Sidebar’ is selected then the page will have a sidebar on the left side of the content. If  ‘With Right Sidebar’ is selected then the sidebar will be placed on the right side of the page.

diylite-singleostoptions

Menu SetUp

DIY Lite provides advanced menu setup.

There are Header Menu and Footer Menu where you can assign menu.

1. Go to Dashboard > Appearance > Menus on admin sidebar.
2. Click Create a new menu or select a menu.

diylite-menu
3. In order to add menu,
a. Select pages, categories, posts etc. as per requirement
b. Click on add to the menu.
diylite-menu1
c. Then assign it to header menu and click “save menu”.
diylite-menuoption

 

For detail guide, please visit WordPress Menu User Guide.

Posts

Posts

 

Creating posts

Step 1: Navigate to Posts in your WordPress admin sidebar.

Step 2: Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field.

Step 3: Select Post Format from the right side.

diylite-postformats

Step 4: Add categories from the right side. To assign it to the post, check the box next to the category name.

Step 5: Add tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 6: you can add featured image. To do so, first click the featured image box, select an image and click the set featured image button.

Pages

Pages

New pages can be added by clicking pages on admin dashboard and can be assigned to various templates on the right side.

Page Templates

There are various page templates that you can choose.

  • Default Template ( Default Template with right sidebar )
  • Full Width( Full-width template with no sidebar )
  • Sidebar Left (page with left sidebar )
  • Blank Container

diylite-pagetemplates

Widgets

Widgets

There are four widgetized areas in DIY Lite.

  1. You can add widgets in the main sidebar which is displayed in inner pages.
  2. In footer region, you can add widgets in three different widget areas.

diylite-widgets

For extra details, please visit WordPress Widgets