Toggle navigation

Classifieds - Classified ads WordPress Theme

Version 1.0.0

Installing WordPress

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.

Theme Installation

Once you download The Classifieds-classifieds ads WordPress Theme, unzip the main package (Classifieds-classifieds ads WordPress Theme) where the theme is download in your system.

You can see here the theme “Classifieds-classifieds-ads-worpress-theme” zip Folder

The theme zip file that you need to upload into your WordPress themes directory “Classifieds”

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.

The Classifieds-classifieds ads WordPress Theme can be installed in three different ways:
  1. Installing through WordPress
  2. Uploading through FTP (File transfer protocol)
  3. Uploading through C-panel
Installation through WordPress:

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 (Classifieds) then hit install now. After The classifieds 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 classifieds stylesheet file. Instead, locate the classifieds.zip file inside the main file you have downloaded.

Warning!
While installing your theme through WordPress admin, you may encounter an error message saying “are sure you want to do this?”. This is mainly due to your hosting PHP settings. The Classfieds theme zip file is roughly around 5mb and in some hosting the default value for max_upload_limit left default which is 2mb. To solve this problem you should either increase your maximum upload size (to 20mb) on your hosting admin panel or ask your host to do it for you if you do not have the privilege to alter your server PHP settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you’ll be all good to go.

Installation Through FTP
  1. Download the Theme archive and extract the main theme zip file it contains (classifieds.zip).
  2. You may need to preserve the directory structure in the archive when extracting these files. Some software like “winrar” create a sub directory with the same directory name they have unzipped. uploading theme to your server via FTP with this structure is WRONG and you will face some errors.
  3. Use an FTP client (for example FileZilla) to access your host web server
  4. Transfer your unzipped theme to your server in the WP-content/themes
  5. Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your uploaded theme.
Installation through C-panel

You have to login your c-panel then go to file manager > domain directory > usually would be (public_html) > wp-content > themes > upload classifieds.zip here > unzip Classifieds.zip

Plugins Installation

There are some required and recommended plugins for Classifieds

  1. Select all plugins by clicking on the checkbox then from the top drop-down menu select install and hit apply. please wait for the completion of installation process.
  2. after the installation process completed select all plugins again and from bulk, action drop-down select activate and wait for the success message.
  3. Then select all plugins again and select activate from the drop-down menu and hit apply
  4. you can also update all premium plugins from appearance -> install plugins whenever an update is available for any plugin
  5. If you found internal server error or execution time error on bulk install. please try to increase execution time in php.ini or contact with the host.

You can also install plugins one by one:

  1. Go to Wp admin Classifieds dashboard -> Plugins
  2. Hover your mouse over the plugin one by one and click install.
  3. Find the desired plugin and hit activate

Importing Demo Content

To import Demo Data please follow the steps

  • classifieds demo installation work with Classifieds Templates By Designinvento Plugin, please make sure you have installed our provided one which you can locate in appearance > install plugins or while you activated the theme automatically you redirect to our provided plugins, Install and activate this plugin.

STEP 1 – Go to WordPress admin -> Classifieds Templates

STEP 2 – Hover on any desire one demo template It will show an install button.

STEP 3 – Click on the install button, It will show two buttons. Cancel and Confirm. click confirm.

STEP 4 – After confirming it will ask you for cancel or import. click import.

Your demo will start importing. wait for to complete it 100%.

STEP 5 – When it will 100% completed it will ask to proceed.

It will take a few moments to overwrite your website, database, media etc. then its done.

Your demo is done. ūüôā

Installation may take some time depending on your Internet speed and server.

After installation of the demo. your wp-admin default login will be changed to Bellow credentials:

User – designinvento
Pass – designinvento

There is no more step your demo site is already installed, Have a fun.

Please follow the Article to see how you can change your user name & Password

Watch the video tutorial for complete theme, plugins and demo installations

 

How to updating theme and plugins to the latest version

Make sure you have a complete backup before updating the theme and plugins.

  • Theme update through WordPress
  • Theme update through FTP
  • Theme update via C-panel

Make sure you have to take a complete back up of your old theme version like a back up of any customization work.

1. Update Through WordPress Admin Panel

  1. Login in to your Theme Forest account and go to downloads (Dashboard > downloads)
  2. Download the theme into your computer
  3. Unzip the file you just downloaded from Theme Forest and locate the WordPress Theme. (eg. Classifieds.zip)
  4. Log into your WordPress Dashboard.
  5. Click on Appearance > Themes.
  6. Activate any default word press theme then deactivate and delete your old Classifieds theme version

After that, click on the upload theme button then “choose file” button and locate your theme zip file (Classifieds.zip) then hit install now. After The Classifieds 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 Classifieds stylesheet file. Instead, locate the Classifieds.zip file inside the main file you have downloaded.

Update Required and recommended Plugins

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.

2. Manual Update Using FTP

  1. Login into your Themeforest account and go to downloads (Dashboard > downloads)
  2. Download the theme into your computer
  3. Install an FTP program (Filezilla is free)
  4. Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  5. Unzip the item main file
  6. Locate theme.zip (eg : Classifieds.zip) and unzip it. make sure your unzipping software does not create extra directory with the same name nested into each other.
  7. drag and drop theme main folder into your FTP program with the destination: “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/”
  8. FTP program will give a warning that there is an existing with the same directory name, choose to replace all.
  9. It will take varying from 15 to 30 minutes to replace all files. Once you did login into your WordPress dashboard and go to themes select Classifieds check if the version is changed.

3. Update through C-panel

You have to login your c-panel then go to file manager > domain directory > usually would be (public_html) > wp-content > themes > upload Classifieds.zip here > replace with your old one > unzip Classifieds.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 the complete Article carefully.

When you will login into your site please go to wp-admin > classifieds Dashboard > Theme Settings

