Documentations

You are here:
Estimated reading time: 31 min

PostAds Theme Installation

1st of all in our documentation we will guide you on how to install theme, plugins and demo data. Please follow the PostAds theme installation guide, Please feel free to contact us at our support channel if you have any query related theme installation we will try to give you our best support and quality.

Theme Update

If you are using old version of our theme please follow the Article how to update your theme into new version, Remember you have to take a back up of your data before theme update if you have any kind of customization in the main theme except (child theme) you have to save your data as a back up.

Theme Settings

These settings are include in theme settings:

General Settings, Header, Footer, Typography, Skin, Backgrounds, Blog, Woo-commerce, Third party API, Import/Export

Please follow the Article for step by step Guidelines

Listing Settings

These settings are include in theme settings:

Listing Setting, Payment Settings, Front-End submission, Front-End user panel, User panel skins, Listings, Category Settings, Page and views, Location Settings, Pricing plan settings, Search Settings, Map Settings, E-mail Notifications, reCaptcha Settings, Import/Export

Please follow the Article for step by step Guidelines

Create Listing Packages with Built-in & Woo-Commerce Payment Gateway

To create Listing Packages please go to Wp-Admin Dashboard > PostAds Option > Create Listing Levels. Please see the Article for Detailed Guidelines

Create new or Edit Location Levels

Please go to wp-admin > PostAds option > Location Levels > Here you can create new or edit Location Levels for listings please see the Article for Detailed Guidelines

Create new or Edit Content Fields 

Please go to wp-admin > PostAds option > Content Fields > Here you can create new or edit Content Fields please see the Article for Detailed Guidelines

Translate PostAds with Loco Translate Plugin

PostAds is localized and you can easily translate it to any language you like. Please note that the font family you are using in the theme should support the language’s special characters.

You need to install loco translate plugin which is available in the wp plugins. Go to WP > Plugins > add new > search loco translate > install and activate it.

Please follow the Article for Detailed Guidelines

Change Currency Signs For Listings and Packages

Steps include the change of Currency Signs are:

1- Currency Sign for Listings

2- Currency Signs for Packages

So please follow the Article for Detailed Guidelines

Create Google API For Map

We have been created a very helpful Article for our Customers to Create Google Map API, We always try to provide our best documentation to the customers so we hope you will like this Article, Please follow the complete Article your better Guidelines

Create New/Edit Categories, Category icons and all Settings

Here we will discuss how to Create New/ Edit Categories, Category icons and all Settings so please follow the Article for Detailed Guidelines

Create New or Edit Existing Locations

Here we will discuss how to Create Parent and Child Locations like Country as a parent and city in the country as a child, Also we will describe you how Locations will work on submit listing page so please see the Article for complete Guidelines

Theme Navigation’s

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 spot it yet, its on WordPress back-end postads 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 are pretty simple, select the item and click on “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 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 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 : postads gives you this ability to add icon to each menu item. to add just click on “Add Icon”, a Pop up Light-box will appear. choose your icon and click on “Use Icon”. To remove the icon simply click on “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 below steps :

  1. Add a an item to the menu editor.
  2. Click on 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 mega menu and they will appear as a heading in each column. if you don’t want a heading title, then replace text with a dash (-) in “Navigation Label” field. don’t leave this field blank as word-press will completely remove them from menu editor.
  6. Any grand child you add for each of 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 secondary header (refer to short codes => secondary navigation) then you just need to choose one of the other locations.

Set up Homepage

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

  1. Add New Page
  2. Build your homepage content same like building other pages.
  3. Save the page.
  4. From Word-press Left 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. postads has its own way of building blog loops(read blog section of this documentation).

Theme Settings : Thrid Party APIs

  1. Twitter API keysIf you want to show your twitter feeds in your site using twitter shotcode or widget then you should first fill out these found fields. Follow below steps :
    1. Go to “https://dev.twitter.com/apps,” login with your twitter account and click “Create a new application”.
    2. Fill out the required fields, accept the rules of the road, and then click on the “Create your Twitter application” button. You will not need a callback URL for this app, so feel free to leave it blank.
    3. Once the app has been created, click the “Create my access topostads” button.
    4. You are done! You will need the following data later on:
  2. Flickr API keyIf you want to use flickr image feeds in your site, you should first get an API key first. You can obtain your API key from Flickr The App Garden

