WordPress is well-known for its ease of installation. Under most circumstances installing WordPress is a very simple process and takes less than five minutes to complete. Many web hosts now offer tools (e.g. Bluehost, mediatemple) to automatically install WordPress for you. However, if you wish to install WordPress yourself, click below button to read about Famous 5 Minute Installation.
5 Minute Installation Guide
Alternatively, you may be interested in the below topics:
Disclaimer
Please note that we do not give support or any questions related to how to install and maintain WordPress. For any faulty installation that may cause your website or our theme malfunction, you should refer to the WordPress support forum. Alternatively, you can get help from your web hosting.
Once you download The classiads Theme, unzip the main package (Theme Forest-8625840-classiads-classified-ads-WordPress-theme). You can see classiads-classified-ads-wordpress-theme-*version-digits*) folder go into it. There should be complete two versions “Classiads-deprecated” which is our old version which we only contain for the old users, Who don’t wanna move to the pro version and “Classiadspro” which is our most recommended and latest one.
You need to go in “Classiadspro” and it has the following folders:
The theme zip file that you need to upload into your WordPress themes directory
The child theme zip file you need to upload into your WordPress themes directory “optional” for only when you want to have some custom work. so that you won’t change in the main theme. In this case, you’ll not lose your customization when you update the theme.
Installing a theme through WordPress is quite a simple process. After you have logged into WordPress account and are ready to go, in the admin panel’s sidebar navigate to appearance and then select themes. After that, click on the upload theme button then click “choose file” button and locate your theme zip file (classiadspro.zip) then hit install now. After The classiadspro has been installed locate and click activate.
Please be informed that you should not upload the whole package you have downloaded from ThemeForest as you will get an error of missing classiadspro stylesheet file. Instead, locate the classiadspro.zip file inside the main file you have downloaded.
You have to login your c-panel then go to file manager > domain directory > usually would be (public_html) > wp-content > themes > upload classiadspro.zip here > unzip classiadspro.zip
There are some required and recommended plugins for classiadspro
With the introduction of The classiadspro version 5.7 or above you can easily import demo content. Follow the step by step guide:
STEP 1 – Go to WordPress admin -> Classiads Dashboard -> License -> Please verify your purchase to proceed with theme setup.
STEP 2 – After purchase verification please navigate to theme setup menu and click theme setup button
STEP 3 – By clicking theme setup link, Setup wizard would be started, Please follow the instructions provided on setup wizard.
Your demo is done. 🙂
Installation may take some time depending on your Internet speed and server.
There is no more step your demo site is already installed, Have a fun.
Make sure you have a complete backup before updating the theme and plugins.
Make sure you have to take a complete back up of your old theme version like a back up of any customization work.
After that, click on the upload theme button then “choose file” button and locate your theme zip file (classiadspro.zip) then hit install now. After The classiadspro has been installed locate and click activate.
Please be informed that you should not upload the whole package you have downloaded from Themeforest as you will get an error of missing classiadspro stylesheet file. Instead, locate the classiadspro.zip file inside the main file you have downloaded.
After updating the theme when you’ll activate theme it will automatically redirect you to the updates plugins. If it won’t you can check for updates in WP > Appearance > install plugins our provided required and recommended plugins will be listed here if not install, active or needs to be updated.
After updating the theme. Go to Appearance > install plugins > check if any updates are listed for the required or recommended plugin. Hit update.
You have to login your c-panel then go to file manager > domain directory > usually would be (public_html) > wp-conetnt > themes > upload classiadspro.zip here > replace with your old one > unzip classiadspro.zip
All “Theme Settings” are available in this Article like Header, Footer, Blog, Woo Commerce etc.. So we would like to describe all steps one by one, 1st of all we will describe you all the options include in “Theme Settings” for your better consideration. For Details of these Options please read complete Article carefully.
When you will login into your site please go to wp-admin > classiads Dashboard > Theme Settings
Please just go to wp-admin -> classiads Dashboard -> Theme Settings -> General Settings
For Reference please follow below-mentioned image.
Please just go to wp-admin -> Classiads Dashboards -> Theme Settings -> Header -> Header Skins
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Toolbar contact info
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Social Networks
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Login Register
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Toolbar
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Logo
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Listing Button
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Background
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Header -> Header Layout
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Typography
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Skins
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Backgrounds
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Blog
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Woo-commerce
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Third Party API
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Managed Theme Speed
For Reference please follow below mentioned image.
Please just go to wp-admin -> Classiads Dashboard -> Theme Settings -> Import/Export
Import Export -> This import-export option is for when you want to save your all theme settings you will click on export button and then download your file, Later on, you can import this file of theme settings when you want, This Import/Export button will help you to save and download your theme settings data, later on, you can again import
For Reference please follow below mentioned image.
In classiadspro setting up your homepage is pretty simple thing. all you need to do below steps :
Please note that you should not use Posts Page option at any time and it has nothing to do with blog page. classiadspro has its own way of building blog loops(read blog section of this documentation).
Pages are less time-dependent than Posts, none-blog content and basically are there to build your website content. Creating a page in Classiadspro is a pretty simple process. You will just need to build your content using shortcodes with the help of shortcode generator (refer to shortcodes section) or Page Composer (refer to Page Composer section). There are a couple of meta boxes (page meta options to be used to modify its visual options) that we will explain in this section. Please refer below screenshot:
Page Layout If you don’t want to show sidebar or simply want to move the sidebar to the left side then this option is in your service 🙂 default is a right sidebar.
Please follow below steps to create blog posts
[pacz_blog style="classic" column="3" image_height="350" count="10" offset="0" pagination="true" disable_meta="true" grid_avatar="true" read_more="false" classic_excerpt="excerpt" pagination_style="1" order="DESC" orderby="date"]
Using this custom post type you can create column and scroller based employees module. To create employee posts navigate to WordPress dashboard => Left Sidebar => Employees => Add New Member and follow below steps :
[pacz_employees style="column" column="3" dimension="250" scroll="true" count="10" offset="0" description="true" order="DESC" orderby="date"]
Please follow below steps to create client posts.
[pacz_clients count="10" scroll="true" order="DESC" orderby="date" bg_color="#ffffff" border_color="#efefef" dimension="180" cover="true" target="_self"]
classiadspro integrated with slider revolution and it meets all its compatibility to use it anywhere in your content.
Demo content for the slider is also included in the demo-content folder after installation from the left sidebar goes to slider revolution -> in import section select import slider and browse to slider1.zip in the demo-content folder and hit import.
Page Composer is a visual shortcode generator that you can build your layout painlessly without wasting your time with coding shortcodes. We built Page Composer based on a Famous plugin called Visual Composer (Thanks for their awesome plugin). There’s one concept/design pattern you should know. In the Page Composer editor mode, you’ll have the “Add element” button, which you should click or drag to the working canvas, to add content block or row to your page. Clicking the “Add element” button will show the content element selection menu. Content blocks are divided into categories so you can filter. Alternatively, you can type the shortcode name to filter down the items instead of searching them visually.
Below image shows the list of all shortcodes that you can use in classiadspro. You can use category filter and search element name field to find your shortcode much quickly.
Page sections are standalone short code that plays a full width container role. What you can do with this shortcode is just limitless. You can have parallax backgrounds, videos, many more using this huge shortcode. page section same as Rows are column holders, so you can have first level and second level columns to build complex layouts which has been never possible in old times without HTML and CSS knowledge.
You can control page composer global settings such as disable/enable in a post type and user roles that can use a shortcode. You can find these settings from WordPress dashboard => left sidebar => settings => Page Composer. Once you arrived on this page, you will face 2 options:
In this section we will go through each shortcode that comes with theme. Even though we strongly recommend you to stick with page composer on building your layouts, which the reason is quite obvious also you will take advantage of the updated list of options each shortcode may come in new versions. We may or may not update this list (shortcode WIKI) along new updates so page composer will contain the updated list of shortcodes.
Some users just can’t absorb visual mode page builders and they want to play with shortcode themselves. We have thought about them and added classic shortcode generator:
A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.
Container for columns that gives them possibility to stay beside each other and gain gutter padding. It can make its contents screen wide full width.
[pacz_image src="IMAGE_URL" image_width="500" image_height="400" crop="true" hover="true" align="left" margin_bottom="10"]
[pacz_moving_image src="IMAGE_URL" style="spin" align="left"]
Creates a infinite moving image.
[pacz_gallery images="" style="grid" structure="column" column="3" scroller_dimension="400" thumb_style_width="700" thumb_style_height="380" enable_title="true" height="500" margin_bottom="20"]
[pacz_fancy_title style="avantgarde" tag_name="h3" size="14" line_height="24" color="#393836" font_weight="inherit" letter_spacing="0" font_family="none" margin_bottom="10" align="left"]Here is a text[/dv_fancy_title]
[pacz_fancy_text color="#ffffff" highlight_color="#4f4f4f" highlight_opacity="0.3" size="18" line_height="34" font_weight="inhert" margin_top="0" margin_bottom="18" font_family="none" align="left"]Here is a text[/dv_fancy_text]
[pacz_column_text]Here is the content of text block, it can accept any content including shortcodes[/vc_column_text]
[pacz_dropcaps char="H" fill_color="" style="square-default"]ere is content in dropcaps shortcode. continue your paragraph here...[/dv_dropcaps]
[pacz_tabs orientation="horizontal" container_bg_color="#fafafa"]
[vc_tab title=”Tab 1″ icon=”icon-love” icon_color=”#ccc” tab_id=”1394462023-1-28″]Tab content here[/vc_tab][vc_tab title=”Tab 2″ icon=”icon-love” icon_color=”#ccc” tab_id=”1394462023-2-9″]Tab content here[/vc_tab]
[/vc_tabs]
[pacz_accordions container_bg_color="#fafafa"]
[vc_accordion_tab icon=”icon-love” icon_color=”#ccc” title=”Section 1″][/vc_accordion_tab][vc_accordion_tab icon=”icon-love” icon_color=”#ccc” title=”Section 2″][/vc_accordion_tab]
[/vc_accordions]
[pacz_toggle title="Toggle Title" icon="theme-icon-woman-bag" icon_color="#3d3d3d" pane_bg="#fafafa"]Toggle Content.[/dv_toggle]
[pacz_blockquote align="left"]Blockquote Message[/dv_blockquote]
[pacz_highlight text="Highlight Text" style="default"]
[pacz_custom_list style="e63b" icon_color="" margin_bottom="30"]
<ul>
<li>List Item</li>
<li>list Item</li>
<li>list Item</li>
<li>list Item</li>
</ul>
[/dv_custom_list]
[pacz_font_icons icon="theme-icon-trashcan" style="filled" color="" bg_color="#fafafa" border_color="#d7d7d7" size="small" remove_frame="false" padding_horizental="4" padding_vertical="4" align="none"]
[pacz_icon_box style="style5" icon_align="left" title="Here is the title" read_more_txt="Read More text" read_more_url="Read More URL" icon="theme-icon-love" title_color="" txt_color="" icon_color="#dd3333"]Here is the content[/dv_icon_box]
[pacz_button style="three-dimension" size="large" bg_color="#444444" txt_color="#fff" outline_skin="#444444" outline_hover_skin="#fff" icon="theme-icon-video" url="Button URL" target="_self" align="left" id="Button ID" margin_bottom="15"]Button text[/dv_button]
[pacz_message_box type="alert"]Message box text[/dv_message_box]
[pacz_call_to_action style="default" text_size="18" font_weight="inhert" text="Here is the content" button_text="Button Text" button_url="Button URL" outline_skin="#444" outline_hover_skin="#fff"]
[pacz_image_slideshow images="" direction="horizontal" image_width="770" image_height="350" animation_speed="700" slideshow_speed="7000" direction_nav="true" pagination="true"]
[pacz_row fullwidth="true"][vc_column width="1/1"][dv_edge_slider slides="" order="ASC" orderby="date" full_height="true" height="700" animation_speed="700" slideshow_speed="7000" direction_nav="true"][/vc_column][/vc_row]
Please note that this shortcode must be in a row shortcode with fullwidth option enabled otherwise it will not fit screen wide.
[pacz_testimonials style="boxed" count="4" testimonials="" font_family="none" order="DESC" orderby="date"]
[pacz_chart percent="50" track_color="#fafafa" bar_color="" line_width="15" bar_size="170" content_type="percent"]
[pacz_skill_meter title="Title" percent="50" color="#dd9933"]
[pacz_pricing_table skin="light" table_number="4" tables="" order="DESC" orderby="date"]
[pacz_table]
<tbody>
<table width="100%">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
</thead><tr>
<td>Item #1</td>
<td>Description</td>
<td>Subtotal:</td>
<td>$3.00</td>
</tr><tr>
<td>Item #2</td>
<td>Description</td>
<td>Discount:</td>
<td>$4.00</td>
</tr><tr>
<td>Item #3</td>
<td>Description</td>
<td>Shipping:</td>
<td>$7.00</td>
</tr><tr>
<td>Item #4</td>
<td>Description</td>
<td>Tax:</td>
<td>$6.00</td>
</tr><tr>
<td><strong>All Items</strong></td>
<td><strong>Description</strong></td>
<td><strong>Your Total:</strong></td>
<td><strong>$20.00</strong></td>
</tr></tbody>
</table>
[/dv_table]
[pacz_milestone start="0" stop="100" speed="2000" number_size="46" type="icon" icon="theme-icon-sitemap" text="" text_size="12" color="#919191"]
[pacz_process_steps orientation="vertical"]
[pacz_step title="Step 1" tab_id="1394462023-1-7"][/dv_step]
[pacz_step title="Step 2" tab_id="1394462023-2-20"][/dv_step]
[/pacz_process_steps]
[pacz_blog style="classic" column="3" image_height="350" count="10" offset="0" pagination="true" disable_meta="true" classic_excerpt="excerpt" pagination_style="1" order="DESC" orderby="date"]
[pacz_portfolio style="grid" ajax="true" item_row="1" column="3" width="400" height="400" count="10" sortable="true" offset="0" pagination="true" pagination_style="1" order="DESC" orderby="date" target="_self"]
[pacz_employees style="column" column="3" employees="" dimension="250" scroll="true" count="10" offset="0" description="true" order="DESC" orderby="date"]
[pacz_clients clients="" count="10" scroll="true" order="DESC" orderby="date" dimension="180" cover="false" target="_self"]
[vc_twitter twitter_name="your twitter username" tweets_count="5"]
[vc_flickr flickr_id="Flickr ID" count="6" column="three"]
[pacz_social_networks skin="dark" margin="4" align="left" facebook="#" twitter="#" rss="#" instagram="#" dribbble="#" pinterest="#" google_plus="#" linkedin="#" youtube="#" tumblr="#"]
[pacz_contact_form email="your email address" skin="dark"]
[pacz_contact_info name="Name" cellphone="Cellphone" phone="Phone" address="Address" website="Website" email="Email"]
[vc_video title="Widget Title" link="Video link"]
[pacz_audio file_title="Audio Title" mp3_file="Uplaod MP3 file format" ogg_file="Uplaod OGG file format" small_version="false"]
[pacz_gmaps height="300" latitude="Latitude" longitude="Longitude" zoom="14" pan_control="true" draggable="true" scroll_wheel="true" zoom_control="true" map_type_control="true" scale_control="true" marker="true" pin_icon="Upload Marker Icon" modify_coloring="false" hue="#ccc" saturation="1" lightness="1"]
[pacz_header menu_location="fourth-menu"]
This shortcode allows you to use header in any location of the page. This shortcode will use main header code to be called in a different block of the page. please note that this shortcode should be in a row with full width option enabled. You can choose which menu location to use. so in classiadspro you can achieve up to 7 different menus. you can see samples in single page demos.
[pacz_instagram instagram_id="" access_toclassiadspro="" tag_name="" count="6" sort_by="most-recent" size="thumbnail" column="one"]
With classiadspro you can create either standard multi page websites or One page scroll websites. This article will show you how to create one page scroll page by classiadspro.
You can also download classiadspro’s demo content and get a template for one page scroll. Creating one page scroll is very easy. In fact you just create a normal page using any shortcodes and contents you like. However the difference is you need your navigation menu items to be linked up with in-page contents. That is a very easy process. Follow these instruction:
For example let’s say we want to add a Contact section to our page. We normally start off by adding a Row or Page section. To do this click on Add Elements or Add Row button on the top of page composer (Figure 1-1).
Fig 1-2 – Give a name to your Rows.
Fig 1-5 – Create a menu and add some links to it.
A WordPress child theme is a WordPress theme that inherits its functionality from another WordPress theme, the parent theme. Child themes are often used when you want to customize or tweak an existing WordPress theme without losing the ability to upgrade that theme. In the past, there was no easy way of updating WordPress themes without losing all the custom styling and changes that you had made. This becomes chaos when all the sudden you find out a widely used script in popular themes has a major exploit, and you need to update your themes ASAP. It becomes a tough choice because on one hand, you would lose all the custom styles if you update. On the other hand, you risk your site getting hacked if you don’t update fast enough. So updating wordress theme is a must and you should never ever directly hack or modify theme files. But wait, what about the modifications?
The core team and the community decided to solve this problem by introducing the concept of parent theme and child theme. A child theme in WordPress would inherit all the functionality, features, and the code of the parent theme without making any changes to the parent theme itself. This allowed users to change the styling of the parent theme and add/modify features without losing the ability to update the parent theme.
It is important to know that even though you can always create a child theme of any WordPress theme, sometimes you may not need a child theme. Think about the number of changes you have planned for your child theme, if the changes you are planning are minor, then you can use custom css option located in theme settings or custom.css file in theme root(you should backup this file and replace after each update). If the changes are too extreme where you find yourself overriding the core parent theme files, then you probably should be creating a custom theme.
Good new is that classiadspro is fully child theme compatible and you can override almost everything you can imagine. starting from shortcodes to widgets, hooks and filter, blog, portfolio. We have coded theme with this concept that users may need to use it as roubut framework for their ideal website.
In order to create a basic child theme you should follow below steps :
/*
Theme Name: classiadspro Child Theme
Theme URI: http://designinvento.com/themes/classiadspro/
Description: This is a child theme build by "your name"
Author: designinvento
Author URI: http://themeforest.net/user/designinvento/portfolio
Template: classiadspro
Version: 1.0
*/
@import url(“../classiadspro/stylesheet/css/theme-styles.css”);
/* =Theme customization starts herePlease note that we have already created a sample child theme inside item main folder you download from themeforest.We will update this section with massive wiki on overriding theme’s special places (shortcodes, widgets,..). If you have any equations please open a thread in our support forum and we will try our best to assist you.