General settings

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> General Settings

  1. Main grid Width -> For increase or decrease main site page width on grid view
  2. Content Width -> You can increase or decrease content with of your site
  3. Pages Layout -> Pages layout can be changed from here
  4. 404 Page template -> Style can be changed from this option
  5. 404 Page Layout -> Layout can be changed with this option
  6. 404 Page small text -> For 404-page text can be typed here
  7. Search page Layout -> Search page layout can change from here
  8. Sidebar and Content Area Radius -> Can select sidebar and content area from here
  9. Breadcrumb -> You can on/off this on the whole site
  10. Page Comments -> pages comments Enable/Disable
  11. Custom Sidebars -> You can create a custom sidebar with this option
  12. Typekit Kit ID -> This is a font text library you can use it for our theme but it is paid

For Reference please follow below mentioned image.

Typography

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Typography

  1. Body Font -> You can choose your body font properties here.
  2. Headings Font -> You can choose your Heading fonts properties.
  3. Widgets Title -> This will apply to all widget areas title including footer, sidebar and side dashboard
  4. Page Title Text Size -> Change from here
  5. Paragraph Text Size -> Change from here
  6. Paragraph Line Height -> Change from here
  7. Footer Paragraph Text Size -> Change from here
  8. Main Navigation Top level -> Should be set from here
  9. Main Menu Items Gutter Space -> This Value will be applied as padding to left and right of the item.
  10. Main Menu Items Top & Bottom Padding -> This Value will be applied as padding to the top and bottom of the item.
  11. Main Menu Top Level Text Transform -> You can set Text here as uppercase, lower case or capitalize
  12. Main Menu Sub Level Font Size -> Change from here
  13. Main Menu Sub Level Text Transform -> Text Transform for sub level
  14. Main Menu Sub Level Font Weight -> Font widget will be set with these options
  15. Toolbar Font -> Choose your header toolbar font properties.
  16. Choose a Typekit Font -> Premium services
  17. Add Typekit Elements Class Names -> Premium services

For Reference please follow below mentioned image.

Skin

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Skins

  1. Accent Color -> Main color scheme choose a vivid and bold color.
  2. Body text Color -> Will affect all texts if no color is defined for them
  3. Headings Color -> Will affect all headings
  4. Links Color -> Will affect all links color
  5. Page Title -> Page title color can be changed from here
  6. Sidebar Widget Title -> Sidebar widget title color can be changed from here
  7. Sidebar Widget Texts -> Will affect all texts in sidebar widget (unless there is a color value for the specific option in theme styles)
  8. Sidebar Widget Links -> Will affect all links in sidebar section.
  9. Footer widget title -> Footer Widget Title color will be changed from here
  10. Footer Widget Texts -> Will affect all texts in footer widget (unless there is a color value for the specific option in theme styles)
  11. Footer Widget Links -> Will affect all links in the footer section.
  12. Footer recent Posts border Bottom ->
  13. Show Sub Footer Border Top? ->
  14. Sub-Footer border top color ->
  15. Show Border Right to Footer Columns? -> Can be Enable/Disable
  16. Sub-Footer Social Networks Color -> Will affect all social network icons in sub-footer. you can set it’s active and hover values
  17. Sub-Footer Copyright Color -> Will affect sub footer left side copyright text.
  18. Preloader Text Color -> Will affect global site preloader text color.
  19. Preloader Background Color -> Will affect global site preloader Background color.
  20. Preloader Bar Color -> Will affect global site preloader Bar color.
  21. Buttons hover color -> Setting will affect all dynamic buttons
  22. Subscription Button hover color -> Setting will affect all dynamic buttons
  23. Breadcrumb Skin
  24. Breadcrumb Custom Skin Color -> Can be changed with this option
  25. Custom CSS -> If you have any custom CSS then please put here and save it

For Reference please follow below mentioned image.

Backgrounds

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Backgrounds

  1. Site Layout -> You can change site layout as full width or boxed
  2. Body Background -> Affects body background Properties, use this option when boxed layout is chosen. Its include in Upload Custom Image, Background Color, Background Position, Background Attachment, Background Repeat, Background Cover
  3. Main search bar background color
  4. Main search bar background color
  5. Page Title Background -> In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for page title background
  6. Page Background -> In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for the page background
  7. Footer Background -> In this option you can Upload Custom Image and can change Background Color, Background Position, Background Attachment, Background Repeat, Background Cover for Footer background
  8. Sub Footer Background Color
  9. Top Footer Background Color

For Reference please follow below mentioned image.

Blog

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Blog

  1. Page Title: Blog Posts -> If you don’t want to show page title section (title, breadcrumb) in blog single posts disable this option.
  2. Blog Single Featured image, audio, video -> Will completely disable Featured Image, Video and Audio players from blog single post.
  3. Featured image hard cropping -> This option will effect single blog post featured image. If you want to disable automatic image cropping for the featured image, disable this option. The original image size will be used. However, it will be responsive and fit to the container.
  4. Single Post Featured Image Height -> This height applies to featured image and gallery post type slideshow…
  5. About Author Section -> You can Enable/Disable Author section from here
  6. Blog Single Social Share
  7. Comments -> Comments on Blog can be Enable/Disable from here
  8. Archive Layout -> Defines archive loop layout.
  9. Archive columns -> Defines archive loop layout.
  10. Archive Loop Style -> Archive loop style can be changed from here
  11. Archive Loop Page Title -> Using this option you can enable/disable page title section (including breadcrumbs)

For Reference please follow below mentioned image.

Woocommerce

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Woo-commerce

  1. Shop Layout -> Defines shop loop layout.
  2. Product Loop Image Height -> Using this option you can change the product loop image height.
  3. Shop Loop Image Size -> Using this option you can change shop loop image size
  4. Single Product Image Height -> Using this option you can change the single product image height.
  5. Shop Single Product Image Size -> With this you can change the size of single product images
  6. Single Layout -> Defines shop single product layout.
  7. Header Checkout/Shopping Box -> Using This option you can remove header shopping box from the header.
  8. checkout box align on toolbal
  9. Product Loops image quality
  10. Show Product Category as Product Single Title. -> If you want to show product category(if multiple only first will be used) as single product page title enable this option. having this option disabled shop page title will be used.
  11. Woo-commerce Single Product Page Title -> Using this option you can disable/enable single product page title (including breadcrumbs).
  12. Woo-commerce Shop Loop Page Title -> Using this option you can disable/enable Shop product Loop title (including breadcrumbs)