Widgets & Custom Sidebars

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 “archive widget area” you should look for it in archive loop.
  5. Return to the Widgets Panel to continue adding Widgets. postads 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 an specific widget area for an specific blog post or page. Good news is we have such feature that gives you the ability to create unlimited widget areas beside 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 like 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 > postads Page Layout > Choose a sidebar
  9. Choose your custom sidebar from the selectbox.
  10. Done! if your page is left or right sidebar layout then you should see your custom sidebar widgets on your page.

Creating Pages

Pages are less time-dependent than Posts, none-blog content and basically are there to build your website content. Creating a page in postads is 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 couple of metaboxes (page meta options to be used to modify its visual options) that we will explain in this section. Please refer below screenshot:

    1. TitleA page can have title. you can disable title section from below section (Page Elements => remove title).
    2. Page ComposerVisual tool to build your page layouts using shortcodes. Please refer to page composer section of this docs for more information. you can also disable this option to activate wordpress default editor.
    3. Page TemplateFrom this option you can save 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 elementfrom here you can add elements to page for more detail read composer section
    6. Page Elementsusing this option you can remove page elements. This option will only be applied to this page. for example in in single page sites you may need to disable header section and using secondary header shortcode bring header below your slideshow.
    7. BreadcrumbOptionally you can disable/enable breadcrumb in this page.
    8. Page PreloaderThis option will simply remove the space after header and before footer. If you want to add slideshow after header you just need to disable page title from above option and enable this option.
    9. Main NavigationIn postads you can have 7 different main navigations. So it makes it possible to have single pages with anchor links in menu. If you leave blank primary menu will be used. dont forget to create menu and assign them to menu locations.

Page LayoutIf you dont want to show sidebar or simply want to move sidebar to left side then this option is in your service 🙂 default is right sidebar.

  1. Choose a sidebarAll pages widget area for sidebar is predefined “page widget area” but if you have crearted a custom sidebar in theme settings, then those custom widget areas will be in this option to choose from.
  2. Page AttributesIn 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 same page then they are that page’s childern. Using this feature you can create sub navigation using subnav widget.

Blog

Please follow bellow steps to create blog posts

  1. Screen OptionsFrom here you can disable/enable metaboxes. for instance if you can not find excerpt metabox make sure its checked from screen options.
  2. Post titleFill out the field with your blog post title.
  3. Page Composer switch buttonUsing this button you can switch between page composer module and classic editor.
  4. Category MetaboxYou should first need to create blog post cateogries from WordPress bacpostadsd left sidebar => Posts => Categories. Then you can assign that category to this post.
  5. Tags MetaboxUseful for SEO as well as search feature within the site to have post tags.
  6. Format MetaboxWordPress built-in format feature allows you to give different post formats.
  7. postads Posts OptionsIf you choose video, audio and gallery format you should also consider postads Posts Options as shown below to fill up the necessary options.
  8. ExcerptThe brief content of this post to be showed in blog loop. if left blank content will be pulled from post content.
  9. Featured ImageThe featured image for this post to be showed in loop and single post heading. please note that this image will not be shown in gallery, link and quote post format.
  10. postads Page LayoutDefines post layout to have sidebar as well as having custom sidebar (refer to widgets section of this docs for more info)
  11. PublishSave 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 Blog page?
  1. Add New page
  2. Click on Page Composer Button to switch to visual mode.
  3. Click Elements button, search for blog and click.
  4. You will see a set of options before you proceed to save (you can modify these settings at anytime 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"]

Employees

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 Memeber and follow below steps :

  1. TitleConsider employee name as post title.
  2. postads Employee optionsIn this section you will need to consider fill up employee details
  3. Featured ImageIn this section you should upload employee portrait image.
  4. Publishsave post and repeat this actions for other employees and then proceed to the next section.
Adding Employees into a page
  1. Add new page
  2. Click on 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"]

Clients

Please follow bellow steps to create client posts.

  1. TitleTitle 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 NameCompany name will be viewed on hover. dont fill this form and nothing will be showed.
  3. Website URLIf you want to link the logo to client’s website fill up this field. please include http://
  4. Featued ImageUpload client’s logo
  5. PublishPublish and proceed to the next step

Adding Clients loop into a page

  1. Add new page
  2. Click on 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"]

Slider Revolution

postads integrated with slider revolution and it meets all its compatibilities 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 slider is also included in demo-content folder after installation from left sidebar go to slider revolution -> in import section select import slider and browse to slider1.zip in demo-content folder and hit import.

  1. Add new page
  2. Click on 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 plugin site.

Page Composer

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 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 “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 search 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 avalaible in postads. You can drag this button and drop to a page section, row or a 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 other page. Its 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 postads. 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, an 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 to this page, you will face with 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 composer even if you check mark its post type.
Rules for users 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 on what they can use.

Introducing postads Shortcodes

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:

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

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 page.
  • fullwidth (true/false) Converts its contents to screenwide full width.
  • visibility (hidden-sm, hidden-tl, visible-dt, visible-tl, visible-tl, visible-dt) sm=smartphone, tl=tablet, dt=desktop. Makes screen width sensetive to conditionally hide or show in different devices.
  • el_class Adds custom class name for 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"]

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 lightbox overlay
    • align(left, center, right)
    • margin_bottom(integer) margin from bottom

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

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

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]

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]

