Introduction

prolog theme

Presented clean design is mostly for young, single-minded people that keep pace of time. People who enjoy clothing, music, healthy food and activities outside of the social mainstream. Using this WP theme you can easily express yourself, show you thoughts, poems and photos. Especially if you’re independent thinking, have an appreciation of art, creative, and intelligent.
We life and travel to experience new things, find familiarity abroad and connect all the strange dots that make this world so unique yet so familiar. And even if you don’t live or go to these places popular for hipster, take note that the Wordpress blog will always be your best friend. Blogs by other hipsters. You might also be inspired enough to write your own blog frequently.
If you're really good at something like art, fashion, cooking, technical gadgets or movies reviews, eco-awareness, etc., you might find yourself making amazing discoveries that are light years ahead of everyone else's thinking. This theme probably will be a natural choice for a hipster's creativity. Keeping pulse on today’s life, enjoying life as it is, and taking it as simple as possible – this is the lifestyle of a real hipster. We hope that this theme for Wordpress will inspire you for stunning posts from traveling, local trips and everyday life. We know that you need a simple theme which you can manipulate in very short time and that’s why we’ve created PROLOG – a theme with a very fresh and modern look.

Getting Started

Wordpress Installation

This Theme has been developed only for Wordpress 3.9 or higher version. So, you need to install WP before you can use this theme. Please see the CMS installation process. Here you can find the documentation : Wordpress Codex - Installing Wordpress

Wordpress Theme Installation

WordPress theme is simply a group of files, called template, bundled together that, when activated in CMS, determine the look and basic function of your site. By using professional themeum theme, you can have your site up and running with a new design - pretty fast. Theme installation is very easy process. Especially when you've chosen the theme you want to use, you'll need to install it into your WordPress website. You'll have the following two choices, as you did when adding new plugins:

  • You can add the theme directly from within the WP Admin, using "Upload Theme" option. From Admin Panel go the following path Appearance -> Themes -> Add New -> Upload Theme and select the zip theme, then click Install Now.
  • If your server is not set up properly or you have any problems, you'll have to extract and then upload the theme by hand. Using your favorite FTP client tool upload theme folder into the folder path /wp-content/themes/ on your server and active it from admin panel.

Note: On your WordPress site, the wp-content/themes folder holds all your themes. Each theme you install gets its own subfolder. All of a theme's style sheets and template files reside inside the theme's folder.

Prolog Theme Typical Installation Process

Follow These Steps in Order to Install a New WP Theme

Fig: Install prolog theme Step by Step


Step 1: In Dashboard click on Dasboard => Appearance Menu

Step 2: Then click on Dasboard => Appearance => Theme Menu

Step 3: Then click on Install Themes tab.

Step 4: Then click on Upload Theme link.

Step 5: Then click on Choose file and select prolog.zip file from your computer directory.

Step 6: Now click on Install Now button and wait for the installation complete. After successful installation of theme click on active theme click and enjoy theme theme feature. After activating, this theme will be used for whole site instead of Twenty Thirteen, the default WordPress theme.

prolog theme

Prolog Essential Plugins and Installation

For using all Features you have to install and active all required plugins. All Essential plugins are included in the prolog theme.

  • Contact Form 7
  • MailChimp for WordPress Lite
  • Themeum Shortcode

Install above essential plugins by easy 2 step.

Fig: Essential plugins installation

Step 1: In Dashboard, click on Dasboard => Appearance Menu => Install Plugins Menu

Step 2: Then click on Install link under plugin title and enjoy the plugins.

Make sure to configure permalink. By default WordPress uses web URLs which have question marks and lots of numbers in them; however, WordPress offers you the ability to create a custom URL structure for your permalinks and archives. This can improve the aesthetics, usability, and forward-compatibility of your links. From WP admin panel go to the following path Settings-> Permalik then select (Post name).

Demo Import

Import Sample Data: Import Sample Data: If you want to use demo data for your website then you need to install sample data. From menu choose Tools -> Import -> Wordpress. Click Wordpress then you will see the "Import Wordpress" option which allows you to upload .xml file from /Demo Content folder. If this tool not be installed you have to install "Wordpress Importer" plugin manually.

Note: We don't include in our Wordpress Quickstart photos/pictures from Theme Demo Page. Instead we have included placeholder images (dummy "JoomShaper Logo") for each instance. We assume that our customers have their own photos, which better fit to their project goals. Why? Because presented images are not licensed to be distributed as a part of WP Theme.

Widgets Setting Import

Import Widget Setting Data: If you want to use Demo site widget setting for your website. we recommends to install and activate the following plugin "Widget Settings Import Export". Which gives you the ability to import the demo widget settings, saved as a .json file type. The import will not overwrite any data currently within the sidebars, but instead will increment the widgets and add a new instance of the widget instead. Please choose Tools->Widgets Setting Import then select widget_data.json file from Demo Widget Settings folder directly from QuickStart package folder. Then Click on Show Widget Settings Button. Selected all or those widgets which you really need and use "Import Widget Settings" button. All widgets with registered sidebars will be imported.

Its an important part of Voval theme Installation process. Select your menu for menu location. Go to Dashboard-> Appearance-> Menu  then click on Manage Location and select menu for 2 locations. menu for "Primary Menu"€¯ location is mandatory. You can follow below screenshot.

Shortcode Documentation

Wordpress uses shortcodes which are simple set of functions which allows you do nifty things with lightweight markup used to format content in post. By using a shortcode, for example, a button, the user doesn't have to remember the complicated markup that needs to be input to create the button, tabs, embed a YouTube video or other objects that would normally require large amounts of code.

Themeum Prolog Shortcodes

We've added an extended shortcode documentation that details every aspect of all shortcodes. Please see the Documentation very careful for better customization.

How To Add Shortcode

Container

We've used Bootstrap Container class for body container

Usage Example Description
[themeumm_container] [/themeumm_container] [themeumm_container] Add content [/themeumm_container]

Divider

We've used Margin bottom for divider.

Usage Example Divider List Description
[themeumm_divider size="divider-default"] default,large,medium,small,extra small You use any divider style

Column

We've used Bootsrap 3 row and column to make the ShortOn theme more dynamic

Usage Example Column List Description
[themeumm_column col="1/2"][/themeumm_column] 1, 1/2, 1/3, 1/4, 2/3, 3/4 [themeumm_column col="1/2"][/themeumm_column] means 1 Row and 2 columns(col-6 and col-6)

Button

We've used Bootsrap 3 Button Size and Type

Usage Example Button Size Button Tpye Description
[themeumm_button size="default" type="default" url="#" text="Button"] default, large, medium, small default, primary, success, info, warning, danger, link You can use different boostrap 3 button for your website

Alert

We've used Bootsrap 3 Alert Style

Usage Example Alert Type Alert title Alert Content
[themeumm_alert close="yes" type="success" title="Add alert title "]Add alert content[/themeumm_alert] none, success, info, danger, warning Add any alert title Add any alert content

Skill

We've used Bootsrap 3 Progress Bar

Usage Example Progress Bar Style Progress Bar Width Progress Bar Content
[themeum_skill width="90" label="PHP"] width, label Add any width Ex. 0-100 Add Content Ex. wordpress