For Reference please follow below mentioned image.

Third Party Api

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Third Party API

  1. Google maps Api Key
  2. Twitter Consumer Key
  3. Twitter Consumer Secret
  4. Twitter Access Token
  5. Twitter Access Token Secret
  6. Flickr API Key

For Reference please follow below mentioned image.

Manage Theme Speed

Please just go to wp-admin -> Classifieds Dashboard -> Theme Settings -> Managed Theme Speed

  1. Minify Java Script Files -> You can enable JS minification using this option. This option will only pick up the pre-minified JS files(theme-scripts-min.js & plugins.js). So use this option if you did not hack the JS files.
  2. Minify CSS Files -> You can enable CSS minification using this option. This option will only pick up the pre-minified CSS files. So use this option if you did not hack the CSS files.
  3. Remove query string from Static Files -> Removes “ver” query string from JS and CSS files.

For Reference please follow below mentioned image.

Import/Export

Please just go to wp-admin -> Classifieds 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.

Some plugins with the settings are available here

Ads Listing Plugin

You can follow the Article for All Ads Listing settings, In this settings you can learn & configure about the listing settings

This Theme uses WordPress built-in menus feature which can be found in your WordPress dashboard > appearance > menus. In this section we will go by explaining every detail regarding usage of below tools as well as some other cool features we added such as making a mega menu and using 400+ icons for your Menu items. We pointed sections with numbers and while explaining we may ask your attention to the screenshot for clear understanding.

From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor and start implementing below steps.

Creating your menu
  1. Click on “Create a New Menu” to add new menu.
  2. You should define a name to your menu (eg: main menu)
  3. Click the Create Menu button.
  4. Your new custom menu has now been defined and you are ready to drag and drop menu items.

Warning!
by installing demo template or adding too many menu items you main got some warning or some of menus may removed automatically due to max_input_vars limits exceeded which is set by your server default to 1000, in that case login to your c panel and find your PHP.ini file and edit or put this line in PHP.ini max_input_vars 5000, if you have not control over php.ini then contact with your host to do this for you.

Adding Items to a Menu
  1. The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts, are hidden by default. If you haven’t spotted it yet, its on WordPress back-end Classifieds header right-side. if you click on “Screen Options” it will slide down. so you can easily check items to hide or show.
  2. Refer to No 3. These panes will allow you to drop any sort of item to your menu. You can build from custom links to post, pages or categories.
  3. The general technique of these panes is pretty simple, select the item and click on the “Add to Menu” button. after a moment you will see the item appeared on your menu visual editing canvas.
  4. Please remember you should always save your changes by clicking on “Save Menu” which can be found on the header and footer right section.
Deleting a Menu Item
  1. Locate the menu item that you want to remove in the menu editor window
  2. Click on the arrow icon in the top right-hand corner of the menu item/box to expand it.
  3. Click on the Remove link. The menu item/box will be immediately removed.
  4. Click the Save Menu button to save your changes.
Customizing Menu Items
  1. Locate the menu item that you want to customize in the menu editor window
  2. Click on the arrow icon in the top right-hand and expand.
  3. The Navigation Label: This field specifies the title of the item on your custom menu. This is what your site visitors will see when they visit your site/blog.
  4. The Title Attribute This field specifies the Alternative (‘Alt’) text for the menu item.
  5. Refer to No 4 : Classifieds gives you this ability to add the icon to each menu item. to add just click on “Add Icon”, a Popup Lightbox will appear. choose your icon and click on “Use Icon”. To remove the icon simply click on the “Remove Icon” button.
Creating Mega Menus (refer to No 4)

If you have decided to make any of your Main Navigation items a Mega Menu like the same you can see in demo site for gallery and blog Pages items, you should follow the below steps :

  1. Add an item to the menu editor.
  2. Click on the arrow icon in the top right-hand and expand.
  3. Check the “Make this Item Mega Menu?” checkbox to convert this item to a mega menu
  4. You can add up to 6 child to this parent item.
  5. Each of these direct child will define a column in the mega menu and they will appear as a heading in each column. if you don’t want a heading title, then replace the text with a dash (-) in the “Navigation Label” field. don’t leave this field blank as word-press will completely remove them from the menu editor.
  6. Any grand child you add for each of the direct child will play row roles.
  7. Once you are done, save settings.
  8. Remember you can always convert mega menus back to a traditional multi-level menu by just visiting the parent item’s options and remove the check from “Make this Item Mega Menu?” field.
Creating Multi-level Menus (refer to No 5)

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the ‘child’ underneath its ‘parent’ and then drag it slightly to the right.

  1. Position the mouse over the ‘child’ menu item.
  2. Whilst holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.
Adding Your Menu to Your Site (Refer to No 6)

If you have created your navigation, in order to display them in front-end you should assign your menus to specified locations accordingly. If you have made this navigation as your main navigation in header then you just need to check the Primary Navigation option. If you have made a menu for a secondary header (refer to shortcodes => secondary navigation) then you just need to choose one of the other locations.

In Classifieds setting up your homepage is pretty simple thing. all you need to do below steps :

  1. Add New Page
  2. Build your homepage content the same as building other pages.
  3. Save the page.
  4. From Word-press eft hand sidebar navigate to Settings > Reading.
  5. You will see a page like below.
  6. Change your Front page displays to “A static page (select below)” (refer to No 1)
  7. From “Front page:” select box choose the page you just created (refer to No 2)
  8. Save Settings and you should see that page in your homepage.

Please note that you should not use Posts Page option at any time and it has nothing to do with blog page. Classifieds has its own way of building blog loops(read blog section of this documentation).

WordPress Widgets add content to your Sidebars and Footer. Examples are the default widgets that come with WordPress; for example post categories, tag clouds, navigation, search, etc. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel.