Parameters :

    • color(HEX value) Text Color
    • 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]

Parameters :

    • el_classAdds custom class name for overrding 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]

Parameters :

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

[pacz_tabs orientation="horizontal" container_bg_color="#fafafa"]

Tab 1
Tab content here
Tab 2
Tab content here
[/vc_tabs]

Parameters :

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

[pacz_accordions container_bg_color="#fafafa"]

Section 1

Empty section. Edit page to add content here.

Section 2

Empty section. Edit page to add content here.
[/vc_accordions]

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]

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]

Parameters :

    • align(left, right center)

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

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]

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

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_horizental(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]

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]

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]

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

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

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

[dv_edge_slider slides="" order="ASC" orderby="date" full_height="true" height="700" animation_speed="700" slideshow_speed="7000" direction_nav="true"]
[/vc_row] Please note that this shortcode must be in a row shortcode with fullwidth option enabled otherwise it will not fit screen wide.

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

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

Parameters :

    • percent(percent 1-100)
    • track_color(HEX value) track color
    • bar_color(HEX value) bar color
    • line_width(integer, 1-20 pixels) the thicknes 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"]

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

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]

Parameters :

    • el_class Adds custom class name for overrding 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"]

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]

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

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 in one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • offset(integer, 0 to 50) Number of post 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 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)
    • orderby(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"]

Parameters :

    • style(grid, masonry, standard, scroller)
    • ajax(true/false) If you enable this option the portfolio posts items will be viewed in 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 in one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • sortable(true/false) If you dont want sortable filter navigation then set it true.
    • offset(integer, 0 to 50) Number of post 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"]

Parameters :

    • employees(Post IDs) specific employee post
    • style(column, grid)
    • column(1 to 5) Defines how many column to be in one row. will work in column style
    • dimension(100 to 1000 pixels) This value wil be applied to employee image width & height. Be infomed social network icons will not be displayed in image size less than 200px.
    • scroll(true/false) If you enable this option grids will be horizontally scrolled.
    • count(integer, -1 t0 50) number of posts in one page. -1 will means whatever you have chosen in wordpress => reading => posts per page option.
    • offset(integer, 0 to 50) Number of post 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)
    • orderby(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"]

Parameters :

    • clients(post IDs)
    • count(integer, -1 t0 50) number of posts in 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)
    • orderby(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)

  • Parameters :

    • twitter_name(twitter username)
    • tweets_counttwitter posts number

  • 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="#"]

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

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

Parameters :

    • name
    • cellphone
    • phone
    • address
    • website
    • email

Widget Title

Parameters :

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

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

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 fullwidth option enabled. You can choose which menu location to use. so in postads you can achieve up to 7 different menus. you can see samples in single page demos.

Parameters :

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

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

Parameters :

    • instagram_id
    • access_topostads
    • tag_name
    • count
    • sort_by
    • size
    • column

How to Create One page website

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