Guide to use widgets feature :
  1. Go to Appearance > Widgets.
  2. Choose a Widget and drag it to the sidebar where you wish it to appear. The widget areas designated as No 1
  3. Once you dropped the widget to widget areas, WordPress automatically updates the Theme and it will appear in its area.
  4. Preview the site. and look for the specified area you dropped your sidebar. for example, if you used the “archive widget area” you should look for it in the archive loop.
  5. Return to the Widgets Panel to continue adding Widgets. Classifieds has 16 custom widgets as designated below with No 2. as you can see all have “TK” perfixes.
  6. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  7. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget’s interface.
  8. To save the Widget’s customization, click Save.
  9. To remove the Widget, click Remove or Delete.
Custom Sidebars

In some cases, you need a specific widget area for a specific blog post or page. The good news is we have such a feature that gives you the ability to create unlimited widget areas besides your predefined widget areas (eg. single widget area). To start follow the below steps :

  1. Go to Theme settings > General Settings > Custom sidebars
  2. Write down your sidebar alias as you will remember for what page you are going to create it, such as FAQ, contact us.
  3. If you want more just click “Add More” and input new alias names.
  4. Save settings
  5. Now go to Appearance > Widgets.
  6. You will see the list of custom sidebar areas you just created in the right section (they should be appended to predefined widget areas).
  7. Same as predefined widget areas you can drag and drop widgets into custom sidebars.
  8. Now its time to assign the custom sidebar to a post (blog or portfolio) or page. add new page > in right section > Classifieds Page Layout > Choose a sidebar
  9. Choose your custom sidebar from the select box.
  10. Done! if your page is left or right sidebar layout then you should see your custom sidebar widgets on your page.

Pages are less time-dependent than Posts, none-blog content and basically are there to build your website content. Creating a page in Classifieds 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:

    1. Title A page can have a title. you can disable the title section from the below section (Page Elements => remove title).
    2. Page Composer Visual tool to build your page layouts using shortcodes. Please refer to the page composer section of these docs for more information. you can also disable this option to activate wordpress default editor.
    3. Page Template From this option you can save the current template and use for new pages
    4. Page Section You can add page section with this option for more detail read composer section
    5. composer element from here you can add elements to a page for more detail read composer section
    6. Page Elements using this option you can remove page elements. This option will only be applied to this page. for example, in single page sites you may need to disable the header section and using secondary header shortcode bring header below your slideshow.
    7. Breadcrumb Optionally you can disable/enable breadcrumb on this page.
    8. Page Preloader This option will simply remove the space after the header and before the footer. If you want to add slideshow after header you just need to disable page title from the above option and enable this option.
    9. Main Navigation In Classifieds you can have 7 different main navigation. So it makes it possible to have single pages with anchor links in the menu. If you leave blank primary menu will be used. don’t forget to create menu and assign them to menu locations.

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.

  1. Choose a sidebar All pages widget area for the sidebar is predefined “page widget area” but if you have created a custom sidebar in theme settings, then those custom widget areas will be in this option to choose from.
  2. Page Attributes In this section you can have relative pages in sense of parent, child, siblings. In other words, if you have set of pages that their parent is the same page then they are that page’s children. Using this feature you can create sub-navigation using subnav widget.

Please follow below steps to create blog posts

  1. Screen Options From here you can disable/enable meta boxes. for instance, if you can not find excerpt meta box make sure it’s checked from screen options.
  2. Post title Fill out the field with your blog post title.
  3. Page Composer switch button Using this button you can switch between page composer module and classic editor.
  4. Category Metabox You should first need to create blog post categories from WordPress Classifieds left sidebar => Posts => Categories. Then you can assign that category to this post.
  5. Tags Metabox Useful for SEO as well as search feature within the site to have post tags.
  6. Format Metabox WordPress built-in format feature allows you to give different post formats.
  7. Classifieds Posts Options If you choose a video, audio and gallery format you should also consider Classifieds Posts Options as shown below to fill up the necessary options.
  8. Excerpt The brief content of this post to be shown in the blog loop. if left blank content will be pulled from post content.
  9. Featured Image The featured image for this post to be shown in the loop and single post heading. please note that this image will not be shown in the gallery, link and quote post format.
  10. Classifieds Page Layout Defines post layout to have sidebar as well as having a custom sidebar (refer to widgets section of this docs for more info)
  11. Publish Save as draft, preview before saving, schedule to be published in a defined date and of course, publish immediately. All these actions can be done in this section.

How to make a Blog page?
  1. Add New page
  2. Click on Page Composer Button to switch to visual mode.
  3. Click the Elements button, search for a blog and click.
  4. You will see a set of options before you proceed to save (you can modify these settings at any time later).
  5. You can find options to change blog loop style and many more optionalities, review and save
  6. Publish the page and view the page.

Sample Shortcode:

[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 :

  1. Title Consider employee name as a post title.
  2. Classifieds Employee options In this section you will need to consider fill up employee details
  3. Featured Image In this section you should upload employee portrait image.
  4. Publish save a post and repeat these actions for other employees and then proceed to the next section.
Adding Employees into a page
  1. Add new page
  2. Click on the page composer button to switch visual editing more.
  3. Click on elements button and search for employees and click
  4. You will be shown a list of options, review and save
  5. publish and view the page.

Sample Shortcode:

[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.

  1. Title Title will not be viewed in front-end but you should fill them up as they will help you identify which post is which.
  2. Company Name Company name will be viewed on hover. don’t fill this form and nothing will be shown.
  3. Website URL If you want to link the logo to the client’s website fill up this field. please include http://
  4. Featured Image Upload client’s logo
  5. Publish Publish and proceed to the next step

Adding Clients loop into a page

  1. Add new page
  2. Click on the page composer button to switch visual editing more.
  3. Click on elements button and search for clients and click
  4. You will be shown a list of options, review and save
  5. publish and view the page.

Sample Shortcode:

[pacz_clients count="10" scroll="true" order="DESC" orderby="date" bg_color="#ffffff" border_color="#efefef" dimension="180" cover="true" target="_self"]

Classifieds integrated with slider revolution and it meets all its compatibility to use it anywhere in your content.

We will ship Included plugin’s new versions with our every theme update. Since this plugin is premium, therefore you must have a single license to enable your auto updates and seek for support from plugin author. Unfortunately, we can not give support to third party plugins.
Getting Started With Slider Revolution

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.

  1. Add new page
  2. Click on the page composer button to switch visual editing more.
  3. Click on elements button and search for revolution slider and click
  4. You will be shown a list of options, review and save
  5. publish and view the page.
  6. for plugin documentation please visit the plugin site.

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.

Main buttons :
  1. The button to switch between classic and visual mode. So you can modify generated shortcodes manually if you know what you are doing.
  2. Adds Elements, using this button you can drop all shortcodes available in Classifieds. You can drag this button and drop to a page section, row or column.
  3. Adds Row. This is a column container. This shortcode does nothing other than holding controlling columns and elements.
  4. Page section is the same as Row, but it has huge amount of options such as backgrounds, parallax effects, background videos and many more. you can click edit to explore its options.
  5. Templates: You can save a page using this section and use it in another page. It’s handy when you built blocks and columns that you might need them later in other pages.
  6. Page Composer Visual editing canvas where all the magic of drag and drop happens.

Elements Blocks

Below image shows the list of all shortcodes that you can use in Classifieds . You can use category filter and search element name field to find your shortcode much quickly.

Page Section

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.

Page Composer Settings

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:

Content types:
 This option allows you to choose which post type should have the page composer feature. Please note that only post types will have this feature that they have WP editor feature. so, for example, clients will not have page composerss even if you check to mark its post type.
 Rules for user groups:
 This option will give you the ability to select which shortcode should be appeared in the specific user role. this is useful when you give subscribers the ability to post, so you can control what they can use.

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 with 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:

What is a shortcode?

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 the possibility to stay beside each other and gain gutter padding. It can make its contents screen-wide full width.

Image Shortcode:

Parameters :
  • id The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document). Mostly used in single page scroll feature to link to the specific section of the page.
  • fullwidth (true/false) Converts its contents to screen wide full width.
  • visibility (hidden-sm, hidden-tl, visible-dt, visible-tl, visible-tl, visible-dt) sm=smartphone, tl=tablet, dt=desktop. Makes screen width sensitive to conditionally hide or show in different devices.
  • el_class Adds a custom class name for an overriding element via custom css.

[pacz_image src="IMAGE_URL" image_width="500" image_height="400" crop="true" hover="true" align="left" margin_bottom="10"]

Moving Image Shortcode:

Parameters:
    • src(URL) image url
    • image_width(integer) in pixels
    • image_height(integer) in pixels
    • crop(true/false) options to disable/enable image hard cropping
    • hover(true/false) Option to disable/enable hover and light box overlay
    • align(left, center, right)
    • margin_bottom(integer) margin from bottom

[pacz_moving_image src="IMAGE_URL" style="spin" align="left"] Creates a infinite moving image.

Gallery image Shortcode:

Parameters:
    • src(URL) image URL
    • style(float-vertical, float-horizontal, pulse, tossing, spin) The infinite animation style
    • align(left, right, center)

[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"]

Fancy Title style Shortcode:

Parameters:
    • images(Image Attachment IDs separated with comma)
    • style(grid, thumb) The style of gallery as grid based columns or slideshow with thumbnails.
    • structure(column, scroller) as column or horizontal carousel based scroller. this option is only for “grid” style
    • column(1 to 6) this option for only grid style
    • scroller_dimension(integer) both height and width size in pixels. this option for “scroller” structure
    • thumb_style_width(integer) in pixels. this option is only for “thumb” style.
    • thumb_style_height(integer) in pixels. this option is only for “thumb” style.
    • enable_title(true/false) to disable/enable hover captions.
    • height(integer) this option is only for “grid” column structure.
    • margin_bottom(integer) margin from bottom in pixels.

[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]

Fancy Title color Shortcode:

Parameters:
    • style(simple, standard, avantgarde, alt) Fancy title styles.
    • tag_name(h1 to h6) tag name of the fancy title heading.
    • size(integer) font size in pixels.
    • line_height(integer) line height in pixels. normally should be double the size of font size.
    • color(HEX value) text color
    • font_weight(inherit, bolder, bold, 600, normal, 300) font weight
    • letter_spacing(integer 1-10 pixels) space between each character.
    • font_family(font family name, optional)
    • margin_bottom(integer) margin from bottom in pixels.
    • align(left, center, right)

[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]

Column text Shortcode:

Parameters:
    • color(HEX value) Text Colorc `
    • highlight_color(HEX value) hightlight background color
    • highlight_opacity(alpha : 0 to 1.0) hightlight background color opacity
    • size(integer) font size in pixels.
    • line_height(integer) line height in pixels. normally should be double the size of font size.
    • font_weight(inherit, bolder, bold, 600, normal, 300) font weight
    • margin_top(integer) margin tp top in pixels
    • margin_bottom(integer) margin from bottom in pixels
    • font_family(font family name, optional)
    • align(left, center, right)

[pacz_column_text]Here is the content of text block, it can accept any content including shortcodes[/vc_column_text]

Dropcaps Shortcode:

Parameters:
    • el_classAdds custom class name for overriding element via custom css.

[pacz_dropcaps char="H" fill_color="" style="square-default"]ere is content in dropcaps shortcode. continue your paragraph here...[/dv_dropcaps]

Orientation Shortcode:

Parameters:
    • char
    • style(square-default, circle-default, square-custom, circle-custom)
    • fill_color(Hex Value) to fill the caps background color. This options is only for square-custom, circle-custom styles.

[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]

Container Bg Shortcode:

Parameters:
    • orientation(horizontal, vertical)
    • container_bg_color(HEX value) the tabs page container background color

[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]

Toggle Title Shortcode:

Parameters:
    • container_bg_color(HEX value) accordion pane background color

[pacz_toggle title="Toggle Title" icon="theme-icon-woman-bag" icon_color="#3d3d3d" pane_bg="#fafafa"]Toggle Content.[/dv_toggle]

Blockquote align Shortcode:

Parameters:
    • title(text) toggle title text
    • icon(font icon class name)
    • icon_color(HEX value) icon color
    • pane_bg(HEX value) toggle pane background color

[pacz_blockquote align="left"]Blockquote Message[/dv_blockquote]

Highlight text shortcode:

Parameters:
    • align(left, right center)

[pacz_highlight text="Highlight Text" style="default"]

Custom list style Shortcode:

Parameters:
    • style(default, custom) highlight style. if chosen custom should fill the below option.
    • fill_color(HEX value) if chosen custom style should fill this field

[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]

Font Icons Shortcode:

Parameters:
    • style(font icon character code, please refer to font icons section of this docs for more info)
    • icon_color(HEX value)
    • margin_bottom(integer) margin from bottom in pixels

[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"]

Icon box style Shortcode;

Parameters:
    • icon(font icon class name)
    • style(default, filled, custom) If chosen custom should fill “color”, “bg_color” and “border color”
    • color(HEX value) icon color
    • bg_color(HEX value) icon background color
    • border_color(HEX value) icon border color
    • size(small, medium, large, x-large, xx-large, xxx-large) icon size
    • remove_frame(true/false) removes the frame around icon
    • padding_horizontal(integer) horizontal padding
    • padding_vertical(integer) vertical padding
    • align(left, right, 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]

Button style Shortcode:

Parameters:
    • style(style1, style2, style3, style4, style5)
    • icon_align(left, right) this option is only for style 2
    • title(text) title text
    • read_more_txt(text) more button text
    • read_more_url(URL) more button url(include http://)
    • icon(font icon class name)
    • icon_color(HEX value) icon color for style 5 and 6
    • title_color(HEX value) title color
    • txt_color(HEX value) description color

[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]

Message box type Shortcode:

Parameters:
    • style(flat, three-dimension, outline)
    • size(small, medium, large)
    • bg_color(HEX value) flat and three-dimension background color
    • txt_color(HEX value) flat and three-dimension text color
    • outline_skin(HEX value) outline style skin color
    • outline_hover_skin(HEX value) outline style hover state skin color
    • icon(font icon class name)
    • url(URL) button URL(including http://)
    • target(_blank, _self)
    • align(left, right, center)
    • idThe id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document). Mostly used in single page scroll feature to link to the specific section of page.
    • margin_bottom(integer) margin from bottom in pixels

[pacz_message_box type="alert"]Message box text[/dv_message_box]

Call to action Shortcode:

Parameters:
    • type(love, hint, solution, alert, confirm, warning, star, generic) if chosen generic you should fill below options
    • icon(font icon class name)
    • box_color(HEX value) message box background color
    • border_color(HEX value) Message box border color
    • content_color(HEX value) message box content text color

[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"]

Image slideshow Shortcode:

Parameters:
    • style(default, custom) if chosen custom style should fill bg_color, border_color, text_color, text_size, font_weight.
    • bg_color(HEX value) background color
    • border_color(HEX value) border color
    • text_color(HEX value) box text color
    • text_size(integer) text size in pixels
    • font_weight(bolder, bold, 600, normal, 300)
    • text(text) call to action message
    • button_text(text) button text
    • button_url(URL) button url
    • outline_skin(HEX value) button skin color
    • outline_hover_skin(HEX value) button hover skin color

[pacz_image_slideshow images="" direction="horizontal" image_width="770" image_height="350" animation_speed="700" slideshow_speed="7000" direction_nav="true" pagination="true"]

Row full width Shortcode:

Parameters:
    • images(Image Attachment IDs)
    • direction(vertical, horizontal) image sliding direction
    • image_width(integer) slideshow width
    • image_height(integer) slideshow height
    • animation_speed(integer in milliseconds, 100 to 2000) sliding speed
    • slideshow_speed(integer in milliseconds, 2000 to 100000) pause time between slides.
    • direction_nav(true/false) direction navigation arrows in left and right side of slideshow.
    • pagination(true/false) pagination bullets in bottom of slideshow.

[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.

Testimonials Shortcode:

Parameters:
    • slides(Image Attachments IDs)
    • order(DESC, ASC)
    • orderby(date, post__in, menu_order, id, title, rand)
    • full_height(true/false) enable/disable full height feature. if is disabled you should define the height in below option.
    • height(integer) slideshow height
    • animation_speed(integer in milliseconds, 100 to 2000) sliding speed
    • slideshow_speed(integer in milliseconds, 2000 to 100000) pause time between slides.
    • direction_nav(true/false) direction navigation arrows in left and right side of slideshow.

[pacz_testimonials style="boxed" count="4" testimonials="" font_family="none" order="DESC" orderby="date"]

Chart Percent Shortcode:

Parameters:
    • style(boxed, quote)
    • skin(dark, light) this option is only for quote style
    • count(integer) number of testimonials
    • testimonials(post IDs) specific post IDs separated with commas.
    • font_family(font family) content font family. this option is only for quote style.
    • order(DESC, ASC)
    • orderby(date, post__in, menu_order, id, title, rand)

[pacz_chart percent="50" track_color="#fafafa" bar_color="" line_width="15" bar_size="170" content_type="percent"]

Skill meter title Shortcode:

Parameters:
    • percent(percent 1-100)
    • track_color(HEX value) track color
    • bar_color(HEX value) bar color
    • line_width(integer, 1-20 pixels) the thickness of bar line
    • bar_size(integer, 100-500 pixels) diameter of chart.
    • content_type(percent, icon, custom_text)
    • icon(font icon class name) if content_type is icon then you should use this option.
    • custom_text(text) if content_type is custom_text then you should use this option.
    • desc(text) the description that appears below chart

[pacz_skill_meter title="Title" percent="50" color="#dd9933"]

Pricing table Shortcode:

Parameters:
    • title(text) skill meter title
    • percent(percent, 1-100)
    • color(HEX value) the bar color.

[pacz_pricing_table skin="light" table_number="4" tables="" order="DESC" orderby="date"]

Table Shortcode:

Parameters:
    • skin(dark, light)
    • table_number(integer, 1-4), number of tables in one row
    • tables(post IDs)
    • order(DESC, ASC)
    • orderby(date, post__in, menu_order, id, title, rand)

[pacz_table]
<table width="100%">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
</thead>
<tbody><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]

Milestone Shortcode:

Parameters:
    • el_class Adds custom class name for overriding element via custom css.

[pacz_milestone start="0" stop="100" speed="2000" number_size="46" type="icon" icon="theme-icon-sitemap" text="" text_size="12" color="#919191"]

Process steps orientation Shortcode:

Parameters:
    • start(integer, 0-100000) milestone number start at which number?
    • stop(integer, 0-100000) milestone number stop at which number?
    • speed(integer, 0-10000) the speed milstone reach to the destination number.
    • number_size(integer, 10-60 pixels) the size of number
    • type(icon, text, none) type of content below number. accordingly you should fill below options.
    • icon(font icon class names) icon below
    • text(text) text below number
    • text_size(integer, 12-60 pixels) text below number size
    • color(HEX value) milestone skin color.

[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]

Blog style Shortcode:

Parameters:
    • orientation(vertical, horizontal)

[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"]

Portfolio style Shortcode:

Parameters:
    • style(classic, masonry) blog loop style
    • column(integer, 1-4) masonry columns
    • image_height(integer, 100-1000 pixels) blog loop image heights
    • count(integer, -1 t0 50) number of posts on one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • offset(integer, 0 to 50) Number of posts to displace or pass over, it means based on your order of the loop, this number will define how many posts to pass over and start from the nth number of the offset.
    • pagination(true/false)
    • disable_meta(true/false)
    • classic_excerpt(excerpt, content) You can show blog full content in the classic style loop
    • pagination_style(1 = Classic Pagination Navigation, 2 = Load more button, 3 = Load more on page scroll)select which pagination style you would like to use on this loop
    • order(DESC, ASC)
    • order by(date, post__in, menu_order, id, title, rand)

[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"]

Employees style Shortcode:

Parameters:
    • style(grid, masonry, standard, scroller)
    • ajax(true/false) If you enable this option the portfolio posts items will be viewed on the same page above the loop. will not work in scroller style
    • item_row(1 = One row in one slide, 2 = Two-row in one slide) How many row in one side? specific to ‘scroller’
    • column(1-5 columns) specific to ‘grid’, ‘standard’
    • width(integer, 100-1000) specific to ‘scroller’
    • height(integer, 100-1000) specific to ‘scroller’, ‘grid’, ‘standard’
    • count(integer, -1 t0 50) number of posts on one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • sortable(true/false) If you don’t want sortable filter navigation then set it true.
    • offset(integer, 0 to 50) Number of posts to displace or pass over, it means based on your order of the loop, this number will define how many posts to pass over and start from the nth number of the offset.
    • pagination(true/false)
    • pagination_style(1 = Classic Pagination Navigation, 2 = Load more button, 3 = Load more on page scroll)select which pagination style you would like to use on this loop
    • order(DESC, ASC)
    • orderby(date, post__in, menu_order, id, title, rand)

[pacz_employees style="column" column="3" employees="" dimension="250" scroll="true" count="10" offset="0" description="true" order="DESC" orderby="date"]

Clients Shortcode:

Parameters:
    • employees(Post IDs) specific employee post
    • style(column, grid)
    • column(1 to 5) Defines how many columns to be in one row. will work in column style
    • dimension(100 to 1000 pixels) This value will be applied to employee image width & height. Be informed social network icons will not be displayed in image size less than 200px.
    • scroll(true/false) If you enable this option grid will be horizontally scrolled.
    • count(integer, -1 t0 50) number of posts on one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • offset(integer, 0 to 50) Number of posts to displace or pass over, it means based on your order of the loop, this number will define how many posts to pass over and start from the nth number of the offset.
    • description(true/false) this option will work for column style and you can remove description from employees loop.
    • order(DESC, ASC)
    • order by(date, post__in, menu_order, id, title, rand)

[pacz_clients clients="" count="10" scroll="true" order="DESC" orderby="date" dimension="180" cover="false" target="_self"]

Twitter Shortcode:

Parameters:
    • clients(post IDs)
    • count(integer, -1 t0 50) number of posts on one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • scroll(true/false) if you set it true the clients’ list will be horizontally carousel.
    • order(DESC, ASC)
    • order by(date, post__in, menu_order, id, title, rand)
    • dimension(100 to 600 pixels) This value will be applied to logo box width & height.
    • cover(true/false) Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area
    • target(_blank, _self)
  • [vc_twitter twitter_name="your twitter username" tweets_count="5"]

    Flickr Shortcode:

parameters:
    • twitter_name(twitter username)
    • tweets_counttwitter posts number
  • [vc_flickr flickr_id="Flickr ID" count="6" column="three"]

    Social network skin Shortcode:

Parameters:
    • flickr_id(flickr ID) To find your flickID visit idGettr. In order to use Flickr Shortcode you should first obtain an API key from Flickr The App Garden and update the field in Theme settings => Third Party API => Flickr API Key.
    • count(1-60) number flickr feed images
    • column(one,two,three,four,five) number of images in one row.

[pacz_social_networks skin="dark" margin="4" align="left" facebook="#" twitter="#" rss="#" instagram="#" dribbble="#" pinterest="#" google_plus="#" linkedin="#" youtube="#" tumblr="#"]

Contact Form E-mail Shortcode:

Parameters:
    • skin(dark,light)
    • margin(integer, 0 to 50)
    • align(left, right, center)
    • facebook(URL) link to this social network, including http://
    • twitter(URL) link to this social network, including http://
    • rss(URL) link to this social network, including http://
    • instagram(URL) link to this social network, including http://
    • dribbble(URL) link to this social network, including http://
    • pinterest(URL) link to this social network, including http://
    • google_plus(URL) link to this social network, including http://
    • linkedin(URL) link to this social network, including http://
    • youtube(URL) link to this social network, including http://
    • tumblr(URL) link to this social network, including http://

[pacz_contact_form email="your email address" skin="dark"]

Contact info name Shortcode:

Parameters:
    • email(email address) the email address the emails should be sent.
    • skin(light, dark)

[pacz_contact_info name="Name" cellphone="Cellphone" phone="Phone" address="Address" website="Website" email="Email"]

Video Title Shortcode:

Parameters:
    • name
    • cellphone
    • phone
    • address
    • website
    • email

[vc_video title="Widget Title" link="Video link"]

Audio file title Shortcode:

Parameters:

[pacz_audio file_title="Audio Title" mp3_file="Uplaod MP3 file format" ogg_file="Uplaod OGG file format" small_version="false"]

Maps hight Shortcode:

Parameters:
    • file_title(text)
    • mp3_file(URL) mp3 file
    • ogg_file(URL) ogg file
    • small_version(true/false) if you set it true the player will be optimized to fit in very small column or area.

[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"]

Header menu location Shortcode:

Parameters:
    • height
    • latitude
    • longitude
    • zoom
    • pan_control
    • draggable
    • scroll_wheel
    • zoom_control
    • map_type_control
    • scale_control
    • marker
    • pin_icon
    • modify_coloring
    • hue
    • saturation
    • lightness

[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 Classifieds you can achieve up to 7 different menus. you can see samples in single page demos.

Instagram Shortcode:

Parameters:
    • menu_location(primary-menu, second-menu, third-menu, fourth-menu, fifth-menu, sixth-menu, seventh-menu)

[pacz_instagram instagram_id="" access_toClassifieds ="" tag_name="" count="6" sort_by="most-recent" size="thumbnail" column="one"]

Parameters :

    • instagram_id
    • access_toClassifieds
    • tag_name
    • count
    • sort_by
    • size
    • column

With Classifieds 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 Classifieds.

You can also download Classifieds 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 this instruction:

  • Add a new page and enter a title for your page
  • Switch to Page Composer by clicking on Page composer button
  • Start adding content now. Feel free to insert anything you want. However, note that you need to give each section a name.

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).

 

  • Once it is placed on the page, click on the Edit button (Figure 1-1).

 

  • Now inside the edit options windows, you can give an ID name for your sections. Find a text field called Row ID in Rows (Figure 1-2) or Section ID in page sections (Figure 1-3) Give them any name you like. For example, a good name for the contact section could be “contact” or “Contact Us”. Just avoid spaces in your characters.

Fig 1-2 – Give a name to your Row.

  • After you gave a name to your section continue adding contents to your section. Repeat the above steps for every new section you have. For example when you finish with the “contact” section and want to start adding “portfolio” you need to add a Row or page section and give it a new ID name such as “portfolio”.
  • When you finish creating contents Save your page by pressing “Publish” or “Update” button on the right side
  • Now it is time to create your menu. Go to Appearance > Menus (Figure 1-4)
  • Create a new menu and enter a name for your menu (Figure 1-4)
  • Open Links on the left side menu (Figure 1-4)
  • In URL field Enter the name you just added to your section back in step 5 preceding by a hash tag prefix. For example for the portfolio section if you gave it a name like “Portfolio” then you have to enter #Portfolio (Figure 1-4)
  • In the Link text field you can enter any names but remember that it is better to be related to your URL above. So if you have entered #Portfolio above in URL then you can enter Portfolio here in the Link text field. Please note that this text will be showed up on your navigation bar. (Figure 1-4)

  • Click on “Add to Menu” button
  • Repeat steps 10, 11 and 12 for each section
  • Now Save your menu by clicking on the Save Menu button on the right side
  • You are almost there! You just need to make your menu appears in the right location. To do this Go to Manage Locations on top of the page (Figure 1-5)
  • Under the Theme Location, Assign your newly created menu to Main Navigation. Just select your menu name in the menu and Save Changes (Figure 1-5)
  • That’s it! Now you have your one page scroll website up and running.

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 the parent theme and a 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 news is that Classifieds is fully child theme compatible and you can override almost everything you can imagine. starting from shortcodes to widgets, hooks, and filters, blog, portfolio. We have coded theme with this concept that users may need to use it as robust framework for their ideal website.

Advantage of using a child theme
  • Safe Updates A child theme automatically inherits the parent theme’s features, styles, and templates. This allows you to make changes to your site using child themes without ever modifying the parent theme. When a new version of the parent theme arrives, you can safely update it as all your modifications are saved in the child theme. So updates will not override or delete your modifications located in child theme.
  • Easy to Extend A child theme built on a powerful theme framework allows a great deal of flexibility without writing a lot of code. You can selectively modify only the template files and functions that you need without going through other template files. You can add new functionality and much more. In some cases, users ask for a feature that we can not include as a feature in theme directly due to some reasons. but occasionally we provide child themes with the extended features that some users need.
  • Fallback Safe When you are creating a complete theme you need to think about all the possible scenarios and code for them. However, when you are working on a child theme and you forget to code for something, then there is always the parent theme’s functionality available as the fallback option.
Okay, Lets start. what should I do to create a child theme?

In order to create a basic child theme you should follow the below steps :

  1. Create a folder inside wp-content and rename it as you width (avoid using space instead use a dash or underscore)
  2. Inside this folder create a file and rename it style.css
  3. Add below lines: /*
    Theme Name: Classifieds Child Theme
    Theme URI: http://designinvento.com/themes/Classifieds /
    Description: This is a child theme build by "your name"
    Author: designinvento
    Author URI: http://themeforest.net/user/designinvento/portfolio
    Template: Classifieds
    Version: 1.0
    */
    @import url(“../Classifieds/stylesheet/css/theme-styles.css”);/* =Theme customization starts here
    ——————————————————- */The most important parts of this file are the “Template:” and @import sections, which identifies the parent theme imports the CSS from the original. You must ensure that the path to your parent theme’s css file is correct and that the “Template: parameter correctly identifies the name of your parent theme. If you are using a different theme, then adjust the values accordingly. Everything must be case sensitive! The folder of our parent theme is “Classifieds” (all lower case), and the @import URL reflects this.
  4. If you want to override theme WP hooks then you should create a php file as functions.php
  5. Now if you go to appearance => themes you should see the child theme. go ahead and activate and visit the site. both in Classifieds and front end of the website you should not see any difference comparing when the parent theme is active.
  6. Go ahead and start overriding your CSS tweaks inside style.css

Please note that we have already created a sample child theme inside the item main folder you download from ThemeForest.We will update this section with massive wiki on the 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.