You can also download postads’s demo content and get a template for one page scroll.Craeting 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:

  • Add a new page and enter a title for your page
  • Switch to Page Composer by clicking on Page composer button
  • Start adding contents 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 page, click on 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 contact section could be “contact” or “contactUs”. Just avoid spaces in your characters.

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

  • 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 “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 portfolio section if you gave it a name like “Portfolio” then you have to enter #Portfolio (Figure 1-4)
  • In Link text field you can enter any names but remember that it is better to be related to you URL above. So if you have entered #Portfolio above in URL then you can enter Portfolio here in 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.

My Contact Form not working!

If you have used contact form shortcode or widget, set up the correct email address (to be sent) and you do not recieve any emails after all your attempts then read on about some tips that may help.

Try getting the WordPress wp_mail function to work properly

WordPress sends email using wp_mail, a function that for all practical purposes operates like php’s mail. It is a way for your site to send email via a PHP script rather than other ways like SMTP.

In order to determine what your problems might be, it is important to understand the potential email configuration requirements. Some issues could be server-based, others could be not understanding restrictions by your host.

In some cases even mail() function is disabled by default and you should set it to “ON” from php configuration file (php.ini) or ask hsoting provider to enable it for you.

Valid email headers

Some hosts require that any server-side email script send with a “from” address that is an actual email address. WordPress by default sends email from a generic address “wordpress@yourdomain.com”. If your host has a requirement that you send from a valid email address and you don’t have a wordpress@yourdomain.com email configured, then your site can’t send email. for example wordpress@wpsixer.com should be configured in your mail server in order to pass through this policy

Are you on a shared server?

In general, on shared hosting, the email process is shared, too. If another user on your host has a script that is tying up the email server, that is going to effect your site (and therefore your email script).

For those running WordPress on shared hosts, the issue most often is that email is delayed in some case for a long period. But it is important to know if this is something you are likely to be effected by.

What about spam filters?

Sometimes, the issue is that certain messages are simply blocked because of an addressing issue. Emails coming into one of the major email provider domains (hotmail, aol, gmail, yahoo) can get flagged for a number of reasons.

If email from wp_mail is not getting delivered, you may need to consider is it not getting through to everyone? Or is this limited to certain domains? Getting blocked or blacklisted by a specific host could be an issue.

What is the best way to avoid script base mailing system?

The simplest way around all of this is to use a valid email account sent through an SMTP server. SMTP stands for Simple Mail Transfer Protocol and sending through an SMTP server simply means you have set up a real email address on your system and you are allowing the web based script (wp_mail) to connect to the server with appropriate account credentials. This will satisfy most hosting requirements and also help you avoid system bottlenecks on shared hosting.

There are many plugins that forces wp_mail function use an SMTP for delivering emails. We suggest below solutions :

Using one of these plugins is an easy way to change your WordPress email configuration to send email via SMTP. That is a more reliable and more stable way of sending email through WordPress.

The only thing you should do is to:

  • Specify the from name and email address for outgoing email. (for example : info@company.com)
  • Specify an SMTP host (eg. gmail : smtp.gmail.com)
  • Specify port (eg. gmail : 465)
  • Choose SSL / TLS encryption (eg. gmail : SSL)
  • Choose to use SMTP authentication or not (eg. gmail : yes, Use SMTP authentication.)
  • Specify an SMTP username and password (eg. info@company.com, your email password)

What is Child theme?

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 relapce 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 postads 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.

Advantage of using a child theme
  • Safe UpdatesA 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 midifications located in child theme.
  • Easy to ExtendA 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 which 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 SafeWhen 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 baisc child theme you should follow below steps :

  1. Create a folder inside wp-content and rename it as you width (avoid using space instead use dash or underscore)
  2. Inside this folder create a file and rename it style.css
  3. Add below lines: /*
    Theme Name: postads Child Theme
    Theme URI: http://wpsixer.com/themes/postads/
    Description: This is a child theme build by "your name"
    Author: wpsixer
    Author URI: http://themeforest.net/user/wpsixer/portfolio
    Template: postads
    Version: 1.0
    */
    @import url(“../postads/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 “postads” (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 site. both in bacpostadsd and frontend 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 item main folder you download from themeforest.We will update this section with massive wiki on overrding theme’s special places (shortcodes, widgets,..). If you have any quations please open a thread in our support forum and we will try our best to assist you.

 

 

Was this article helpful?
Dislike 0
Views: 422
Have questions? Search our knowledgebase.