General

We would like to thank you for purchasing Unicom! We are very pleased that you have chosen Unicom for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation and also watch our Video Tutorials. We outline all kinds of good information, and provide you with all the details you need to use Unicom. Unicom can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please follow steps below to see our section on WordPress to help you get started.

 


WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.

 


Requirements for Unicom

To use Unicom, please make sure you are running WordPress 4.7 or higher, PHP 5.6 or higher, and MySQL 5.6 or higher (for legacy environments also PHP versions 5.3.x will work but it is recommended to be on at least PHP 5.6 and preferably PHP 7.0. WordPress recommends PHP 7). We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure they are running the latest version of WordPress.
  • You can download the latest release of WordPress from the official WordPress website.
  • Always create secure passwords for FTP and Database.

Hosting is more secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.

 

Important Note About Unicom + PHP Versions

Here is a summary of PHP version compatibility with Unicom and our reasoning behind it. Unicom is fully compatible with PHP 5.3+ since many hosts are still using that PHP version, however Affapress and WordPress recommends using PHP 7+

With the exception of demo imports, Unicom is even compatible with earlier versions of PHP 5.2.x, this means Unicom will work with those earlier versions of PHP 5.2.x, but the demo imports will not work. We officially dropped support for PHP 5.2 because first and foremost it has reached the end of its life cycle and because of performance and functionality reasons.

Furthermore, and most important, WordPress recommends PHP 7.0 and for good reason. Other PHP versions have reached the end of their life cycle and may expose your site to security vulnerabilities. There is a significant reason to no longer use old PHP versions, always update to the latest versions.

Also, PHP 5.3, 5.4 and 5.5 have reached end of their life cycle and shouldn’t be used at all. PHP 5.6 will reach end of active support by the end of this year (2017) as well. While those versions should not be used, we do support them and they will work with Unicom. However, since they have reached the end of their life, issues that may arise can only be fixed to a certain extent. It’s good practice to always stay up to date with these things.

Issues that you may experience are because certain hosting plans do not care about such things, which causes a lot of issues for their customers and the themes they use. The themes are not to blame, it is the hosts who will not stay up to date with the latest PHP versions.

Since the only actively supported PHP versions from January 2017 onwards will be 7+, these should be the versions of choice and you should always look for a host who actively updates their PHP and MySQL versions. We regularly test the latest versions and ensure that Unicom runs smoothly on them and does not face any issues.

If you run into any issues, our support team is always here to help. Simply submit a ticket here and one of our support experts will help.

 

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, your demo import fails, empty page content with Page Builder and other similar issues are all related to low PHP configuration limits. The recommended solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

 


What’s Included

When you purchase our theme, you can download the Unicom files via the ‘My Account > Downloads’ menu on your Affapress account. When you download Unicom files, you can either choose the ‘Unicom’, ‘Unicom Child Theme’, ‘Data Import’ or ‘PSD Files’ option.

Aside from the digital files you get when you purchase the theme, you also obtain exclusive services that will help you as you use the theme. Below is a full list of everything that is included when you purchase the theme and download all the included files.

unicom-general-included

 

How To Download Unicom From Affapress

  • Step 1 – Login to your Affapress account and navigate to the ‘My Account > Downloads’ menu.
  • Step 2 – Find the ‘Downloads’ section.
  • Step 3 – Locate your ‘Unicom WordPress Theme’ purchase and then you can choose between ‘Unicom’, ‘Unicom Child Theme’, ‘Data Import’ or ‘PSD Files’ to download.

 

Downloadable Files From Your Theme Purchase

  • Unicom – This is the installable WordPress file you’ll need to install or update Unicom manually.
  • Unicom Child Theme – This is a child theme you can use to make changes to Unicom’s core theme files.
  • Data Import – This contains all demo data to import in your WordPress sites.
  • PSD Files – This contains all the layered PSD files of the Classic demo for those developers or designers who want to customize the design further.

unicom-general-downloadable

 


Unicom Theme Support

All of our items come with 12 months of included support and version updates for your theme. Once the 12 months of included support is up, you have the opportunity to extend support coverage for 12 months further. If you choose to not renew your support, you will still be able to submit bug reports via email (without getting support to fix it) and still have access to our online documentation and video tutorials.

Affapress clarifies item support here https://affapress.com/item-support-policy/

 

How To Renew Support

If you renew the license of the purchased item, it will automatically update the support item. For more details about license renewal please read the article below.

 


Theme License

When purchasing Unicom from Affapress, you have one license key. You must register this key to a WordPress-based site that uses Unicom theme to make it active and your site will receive automatically update that contain bug fixes, patches and new features.

 

Register License

To register the license key on your site you can follow these steps below:

  • Step 1 – Go to Affapress site.
  • Step 2 – Login to your account dashboard.
  • Step 3 – Go to ‘My Account > Downloads’ menu.
  • Step 4 – Find the purchased item ID and click ‘View Licenses’ link.
  • Step 5 – Click the ‘yellow key’ icon and the license key you need will appear.

unicom-general-register-license-1

  • Step 6 – Go to your site that is already installed with Unicom theme.
  • Step 7 – Go to ‘WordPress Dashboard > Appearance > Theme License’ menu.
  • Step 8 – Paste the valid license key to the form that has been provided.
  • Step 9 – If the license key is valid, it will appear information as below.

unicom-general-register-license-2

  • Step 10 – Now your theme will receive automatically update that contain bug fixes, patches and new features.
  • Step 11 – If you want to deactivate the license key on your active site, just click the ‘Deactivate License’ button.

unicom-general-register-license-3

 

How To Renew License

You can renew the license key you have without having to buy a new key.

Your first notice that your license is going to expire should come in your email, sent to the address you used when you purchased the license. Your email reminder that your license will expire contains a link to the Easy Digital Downloads checkout page with cart contents and license key information pre-filled for a renewal, so that you can simply check out.

An example email is below.

unicom-general-renew-license-1

To renew the license key you can simply go to the Affapress Products page and add the product to your cart as if it were a new purchase.  Then when you go to check out there’s an option to enter your previous license key.

unicom-general-renew-license-2

When you click it it will look like as below.

unicom-general-renew-license-3

 

What Will Happen If I Do Not Renew The Item Support?

The several things that changes:

  • You will not be granted access to hands on support.
  • No further to receive theme updates that contain bug fixes, patches and new features.
  • The download link in your Affapress site profile will disappear.

Note: You will however continue access to our online documentation and video tutorials.

If I Renew My License, Do I Need To Also Re-Download The Theme & Install It Again?

No, the built-in automatic update system will take care of all of that for you.

Will My Theme Work With An Inactive or Expired License?

Yes, Unicom are designed to continue functioning even if your license key expires. However, due to the nature of software updates (such as WordPress and other plugins), there is the possibility that the theme will eventually stop working due to other updates within WordPress or related plugins. For this reason, it is highly recommended that you renew your license, but it is optional.

Can Licenses Be Renewed Early or Late?

Yes. Renewing early will extend your license from its previous end (giving you two full years). Renewing late will give you one more year beginning from your point of renewal.

Early renewal example: If you purchased in April 2017, and renewed in January 2018 your license would expire in April 2019, giving you two full years.

Late renewal example: If you purchased in April 2017, and renewed in July 2018 your license would expire in July 2019, giving you two full years with a gap between April and July 2018.

Are There Lifetime Licensing Options?

Not at this time.

If I Have Live & Testing Servers, Do I Need To Activate My License On Both Sites?

No, you should only activate your license on your Live site. You may still install your theme on your Test server and use it without an active license.

 


Submit Ticket

We have an advanced, secure ticket system to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, we suggest enlisting the help of a developer.

  • Step 1 – You need to sign into your Affapress account.
  • Step 2 – To help speed along your request, we require that you follow the steps below before submitting a new support ticket. This is for the benefit of everyone and will help make the entire process more efficient. It’s very important and we ask that everyone who posts follow these steps.
    • Make sure you are running the latest version of Unicom and the latest version of WordPress.
    • Always check the important update information for Unicom first.
    • Check our Documentation and Video Tutorials for the answer to your question.
    • Disable any additional 3rd party plugins you may be using to see if it fixes the issue.
    • Make sure you’ve cleared all your caches.
  • Step 3 – After you check the steps above and still do not get the solution, so you can create a new ticket and our support team will help.

unicom-general-ticket

Was this helpful? Yes No
1 of 1 users found this section helpful

Installation

You can install the theme in two ways: through WordPress, or via FTP. The unicom.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. There are two ways to install Unicom, via WordPress or via FTP. Click here for the WordPress method video tutorial, and here for the FTP method video tutorial. But first, you need to download the Unicom files from your Affapress account. Navigate to your ‘My Account > Downloads’ menu on Affapress and find ‘Unicom WordPress Theme’ download item. And then you can choose between ‘Unicom’, ‘Unicom Child Theme’, ‘Data Import’ or ‘PSD Files’ to download. See below.

Downloadable Files From Your Theme Purchase
  • Unicom – This is the installable WordPress file you’ll need to install or update Unicom manually.
  • Unicom Child Theme – This is a child theme you can use to make changes to Unicom’s core theme files.
  • Data Import – This contains all demo data to import in your WordPress sites.
  • PSD Files – This contains all the layered PSD files of the Classic demo for those developers or designers who want to customize the design further.

unicom-general-downloadable

Downloading The Installable WordPress Theme (Unicom) Gives You The unicom.zip File Only

unicom.zip – This is the parent WordPress Theme, install this via WordPress. If you install it via FTP then unzip it first, then use the extracted folder.

 

WordPress Installation

There are two ways you can install the Unicom theme. You can choose to install it via WordPress, which is what will be outlined in this article, or via FTP. Before you can install Unicom, you need download the necessary theme files from your Affapress account. Continue reading below for more information.

Install Unicom via WordPress
  • Step 1 – Navigate to ‘WordPress Dashboard > Appearance > Themes’
  • Step 2 – Click the ‘Add New’ button on top of the page, then the ‘Upload Theme’ button.
  • Step 3 – Click ‘Choose File’ and find the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file, then you do not need to unzip the file.

unicom-installation-install-1

  • Step 4 – Once the file has uploaded, to activate Unicom go to ‘WordPress Dashboard > Appearance > Themes’ and click the Activate button.
  • Step 5 – Once you activate Unicom, you will be redirected to our Welcome Screen. You’ll find a prompt to install Unicom’s required plugins like Affa Toolkit plugin, Page Builder plugin, etc.

 

FTP Installation

There are two ways you can install the Unicom theme. You can choose to install it via FTP, which is what will be outlined in this article, or via WordPress. Before you can install Unicom, please download the necessary theme files from Affapress first. Continue reading below for more information on these.

Install Unicom via FTP
  • Step 1 – Log into your server installation via FTP. You can use software such as Filezilla for this.
  • Step 2 – Unzip the installable WordPress file ‘unicom.zip’ that you’ve just downloaded.
  • Step 3 – Upload the extracted Unicom folder to the ‘wp-content > themes’ folder on the server. Make sure the folder name is ‘unicom’.

unicom-installation-install-2

  • Step 4 – Log in to your WordPress Dashboard and navigate to ‘WordPress Dashboard > Appearance > Themes’ and clicking the ‘Activate’ button, for the Unicom theme.
  • Step 5 – Once activated, you will be redirected to our Welcome Screen. You’ll find a prompt to install Unicom’s required plugins like Affa Toolkit, Redux Framework, Page Builder, etc.

 


Plugin Installation

Unicom requires 4 essential plugins to operate. These plugins are the Affa Toolkit, Redux Framework, Page Builder by SiteOrigin and SiteOrigin Widgets Bundle. We also recommend several plugins that we use for enable some additional features to the theme, these plugins are the One Click Demo Import, Widget Options and WooCommerce.

 

Unicom’s Required & Recommended Plugins

It’s important to note the differences between Unicom’s required and recommended plugins. Required plugins, like the Affa Toolkit, Redux Framework, Page Builder by SiteOrigin and SiteOrigin Widgets Bundle are very important and must be installed and activated at all times for Unicom to work properly. And there’s Unicom’s recommended plugins which are plugins that we use in our demos and are fully integrated with Unicom. You can choose not to install these plugins if you’re not going to use them.

UNICOM’S REQUIRED PLUGINS

These plugins must be installed and activated in order to utilize Unicom’s functionality.

  • Affa Toolkit – This plugin is Unicom’s companion plugin.
  • Redux Framework – A simple, truly extensible and fully responsive options framework.
  • Page Builder by SiteOrigin – This plugin powers the Page Builder with simple content creation interface.
  • SiteOrigin Widgets Bundle – A collection of widgets that you can use and customize.
UNICOM’S RECOMMENDED PLUGINS

These plugins are used in various demos and are fully design integrated with Unicom. Installing and activating any of these plugins is optional. Please Note: It is recommended that you first install and activate these plugins before starting the import. That will ensure the demo content for that plugin is imported.

  • One Click Demo Import – WP import plugin that is very useful to help make it easier to import demo content (required for import Unicom demo content).
  • Widget Options – This plugin will give ability to assign different contents on your sidebars, footer and any sidebar widgets.
  • WooCommerce Plugin – If creating an online shop, we recommend using WooCommerce. This plugin is design integrated with Unicom, see it in action here

unicom-installation-plugin-1

 

Plugin Installation & Update Notifications

How To Install Plugins
  • Step 1 – For Unicom’s required and recommended plugins, you don’t have to register your purchase to install and activate them because they are free to use.
  • Step 2 – From the WordPress admin, navigate to the ‘WordPress Dashboard > Appearance > Install Plugins’ menu. Here you’ll find Unicom’s required and recommended plugins.
  • Step 3 – To install a plugin, find and click the ‘Install’ button. Wait for it to finish installing and activate, then click the ‘Return to Required Plugins Installer’ link to return to the Plugins page.

unicom-installation-plugin-2

  • Step 4 – Repeat steps 2 – 3 until you’ve installed and activated all your desired plugins.
How To Update Plugins
  • Step 1 – For Unicom’s required and recommended plugins, you don’t have to register your purchase to install and activate them because they are free to use.
  • Step 2 – From the WordPress admin, navigate to the ‘WordPress Dashboard > Appearance > Install Plugins’ menu. Here you’ll find Unicom’s required and recommended plugins.
  • Step 3 – You’ll see an update notification on plugins that have an update available.

unicom-installation-plugin-3

  • Step 4 – Find and click the ‘Update’ button to apply the update.
  • Step 5 – Repeat steps 2 – 4 until you’ve updated all your desired plugins.

 

Troubleshooting

1.) WHEN I ACTIVATE THE PLUGINS THE SITE CRASHES

This may be due to your server’s PHP configuration limits and will require that these configurations limits be increased. For most, these limits can be increased without having to contact your hosting provider. However, in rare cases some hosts can restrict manual intervention and that will require you to contact your hosting provider to increase the limits for you.

 


How To Update The Theme

We want to ensure your Unicom update goes as smoothly as possible. We’ve created a comprehensive guide to help you with this process, regardless of which Unicom version you’re currently on.

There are two ways to update your theme. The first method is our Auto Update feature which requires you to register your valid license key. The second is to upload the theme manually, either via FTP or WordPress. This is the traditional method and requires you to download the theme files from Affapress first.

Before you update, it’s best practice to always check Unicom important update information which is updated for each new version and to make a full site backup and make a database backup. This will ensure you can revert to a working version if anything unexpected occurs.

 

Best Practice

  • Before processing any update, be sure to take a full site and database backup. That will ensure you’re able to revert to a working point in your site if anything unexpected happens.
  • Before doing an update, we also recommend you give your installation a health check and ensure that your server is configured to the minimum requirements for Unicom.
  • It’s also very important that you ensure your server limits are at the required minimums for the update / theme install to complete.

 

Auto Update Method

The easiest way to update your theme is to use our Automatic Update feature, which will require you to register your valid license key in ‘Appearance > Theme License’ menu. Once you have registered the key and an Unicom update is released, you will receive an update notification in the ‘WordPress Dashboard > Updates’ section of your installation and requires user acknowledgement to complete the update.

How To Update Via The Auto Update Method
  • Step 1 – Register your valid license key in ‘Appearance > Theme License’ menu.
    NOTE: To learn about how to register license key you can read documentation in ‘General > Theme License > Register License’ section.

unicom-general-register-license-2

  • Step 2 – Navigate to the ‘WordPress Dashboard > Updates’ section of your installation.
  • Step 3 – Under the ‘Themes’ section, you’ll see the Unicom update notification. If you don’t see the update and know one available, click the ‘Check Again’ button on top of the page to refresh the updates list.

unicom-installation-update-theme-1

  • Step 4 – Check the checkbox beside the Unicom update, then click the ‘Update Themes’ button to start the update.
  • Step 5 – Wait for the update to complete. A success notification will be displayed once the theme is updated successfully.
  • Step 6 – Don’t forget to update the required and recommended plugins.

 

Manual Update Method

With the Manual Update Method, you can either choose to upload the theme files manually via FTP or WordPress. Before you can update manually, you have to download the theme files from Affapress. Continue reading below for instructions on how to download the theme files and how to upload them.

How To Update Unicom Via FTP

If you update via FTP, it’s important that you delete (not replace or overwrite) the old Unicom theme folder. If you only overwrite the folder, then any files that were removed in the new version will remain in your site’s theme files. This is because it only updates exactly matching file names. This will cause issues in the theme, including fatal errors. When you update via the WordPress admin, the folder is automatically deleted first in the installation process.

  • Step 1 – Log into your server using FTP and navigate to the ‘wp-content > themes’ folder. Here you’ll find a folder called ‘unicom’.
  • Step 2 – Backup the ‘unicom’ theme folder by saving it to your computer. Once that’s completed, you can delete it from the server. Deleting the theme files won’t remove your content. Your content such as pages, options, images and posts will not be lost or erased by doing this. However, any customizations to the theme’s core files, such as PHP files, will be lost unless you’re using a child theme.
  • Step 3 – Retrieve the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file (unizom.zip), then you only need to extract it once to get to the ‘unicom’ folder.
  • Step 4 – Once extracted you can drag and drop the new Unicom theme folder into the ‘wp-content > themes’ directory. Make sure the Unicom theme folder is named unicom and not unicom.zip

unicom-installation-install-2

  • Step 5 – Don’t forget to update the required and recommended plugins.
How To Update Unicom Via WordPress

When you update via WordPress, your old theme folder will be deleted automatically, so you won’t need to do that yourself.

  • Step 1 – First you need to deactivate your current Unicom theme located in the ‘WordPress Dashboard > Appearance > Themes’ section. To deactivate, simply switch to a different theme. For example, the default WordPress Twenty Sixteen theme.
  • Step 2 – After deactivating you can go ahead and delete it. To do this, hover over the theme thumbnail then click ‘Theme Details’. In the bottom right corner of the window, click the ‘Delete’ button. Your content such as pages, options, images and posts will not be lost or erased by doing this. However, any customizations to the theme’s core files, such as PHP files will be lost unless you’re using a child theme.
  • Step 3 – Retrieve the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file (unicom.zip), then you do not need to extract it.
  • Step 4 – To install, navigate to the ‘WordPress Dashboard > Appearance > Themes’ section of your installation and click the ‘Add New’ button near the top of the page. Then click the ‘Upload Theme’ button.
  • Step 5 – Click on the ‘Choose File’ button and select the installable file (unicom.zip) and upload it. Once uploaded, click ‘Install Now’.

unicom-installation-install-1

  • Step 6 – When this has completed successfully, re-activate the theme by clicking the ‘Activate’ button.
  • Step 7 – Don’t forget to update the required and recommended plugins.

 

Troubleshooting

1.) ‘ARE YOU SURE YOU WANT TO DO THIS?’ ERROR MESSAGE

If you get the “Are You Sure You Want To Do This” message when installing the ‘unicom.zip’ file via WordPress, it means your server has an upload file size limit, which is set by your host. If this happens, install the theme via FTP, or contact your hosting company and ask them to increase the limit. We recommended an upload limit of 32M.

2.) THEME INSTALL FAILED ‘DESTINATION FOLDER ALREADY EXISTS’

You may be getting this error because you have a duplicate ‘unicom’ folder. This error happens because WordPress only allows you to have one theme with the same name when uploading the theme via WordPress admin. We recommend updating the theme via the Auto Update method to get around this, or you can update the theme via FTP.

 

General Update Information

1. Always Backup Your Current Setup

It’s always a good idea to make sure that you have a current backup of your web site, including your wp-content folder, your wp-config.php file, and your .htaccess file in your WordPress installation folder, and a copy of your WordPress database. You can use these to revert back to your original site if something unforeseen happens during the update process. If you are not familiar with how to do this yourself, there are several plugins available that completely automate that process for you, such as: UpDraft Plus and WordPress Backup Buddy. You can also backup your Theme Options on the Backup tab in ‘WordPress Dashboard > Theme Options > Import / Export’

2. Do Not Keep Older Copies of The Theme In WP Theme Folder

You should completely remove all previous Unicom theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

3. Do Not Rename The Theme Folder

If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. Make a copy of your current theme folder before you upload the new theme.

4. Reset Theme Cache, Browser Cache, Server Cache And Plugin Cache

It is always recommended to reset all caching systems after an update, including theme cache, your browser, plugin (e.g. W3 Total Cache), and server cache. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or Affa Toolkit plugin version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups.

5. Update Child Theme

If you have copied template files from parent theme to child theme. Please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.

6. Required & Recommended Plugins Must Be Updated

When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. All the required plugins has to be installed and activated for theme features to work. Make sure you are always using the most recent version for all the required plugins. You will be prompted to install it upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to ‘WordPress Dashboard > Appearance > Install Plugins’ page and install the plugin that way. Every time you update the theme, the plugin also needs updated.

 


Unicom Changelog

Unicom is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log in the changelog.txt file inside the theme zip file. You can also view the full change log below.

Click Here To View The Unicom Change Log

 


Backing Up Your Site & Theme Options

Backing up your site is an essential practice to ensure that you don’t lose any data during major changes or updates. Continue reading below to learn how to backup your site and your settings.

 

Backing Up Your Site

Backing up your website is highly recommended and is very important. There are several reasons why backing up your site is a good idea, and one of the primary reasons is to preserve your data in case of malicious attacks such as DDOS attacks, SQL injection attacks, trojan and malware injection, and the like. We’ve listed out some great plugins below to get you started.

Recommended Plugins To Use
  • VaultPress – A monthly subscription based service developed by Automattic, the company behind WordPress.com.
  • BackupBuddy – A paid and premium WordPress backup and site restore plugin developed by iThemes.
  • BackWPup – A free WordPress backup plugin with a paid Pro version, as well.

 

Backing Up Theme Options

The plugins mentioned above will backup your entire site, but if you’d like to export and backup just your Theme Option settings located in the ‘WordPress Dashboard > Theme Options’ menu, then please follow the steps below. You can also fetch your Theme Options’ Export URL on one site and use them to import the same Theme Options settings on another site.

  • Step 1 – Navigate to the ‘WordPress Dashboard > Theme Options > Import / Export’ menu.
  • Step 2 – Find the ‘Export Options’ section, and choose one of the three available options. Click the ‘Copy Data’ button to copy the Theme Options data directly. Click the ‘Download Data File’ button to download the .json file. Finally, click the ‘Copy Export URL’ button to copy and paste your site’s Export URL.
  • Step 3 – To import your backup Theme Options, find the ‘Import Options’ section and click the ‘Import Contents From File’ button and paste the contents of the .json file you’ve exported. Alternatively, you can also click the ‘Import From URL’ button and paste the Export URL of another site to copy those Theme Option settings.

unicom-installation-backup-options

 


General Cache Information

Sometimes issues that should not normally exist on your webpage are simply because of your own cache and can be quickly removed by clearing the cache out. There are three types of caches that may affect how your website is performing. These caches are Browser Cache, Plugin Cache and Server Cache. Please read below to learn how to clear each type of cache.

  • Browser Cache – this is cache stored by your browser to allow your page content to load faster.
  • Plugin Cache – this is cache specifically from a 3rd party WordPress plugin.
  • Server Cache – this is cache imposed by your hosting company directly from your server.

 

How To Clear Browser Cache For Each Browser

Your browser cache, also called Temporary Internet Files for some browsers, serves as a folder where some items such as images, photos, or even entire websites are stored or cached. This is so visiting frequent websites takes less time and allows them to load much faster. There are times when simply refreshing the page is not enough, and you have to clear your browser cache to solves some issues.

For Mozilla Firefox
  • Step 1 – Click the Open Menu icon found on the upper right corner of the browser. The icon will look similar to three stacked bars.
  • Step 2 – Click the Preferences option, and switch to the Advanced tab.
  • Step 3 – Once in the Advanced tab, switch to the Network tab.
  • Step 4 – In the Cached Web Content section, Click the ‘Clear Now’ button to clear your browser cache.
For Google Chrome
  • Step 1 – Click the Customize icon found on the upper right corner of the browser. The icon will look similar to three stacked bars.
  • Step 2 – Click the Settings option, and switch to the History tab on the left side.
  • Step 3 – Click the ‘Clear Browser Data…’ button.
  • Step 4 – Select The Beginning of Time option from the dropdown menu, make sure that only the Cached Images and Files option is checked.
  • Step 5 – Click the ‘Clear Browsing Data’ button to clear your cache.
For Apple Safari
  • Step 1 – Click the Safari option in the top menu bar.
  • Step 2 – Click the Preferences… option, then the Preferences window will pop up.
  • Step 3 – In the Preferences window, switch to the Advanced tab. Once there, make sure the Show Developer Menu In Menu Bar is checked.
  • Step 4 – In the top menu bar of Apple Safari browser, you will now see a Developer option.
  • Step 5 – Click the Developer option, then select Empty Caches option to clear your cache.
For Internet Explorer
  • Step 1 – Click the Tools icon found on the upper right corner of the browser. The icon will look similar to a gear.
  • Step 2 – Click the Internet Options option from the dropdown menu. This will bring up the Internet Options window.
  • Step 3 – In the General tab, click the ‘Delete…’ button under the Browsing History section.
  • Step 4 – Make sure that the Temporary Internet Files and Website Files option is checked.
  • Step 5 – Click the ‘Delete’ button to clear your cache.

 

How To Clear Plugin Cache

If you’ve installed a 3rd party cache plugin, such as W3TC, or WP Super Cache, then this may also interfere with how your website is functioning and may cause unexpected issues. To clear your plugin cache, please continue reading below.

For W3TC
  • Step 1 – In the top menu bar of your WordPress Panel, you will find a Performance tab.
  • Step 2 – Under the Performance tab, click the Clear Cache option to clear your W3TC plugin cache completely.
For WP Super Cache
  • Step 1 – In the Settings tab of your WordPress Panel, locate the WP Super Cache option.
  • Step 2 – In the WP Super Cache tab, click the Delete Cache button under the Delete Cached Pages section to clear your plugin cache.

 

Server Cache

In some cases, your Web Hosting may have server caching software installed which may also be the cause of issues on your website. You also need to clear this to solve those issues and to preview any new changes you make on your website.

 


Demos

When you first install Unicom, it won’t contain all the extra content that you might have seen in the live demos. If you would like to import all Unicom demo, there is a way you can do so. Using One Click Demo Import plugin, you can choose to import the entire demo content, or only certain sections you’re interested in (e.g. Posts, Pages, Media, Widgets, etc).

 

Important Details About Demos

  • Published Posts – Our demo content contains published media, pages, portfolios, posts and products . If you import on a live site, plugins like JetPack will notice new posts and push them out into your blog feed. Please disable any plugin that may do that before you import. After the import, you can remove the posts or save them as drafts then re-activate the plugin.
  • Widgets – Demo content to complement the widgets used in the sidebar and footer.
What Is An Unicom Demo?

An Unicom Demo is a showcase or an example of what’s possible with the Unicom theme. Each demo represents a specific category such as Business, Construction, Shop and more. This is to demonstrate how flexible the theme can be. These demos are fully completed and built by professional designers using our advanced network of options alone. No customizations needed.

How Are Demos Useful?

Unicom demos can be useful when you don’t know where to begin. If you’re new to building websites, demos can be a great starting point because all the pages and content are laid out for you. You can then go in and tweak it to your liking, or experiment with Unicom’s various capabilities and options.

 

 

Before Importing Unicom Demos

Make sure all the required plugins are installed and activated in your site.

There are four import files that you can prepare and use for your demo imports:

  • Content import – a normal WordPress content export file (XML format)
  • Widgets import (optional) – create that file using the Widget Importer & Exporter plugin (JSON/WIE format)
  • Customizer import (optional) – create that file using the Customizer Export/Import plugin (DAT format)
  • Redux framework import (optional) – create that file using the Redux Framework plugin (JSON format)

 

How To Import Unicom Demos

  • Step 1 – First install and activate ‘One Click Demo Import’ plugin which we have recommended by navigate to ‘WordPress Dashboard > Appearance > Install Plugins’ menu in your admin sidebar.
  • Step 2 – Login to your account in Affapress site and download the demo content files by navigate to ‘My Accounts > Downloads’ menu, find the purchased item ID and click ‘View Details and Downloads’ link then click ‘Data Import’ link and you will get the file you need.

unicom-installation-demos-1

  • Step 3 – Extract the file that you have downloaded earlier, you will get 6 XML files and 1 WIE file.

unicom-installation-demos-2

  • Step 4 – Go to your ‘Appearance > Import Demo Data’ menu.
  • Step 5 – Choose a XML file for content import and choose a WIE file for widget import, then click ‘Import Demo Data’ button only once and wait, it can take a couple of minutes.

unicom-installation-demos-3

Was this helpful? Yes No
1 of 1 users found this section helpful

Options

Unicom is managed through a network of options called Theme Options, Page Options and Page Builder Options. The Theme Options are located in ‘WordPress Dashboard > Theme Options’ and contain a plethora of theme options organized into tabs. These options are all global options which means any option set in Theme Options will affect your entire website. If you want to set more specific options for a particular page or post, you can set them in Page Options, which is located in every page or post. Page Options will only affect the page or post you set them in, and will also override any theme options it overlaps with. Use the Page Options to fine tune your website to just the way you like it. Unicom also has Page Builder Options which are options set inside the individual Builder Elements. These options only affect the Element they’re set in and override any corresponding options set in ‘WordPress Dashboard > Settings > Page Builder’ menu.

 


Unicom Theme Options

Unicom has an advanced Theme Options panel that is loaded with options. It’s powered by Redux Framework that is truly extensible options framework for WordPress themes. Built on the WordPress Settings API, Redux supports a multitude of field types as well as custom error handling, custom field & validation types, and import/export.

The options are organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the number of options Unicom available, we cannot go over them in full detail here. We encourage you to take some time and navigate through each section to familiarize yourself with the options. Go to ‘WordPress Dashboard > Theme Options’ in your WordPress admin to access the Theme Options panel. The Import / Export section makes it easy for you to backup, restore or transfer the Theme Options data when you migrate an installation.

IMPORTANT NOTE
  • Theme Options are fully conditional and will only show the available options based off your current configurations. If you do not see an option, it could be due to a parent option being disabled. We are always adding new options so these screenshots may not reflect the most up to date options.
  • 3rd Party Plugin Options will be labeled and only enabled when you have the corresponding plugin activated. This eliminates irrelevant options to your current setup if not in use.

 


General

To access the General Theme Settings, go to your ‘WordPress Dashboard > Theme Options > General’ menu. You’ll then see the following options:

  • Favicon – Upload a favicon for your site or specify an icon URL directly.
  • Apple Touch Icon (small) – Upload an image for Apple mobile device favicon in small size.
  • Apple Touch Icon (medium) – Upload an image for Apple mobile device favicon in medium size.
  • Apple Touch Icon (large) – Upload an image for Apple mobile device favicon in large size.
  • SEO Default – By default, this theme generates its own SEO meta tags. If you are using another SEO plugin like YOAST or a Facebook plugin, you can turn off this option.
  • Smooth-scroll Effect – Enable smooth effect when page scrolling.
  • Animation-scroll Effect – Enable animated elements when page scrolling.
  • Scroll-up Button – Display Scroll-up button element at the bottom of the page.

unicom-options-theme-general

 


Logo

To access the Logo Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Logo’ menu. You’ll then see the following options:

  • Logo – Upload a logo for your site or specify an image URL directly.
  • Logo White – Upload a white logo for your site or specify an image URL directly.
  • Logo in Wp-Login – Upload a logo to be displayed in Wp-Login page or specify an image URL directly.

unicom-options-theme-logo

 


Layout

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu. You’ll then see the following options:

  • Show Featured Image – Show the featured image in the posts.
  • Post Excerpt – Make posts show an excerpt or show the full post content.
  • Posts Length By – The excerpt or content length by?
  • Posts Length – Set the length of excerpt.
  • Posts Ellipsis – An ellipsis characters in pieces of text.
  • Show Readmore – Choose whether to display or not readmore link at the post archive.
  • Readmore Text – Set a posts readmore link text.
  • Show Pagination – Display post pagination in the global blog pages.
  • Pagination Type – Select the style of pagination you would like to use on the post archive.

unicom-options-theme-layout

 

Header

To access the Header Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Header’ tab. You’ll then see the following options:

  • Header Layout – Choose layout for the site header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6 & 7.
    • Header Background – Choose an image as background for the header section.
    • Header Overlay Opacity – Set opacity value for the header section overlay.
    • Header Heading Text – Set a text for heading title in the header section.
    • Header Sub-Heading Text – Set a text for heading sub-title in the header section.
    • Show Header Button – Display buttons block in the header section.
    • Header Button – Set some buttons to be displayed in the header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.
  • Main Navigation Menu – Choose how the main navigation menu is constructed.
  • Sticky Menu – Keep the main menu sticking at the top of the page.
  • Show Cart Icon in Main Menu – Display shopping cart icon in the top right corner of the main navigation menu.
  • Show Search Icon in Main Menu – Display search icon in the top right corner of the main navigation menu.
  • Show Breadcrumb – Display breadcrumb navigation at the below of the site header.

unicom-options-theme-layout-header

 

Footer

To access the Footer Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Footer’ tab. You’ll then see the following options:

  • Footer Layout – Choose layout for the site footer.
  • Show Widgets – Display widgets block in the footer section.
  • Footer Widgets – Number of columns used to display widgets block.
  • Footer Logo – Upload a logo for your footer site or specify an image URL directly.
  • Copyright Text – Set a text for site copyrights and place in the footer section.

unicom-options-theme-layout-footer

 

Homepage

To access the Homepage Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Homepage’ tab. You’ll then see the following options:

  • Show Posts From All Categories – Homepage will display posts from all categories.
  • Categories to Show Posts – “Show Posts From All Categories” field must be Off.
  • Show Sticky Posts – Display all sticky posts at the beginning of the page.

unicom-options-theme-layout-homepage

 

Archive

To access the Archive Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Archive’ tab. You’ll then see the following options:

  • Override Global Header Settings – Enable this field if you want to use the header settings below!
  • Header Layout – Choose layout for the archive page header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6 & 7.
    • Header Background – Choose an image as background for the header section.
    • Header Overlay Opacity – Set opacity value for the header section overlay.
    • Header Heading Text – Set a text for heading title in the header section.
    • Header Sub-Heading Text – Set a text for heading sub-title in the header section.
    • Show Header Button – Display buttons block in the header section.
    • Header Button – Set some buttons to be displayed in the header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.
  • Show Breadcrumb – Display breadcrumb navigation at the below of archive page header.
  • Layout – Select which layout model you want for the archive page.
  • Fullwidth Container – Pull the container to have 100% screen width.
  • Show Pagination – Display post pagination in the archive page.
  • Override Global Footer Settings – Enable this field if you want to use the footer settings below!
  • Footer Layout – Choose layout for the archive page footer.
  • Show Widgets – Display widgets block in the footer section.
  • Footer Widgets – Number of columns used to display widgets block.

unicom-options-theme-layout-archive

 

Portfolio Archive

To access the Portfolio Archive Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Portfolio Archive’ tab. You’ll then see the following options:

  • Override Global Header Settings – Enable this field if you want to use the header settings below!
  • Header Layout – Choose layout for the portfolio archive page header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6 & 7.
    • Header Background – Choose an image as background for the header section.
    • Header Overlay Opacity – Set opacity value for the header section overlay.
    • Header Heading Text – Set a text for heading title in the header section.
    • Header Sub-Heading Text – Set a text for heading sub-title in the header section.
    • Show Header Button – Display buttons block in the header section.
    • Header Button – Set some buttons to be displayed in the header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.
  • Show Breadcrumb – Display breadcrumb navigation at the below of portfolio archive page header.
  • Filter Menu – Display the portfolio filter menu at the top of portfolio archive page.
  • Centered Filter Menu – Display portfolio filter menu in the center of the page.
  • Fullwidth Container – Pull the container to have 100% screen width.
  • Layout – Select which layout model you want for the portfolio archive page.
  • Masonry Layout – Enable masonry layout for “Layout 2 & 3”
  • Columns – Number of columns used to display posts in the portfolio archive page.
  • Columns Space – Used for “Layout 2 & 3”
  • Posts to Show – Number used to display posts in the portfolio archive page.
  • Show Pagination – Display post pagination in the portfolio archive page.
  • Override Global Footer Settings – Enable this field if you want to use the footer settings below!
  • Footer Layout – Choose layout for the portfolio archive page footer.
  • Show Widgets – Display widgets block in the footer section.
  • Footer Widgets – Number of columns used to display widgets block.

unicom-options-theme-layout-portfolio-archive

 

Shop

To access the Shop Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Shop’ tab. You’ll then see the following options:

  • Override Global Header Settings – Enable this field if you want to use the header settings below!
  • Header Layout – Choose layout for the shop page header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6 & 7.
    • Header Background – Choose an image as background for the header section.
    • Header Overlay Opacity – Set opacity value for the header section overlay.
    • Header Heading Text – Set a text for heading title in the header section.
    • Header Sub-Heading Text – Set a text for heading sub-title in the header section.
    • Show Header Button – Display buttons block in the header section.
    • Header Button – Set some buttons to be displayed in the header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.
  • Show Breadcrumb – Display breadcrumb navigation at the below of shop page header.
  • Layout – Select which layout model you want for the shop page.
  • Columns – Number of columns used to display products in the shop page.
  • Posts to Show – Number used to display products in the shop page.
  • Show Pagination – Display post pagination in the shop page.
  • Override Global Footer Settings – Enable this field if you want to use the footer settings below!
  • Footer Layout – Choose layout for the shop page footer.
  • Show Widgets – Display widgets block in the footer section.
  • Footer Widgets – Number of columns used to display widgets block.

unicom-options-theme-layout-shop

 

Single

To access the Single Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Single’ tab. You’ll then see the following options:

  • Show Breadcrumb – Display breadcrumb navigation at the below of single post header.
  • Show Featured Image – Display featured image at the top of single post content.
  • Show Categories – Display categories text in the single post meta.
  • Show Tags – Display tags links in the single post meta.
  • Show Social Sharing – Display social sharing buttons at the below of single post content.
  • Show Next/Prev Navigation – Display post navigation at the below of single post content.
  • Show Author Box – Display author info box at the below of single post content.
  • Show Related Posts – Display related posts at the below of single post content.
  • Show Comments – Display comments section at the below of single post content.
  • Show Attachment Comments – Display comments section at the below of single attachment content.

unicom-options-theme-layout-single

 

Portfolio

To access the Portfolio Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Portfolio’ tab. You’ll then see the following options:

  • Show Breadcrumb – Display breadcrumb navigation at the below of single portfolio header.
  • Show Next/Prev Navigation – Display post navigation in the single portfolio title.
  • Show Details – Display post details section in the single portfolio content.
  • Show Date – Display date text in the single portfolio details section.
  • Show Categories – Display categories text in the single portfolio details section.
  • Show Related Posts – Display related posts at the below of single portfolio content.

unicom-options-theme-layout-portfolio

 

Product

To access the Product Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Product’ tab. You’ll then see the following options:

  • Show Breadcrumb – Display breadcrumb navigation at the below of single product header.
  • Show Social Sharing – Display social sharing buttons at the below of single product description.
  • Show Meta – Display post meta at the below of single product content.
  • Show Related Posts – Display related posts at the below of single product content.

unicom-options-theme-layout-product

 

Page

To access the Page Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Page’ tab. You’ll then see the following options:

  • Show Breadcrumb – Display breadcrumb navigation at the below of the page header.
  • Show Featured Image – Display featured image at the top of the page content.
  • Show Comments – Display comments section at the below of the page content.

unicom-options-theme-layout-page

 

Page 404

To access the Page 404 Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Layout’ menu and select ‘Page 404’ tab. You’ll then see the following options:

  • Heading Text – Set a text for the title on 404 error page.
  • Description Text – Set a description text for 404 error page.
  • Show Search Form – Display search form at the below of 404 error page.

unicom-options-theme-layout-page-404

 


Styling

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Styling’ menu. You’ll then see the following options:

  • Theme Color – Choose color which used for the theme global color settings.
  • Primary Global Color – Choose primary color which used for the site text.
  • Secondary Global Color – Choose secondary color which used for the site text.
  • Background Grey Color – Choose background color for element with “bg-grey” class.
  • Background Dark Color – Choose background color for element with “bg-dark” class.

unicom-options-theme-styling

 


Typography

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Typography’ menu. You’ll then see the following options:

  • Primary Font – Choose primary font-family which used for the theme global text.
  • Secondary Font – Choose secondary font-family which used for the theme global text.
  • Body Font Size (Desktop) – Choose font size for the site text in desktop.
  • Body Font Size (Mobile) – Choose font size for the site text in mobile devices.

unicom-options-theme-typography

 


Social Media

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Social Media’ menu. You’ll then see the following options:

  • Facebook – Your Facebook profile/company url.
  • Twitter – Your Twitter profile/company url.
  • Google+ – Your Google+ profile/company url.
  • LinkedIn – Your LinkedIn profile/company url.
  • Instagram – Your Instagram profile/company url.
  • Dribble – Your Dribble profile/company url.
  • Pinterest – Your Pinterest profile/company url.
  • Tumblr – Your Tumblr profile/company url.
  • Youtube – Your Youtube profile/company url.
  • Vimeo – Your Vimeo profile/company url.
  • RSS – Your RSS profile/company url.

unicom-options-theme-social-media

 


Advertisement

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Advertisement’ menu. You’ll then see the following options:

  • Show Single Content Top Ad – Display ad code at the top of single post content.
  • Single Content Top Ad Code – Ad code which will be displayed on all devices.
  • Single Content Top Mobile Ad Code – Replace ad code above with this code on mobile devices.
  • Show Single Content Bottom Ad – Display ad code at the bottom of single post content.
  • Single Content Bottom Ad Code – Ad code which will be displayed on all devices.
  • Single Content Bottom Mobile Ad Code – Replace ad code above with this code on mobile devices.

unicom-options-theme-advertisement

 


Extras

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Extras’ menu. You’ll then see the following options:

  • Show Featured Image in RSS Feed – Display featured image at the top of each post content in RSS Feed.
  • Enable Lightbox – Enable Fancybox popup gallery script on images in the post content.
  • Custom Placeholder Small (150×150) – Upload an image to replace the small placeholder image or specify an image URL directly.
  • Custom Placeholder Medium (300×225) – Upload an image to replace the medium placeholder image or specify an image URL directly.
  • Custom Placeholder Large (1024×768) – Upload an image to replace the large placeholder image or specify an image URL directly.
  • Custom Placeholder Full (1920×1440) – Upload an image to replace the full-size placeholder image or specify an image URL directly.
  • Custom Placeholder 600×400 – Upload an image to replace the custom-size placeholder image or specify an image URL directly.
  • Custom Placeholder 600×600 – Upload an image to replace the custom-size placeholder image or specify an image URL directly.
  • Custom Placeholder 560×700 – Upload an image to replace the custom-size placeholder image or specify an image URL directly.
  • GMaps API Key – Set your GMaps API key to connect with your Google Developers account.
  • Contact Email – Enter your valid email address, it would be used for a place to store all messsages data from the contact form.
  • Empty Fields Error Message – Set an error message for empty fields in the contact form.
  • Email Validation Error Message – Set an error message for email validation in the contact form.
  • Submit Success Message – Set a success message for submit data in the contact form.
  • MailChimp API Key (*) – Set your MailChimp API key to connect with your MailChimp account.
  • MailChimp List ID (*) – Set your MailChimp List ID to connect with your MailChimp List account.
  • Subscribe Error Message – Set an error message for subscribe process.
  • Subscribe Success Message – Set a success message for subscribe process.

unicom-options-theme-extras

 


Custom Code

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Custom Code’ menu. You’ll then see the following options:

  • Enable Custom CSS – Add custom CSS code below to the front-end site.
  • Custom CSS Code – Code to be used for custom CSS.
  • Enable Code for <head> Section – Add custom code below to the front-end site and place before </head> tag.
  • Custom Code – Code to be placed in <head> section.
  • Enable Code for <footer> Section – Add custom code below to the front-end site and place before </body> tag.
  • Custom Code – Code to be placed in <footer> section.

unicom-options-theme-custom-code

 


Import / Export

To access the Layout Theme Settings, go to your ‘WordPress Dashboard > Theme Options > Import / Export’ menu. You’ll then see the following options:

  • Import Options – WARNING! This will overwrite all existing option values, please proceed with caution!
  • Export Options – Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

unicom-options-theme-import-export

Was this helpful? Yes No
1 of 1 users found this section helpful

Posts

Unicom is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog layouts. In addition there are numerous Theme Options and Post Options that allow you to customize how posts are displayed. The Unicom blog is extremely versatile and powerful. There are 3 ways to display your blog posts, we will cover each method as well as describe Blog Post Types, Post Options and Theme Options. The following sections will cover each of these aspects of the blog that are listed below.

 


Creating a Post

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. Unicom offers several blog post types, image, image slideshows, video and more on the way. Each blog post you make can be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.

How To Create A Blog Post
  • Step 1 – Navigate to ‘WordPress Dashboard > Posts’ menu.
  • Step 2 – Click on the ‘Add New’ option to make a new post. Create a title, and insert your post content in the editing field. You can use any of our shortcodes generator inside the post.
  • Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.
  • Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.
  • Step 5 – Click the ‘Featured Image Box’ button, select an image and click the ‘Set Featured Image’ button.
  • Step 6 – Select any number of post options in the ‘Additional Settings’ box.

unicom-posts-create-post

  • Step 7 – Once you are finished, click ‘Publish’ to save the post.

 


Single Post Page

Every blog post you create has has it’s own single post page. The single post page displays the entire blog post, featured images, author details, comments, etc. In this article, we’ll be outline all the relevant sections in a single post page and how you can configure the post page using the global Theme Options and Post Options.

Uploading Featured Image
  • Featured Image Box – For each post you create you can upload one featured image. Unicom provides Featured Image Boxes on the right side of the post editing page and this is where you upload your Featured Image.
Post Meta Information

There are various post meta information that you can add to each post you create. Namely tags, categories and post formats. The Post Format icons will only display if you’re using the ‘Large’ or ‘Medium Alternate’ blog layouts.

  • Categories – Categories are pre-defined taxonomies used to sort content into different sections. This makes it easier for the user to filter relevant Blog posts they’d like to view. On the right side of the page you’ll see the ‘Categories’ box. Here you can assign multiple unique categories to the post. For example, WordPress, Photoshop, and the like. Categories can be clicked by the user to view all posts assigned to that particular category. You can also access and edit Categories from the ‘WordPress Dashboard > Posts > Categories’ menu on your WP admin sidebar.
  • Tags – This is meta information you create to help further define your Blog posts. Underneath the ‘Categories’ box you’ll see the ‘Tags’ box. Here you can add tags to the post. For example, Photography, or Design. Each tag is a meta link that your viewer can click to view posts with the same tags. You can also access and edit Tags from the ‘WordPress Dashboard > Posts > Tags’ menu.
  • Formats – This helps display the type of post you’ve created. For example, if its an Image post, Video post or Gallery post.

 


Post Formats

A post format is a piece of meta information that can be used by a theme to customize its presentation of a post. For these specific layouts in the Unicom theme, we have added custom templates to represent each type of post format: Standard, Video, Quote, Link, Gallery, Audio. When editing a blog post, click on “Screen Options” in the top right corner of your admin to ensure the “Format” box is checked. Once checked, you will see the Format box on the right side that allows you to choose the specific format for the post.

unicom-posts-post-formats

 

Video Post Format

A post that prioritize a video as its featured content and will be placed before the title of the article.

unicom-posts-post-formats-video-1

How To Post Video Post Format
  • Step 1 – Create a new post or edit an existing one.
  • Step 2 – In the ‘Format’ box which located in the sidebar, select the ‘Video’ option.
  • Step 3 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then locate the ‘Post Video Format’ section.

unicom-posts-post-formats-video-2

  • Step 4 – Enter the Youtube or Vimeo embed url into the ‘Video URL’ field. You can find the embed url by clicking the ‘Embed’ option on Youtube, and the ‘Share’ option on Vimeo.

unicom-posts-post-formats-video-3

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Quote Post Format

A post that prioritize a text quote as its featured content and will be placed before the title of the article.

unicom-posts-post-formats-quote-1

How To Post Quote Post Format
  • Step 1 – Create a new post or edit an existing one.
  • Step 2 – In the ‘Format’ box which located in the sidebar, select the ‘Quote’ option.
  • Step 3 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then locate the ‘Post Quote Format’ section.
  • Step 4 – Enter the quote text and name into the ‘Quote Text and Quote Name’ fields.

unicom-posts-post-formats-quote-2

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Link Post Format

A post that prioritize a link url as its featured content and will be placed before the title of the article.

unicom-posts-post-formats-link-1

How To Post Link Post Format
  • Step 1 – Create a new post or edit an existing one.
  • Step 2 – In the ‘Format’ box which located in the sidebar, select the ‘Link’ option.
  • Step 3 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then locate the ‘Post Link Format’ section.
  • Step 4 – Enter the link title and url into the ‘Link Title and Link URL’ fields.

unicom-posts-post-formats-link-2

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Gallery Post Format

A post that prioritize images gallery as its featured content and will be placed before the title of the article.

unicom-posts-post-formats-gallery-1

How To Post Gallery Post Format
  • Step 1 – Create a new post or edit an existing one.
  • Step 2 – In the ‘Format’ box which located in the sidebar, select the ‘Gallery’ option.
  • Step 3 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then locate the ‘Post Gallery Format’ section.
  • Step 4 – Enter the images ids into the ‘Gallery Image IDs’ field.

unicom-posts-post-formats-gallery-2

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Audio Post Format

A post that prioritize an audio as its featured content and will be placed before the title of the article.

unicom-posts-post-formats-audio-1

How To Post Audio Post Format
  • Step 1 – Create a new post or edit an existing one.
  • Step 2 – In the ‘Format’ box which located in the sidebar, select the ‘Audio’ option.
  • Step 3 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then locate the ‘Post Audio Format’ section.

unicom-posts-post-formats-audio-2

  • Step 4 – Enter the Soundcloud embed code into the ‘Audio Embed’ field. You can find the embed code by clicking the ‘Share’ button and select ‘Embed’ tab.

unicom-posts-post-formats-audio-3

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 


Post Options

In addition to all the standard Page Options, Unicom offers several exclusive options for you to use for each individual blog post. When creating or editing a blog post, scroll below the WordPress Content Editor to find the Additional Settings box. Inside that box contain several tabs are all the individual post settings that can be set for each blog post. In addition, we’ve listed the rest of the tabs you will see when editing a post.

unicom-posts-options

 

Main

  • Blog Layout – Choose layout for these single post.
  • Show Entry Title – Display title at the top of these single post content.
  • Override Post Theme Settings – Check this field if you want to enable the post theme settings below!
  • Show Breadcrumb – Display breadcrumb navigation at the below of these single post header.
  • Show Featured Image – Display featured image at the top of these single post content.
  • Show Categories – Display categories text in these single post meta.
  • Show Tags – Display tags links in these single post meta.
  • Show Social Sharing – Display social sharing buttons at the below of these single post content.
  • Show Next/Prev Navigation – Display post navigation at the below of these single post content.
  • Show Author Box – Display author info box at the below of these single post content.
  • Show Related Posts – Display related posts at the below of these single post content.
  • Show Comments – Display comments section at the below of these single post content.

 

Header

  • Override Header Theme Settings – Check this field if you want to enable the post header theme settings below!
  • Header Layout – Choose layout for these single post header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6.
    • Header Background – Choose an image as background for these single post header section.
    • Header Overlay Opacity – Set opacity value for these single post header section overlay.
    • Header Heading Text – Set a text for heading title in these single post header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu for these single post.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu for these single post.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.

 

Footer

  • Override Footer Theme Settings – Check this field if you want to enable the post footer theme settings below!
  • Footer Layout – Choose layout for these single post footer.
  • Show Widgets – Display widgets block in the footer section for these single post.
  • Footer Widgets – Number of columns used to display widgets block for these single post.

 

Formats

  • Post Link Format – A section that is used to perform the settings when your post uses a link format.
    • Link Title – Set a text that will be used for the link title.
    • Link URL – Set an url that will be used for the link url.
  • Post Quote Format – A section that is used to perform the settings when your post uses a quote format.
    • Quote Text – Set a text that will be used for the quote.
    • Quote Name – Set a name that will be used for the quote.
  • Post Video Format – A section that is used to perform the settings when your post uses a video format.
    • Video URL – Set an url that will be used for the video.
  • Post Gallery Format –  A section that is used to perform the settings when your post uses a gallery format.
    • Gallery Image IDs – Set images ids that will be used for the gallery.
  • Post Audio Format –  A section that is used to perform the settings when your post uses an audio format.
    • Audio Embed – Set an embed code that will be used for the audio.

 


Assigned Blog Page

The method we will cover is the standard WordPress method which is setting up an assigned blog or post page. It’s as simple as making a new page, and then telling WordPress to use that page as the post page. Before you can display blog posts, you must first create them.

How To Assign A Post Page
  • Step 1 – Create a new page by navigating to ‘WordPress Dashboard > Pages’ menu. Once here, click the ‘Add New’ button at the top of the page.
  • Step 2 – Input a new name for your page, then find the ‘Page Attributes’ box on right side. Under the Template section, select the ‘Default Template’ option from the dropdown list.
  • Step 3 – You can choose to customize the page using options located under the ‘Additional Settings’ box below the editor. When you’re done, click ‘Publish’ to save the page.
  • Step 4 – To set a page as your main blog page, navigate to ‘WordPress Dashboard > Settings > Reading’ and find the ‘Posts Page’ option, then select the page from the dropdown list. Doing this will automatically pull your blog posts and place them on the assigned page.

unicom-posts-assign-blog

Was this helpful? Yes No
1 of 1 users found this section helpful

Pages

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with our shortcodes generator. There are different page templates to choose from, each serving a purpose to help you build a finished site. The following sections will cover these different topics that are listed below.

 


Creating a Page

Creating pages is the foundation of creating your site. You can create any number of pages for your site and add as much content into them as you’d like. Unicom includes page templates which you can choose from and each template fulfils a specific function. Continue reading below to learn how to create a new page.

How To Create A New Page
  • Step 1 – Navigate to the ‘WordPress Dashboard > Pages’ menu and click the ‘Add New’ option.
  • Step 2 – Give your page a name by entering it in the Title field.
  • Step 3 – Locate the Page Attributes box and set the Parent option and the Page Template option.
  • Step 4 – Add content to your page using the editor field. You can enter text or common HTML markups to add content, or you can click the ‘Page Builder’ tab located in the upper right corner of the editor field to use our Page Builder and add Page Builder elements to the page.
  • Step 5 – Set individual options for the page in the ‘Additional Settings’ box. Settings options here will affect the current page only. If you’d like to set global options for your entire site, then you have to use the Theme Options.

unicom-pages-create-page

  • Step 6 – Once you are finished, click ‘Publish’ to save the page.

 


Page Templates

Unicom includes a few Page Templates that you can choose from. Each Page Template caters to user’s specific needs. For example, if you want a page that is 100% full width of the browser window, then you would select the ‘Fullwidth’ page template. All of this is done in the Pages section of your WordPress admin.

  • Default – This page template uses the default container width.
  • Blank – This is the Blank page template, when you use this, the header and footer will be removed.
    NOTE: This page template support with Page Builder.
  • Blank (Header + Footer) – This is the Blank page template, when you use this, the header and footer will not be removed.
    NOTE: This page template support with Page Builder.
  • Fullwidth – This page template displays your content in full browser width.
  • Left Sidebar – This page template will divide the page into 2 columns, the right column displays the content and the left column displays the sidebar.
  • Right Sidebar – This page template will divide the page into 2 columns, the left column displays the content and the right column displays the sidebar.
How To Select A Page Template
  • Step 1 – Create a new page or edit an existing one.
  • Step 2 – On the right side of the page, you’ll find the ‘Page Attributes’ box.
  • Step 3 – Under the ‘Template’ option, choose your desired Page Template from the dropdown field. To learn more about what each page template is for, please refer to the section above.

unicom-pages-templates

  • Step 4 – Once finished, click ‘Save Draft’ or ‘Publish’

 


Page Options

In addition to all the standard Page Options, Unicom offers several exclusive options for you to use for each individual page. When creating or editing a page, scroll below the WordPress Content Editor to find the Additional Settings box. Inside that box contain several tabs are all the individual page settings that can be set for each page. In addition, we’ve listed the rest of the tabs you will see when editing a page.

unicom-pages-options

 

Main

  • Exclude from Sitemap Page – This page will not be included in the list of pages on the sitemap page.
  • Show Entry Title – Display title at the top of these page content.
  • Override Page Theme Settings – Check this field if you want to enable the page theme settings below!
  • Show Breadcrumb – Display breadcrumb navigation at the below of these page header.
  • Show Featured Image – Display featured image at the top of these page content.
  • Show Comments – Display comments section at the below of these page content.

 

Header

  • Override Header Theme Settings – Check this field if you want to enable the page header theme settings below!
  • Header Layout – Choose layout for these page header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6 & 7.
    • Header Background – Choose an image as background for these page header section.
    • Header Overlay Opacity – Set opacity value for these page header section overlay.
    • Header Heading Text – Set a text for heading title in these page header section.
    • Header Sub-Heading Text – Set a text for heading sub-title in these page header section.
    • Show Header Button – Display buttons block in these page header section.
    • Header Button – Set some buttons to be displayed in these page header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu for these page.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu for these page.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.
  • Show Cart Icon in Main Menu – Display shopping cart icon at the right of main navigation menu for these page.
  • Show Search Icon in Main Menu – Display search icon at the right of main navigation menu for these page.
  • Show Mobile Menu – Display main navigation menu on the mobile device for Header Layout “1 Transparent & 4 Transparent”

 

Footer

  • Override Footer Theme Settings – Check this field if you want to enable the page footer theme settings below!
  • Footer Layout – Choose layout for these page footer.
  • Show Widgets – Display widgets block in the footer section for these page.
  • Footer Widgets – Number of columns used to display widgets block for these page.

 


Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.

How To Set Your Home Page
  • Step 1 – Navigate to ‘WordPress Dashboard > Settings > Reading’ menu.
  • Step 2 – Select ‘A static page’ option.
  • Step 3 – Choose the page you want as your home page from the ‘Homepage’ dropdown list.

unicom-pages-setting-homepage

  • Step 4 – This is also the same spot you select the blog page as the Posts page.
Was this helpful? Yes No
1 of 1 users found this section helpful

Portfolios

Unicom is loaded with options for Portfolio items. It offers many different options for you to present your portfolios, along with several different layout choices. In addition there are numerous Theme Options and Portfolio Options that allow you to configure how portfolios are displayed. The Unicom portfolio is highly versatile and powerful. The following sections below will cover each aspect of the Portfolio page and it’s corresponding items.

 


Creating a Portfolio

After you have made your portfolio page, you need to create portfolios so they will show up on the portfolio pages. Unicom offers several options for portfolios, and with the ability to assign custom categories to each portfolio, you can easily display a set of portfolios based on category. Each portfolio offers several ways to add tags and categories. Categories are the filters you see above the portfolio that allow the viewer to sort the portfolios. Tags are used to add additional meta info to the portfolio. See below for information on how to create portfolios.

How To Create A Portfolio
  • Step 1 – Navigate to ‘WordPress Dashboard > Portfolios’ menu.
  • Step 2 – Click on the ‘Add New’ button to create a portfolio. Insert a title, then insert your portfolio content in the editing field. You can use any of our shortcode generator inside the portfolio.
  • Step 3 – Add Categories from the right side. To assign, check the box next to the Category name. These Categories are the filters above your portfolio images. They allow you to filter different types of projects.
  • Step 4 – Add Tags from the right side. Type the name of the tag in the field and separate multiple tags with commas.
  • Step 5 – Click the Featured Image Box, select an image and click ‘Set Featured Image’
    NOTE: you must upload a featured image to each portfolio for the portfolio to load on portfolio pages.
  • Step 6 – Select any number of options for the portfolio in the ‘Additional Settings’ box.

unicom-portfolios-create-portfolio-1

  • Step 7 – Once you are finished, click ‘Publish’ to save the portfolio.

 


Single Portfolio Page

Each portfolio item you create also generates a corresponding Single Portfolio page. The single portfolio page is the full portfolio and associated content such as featured images, project details, project url text, copyright url text, etc. In this article, we’ll be explaining all the relevant sections in a single portfolio page and how you to configure it to your preference.

Upload Featured Image
  • Featured Image Box – For each portfolio you create you can upload one featured image. Unicom provides Featured Image Boxes in the portfolio editing page and this is where you upload your portfolio or project Featured Image.
Selecting The Column Layout

Each Portfolio you create allows you to set the layout of the Featured Image’s and Content columns. This option is called the ‘Portfolio Layout’ option and you can set it to be No Sidebar or Right Sidebar.

These options are located in ‘Additional Settings > Main’ tab.

  • No Sidebar – This option lets you set the Featured Image to display full width on top of the page, and the Project Description and Details below it in 2 columns. View an example of a No Sidebar layout here
  • Right Sidebar – This option lets you set the Featured Image column on the left side of the screen, and the Project Description and Details column on the right side. View an example of a Right Sidebar layout here

unicom-portfolios-page-1

Project Description

The Project Description section is any content you insert in the WordPress Content Editor. This is usually the text description of the project, but it can also contain any of our elements. This is where you can any descriptive content detailing your project.

unicom-portfolios-page-2

Project Details

The Project Details section contains meta information relating to the project. For No Sidebar layout, the Project Details are placed in a sidebar next to the Project Description. For Sidebar Right layout, they’re displayed below the Project Description. Unicom allows information to be added to the Project Details section. See below for each type of information you can add.

  • Categories – Categories are pre-defined taxonomies used to sort and group content into different sections and making it easier for the user to filter and select the relevant portfolio items they prefer to view. On the right side of the page, you’ll find the ‘Categories’ box. Here you can add unique portfolio categories to the portfolio and portfolios can be assigned to one or more categories. For example, Web DevelopmentWeb Design etc. You can also access and edit Categories from ‘WordPress Dashboard > Portfolios > Categories’ menu.
  • Tags – This is meta information you create to help further define your portfolios. Underneath the ‘Categories’ box you’ll see the ‘Tags’ box. Here you can add tags to the portfolio. For example, Photography, Design etc. Each tag is a meta link that your viewer can click to view portfolios with the same tags. You can also access and edit Tags from the ‘WordPress Dashboard > Posts > Tags’ menu.

These Project Detail options are located in the ‘Additional Settings > Main’ tab.

  • Features – Set some additional information about the features that are offered by this project.
  • Preview Button Text – Set a text for preview button of this project.
  • Preview Button URL – Set an url for preview button of this project.

unicom-portfolios-page-3

 


Portfolio Formats

A portfolio format is a piece of meta information that can be used by a theme to customize its presentation of a portfolio.

 

Slideshow Portfolio Format

A portfolio that prioritize images slideshow as its featured content and will be placed before the title of the article.

unicom-portfolios-formats-slideshow-1

How To Post Slideshow Portfolio Format
  • Step 1 – Create a new portfolio or edit an existing one.
  • Step 2 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then change ‘Portfolio Format’ field to ‘Slideshow’ option.
  • Step 3 – Locate the ‘Portfolio Slideshow Format’ section.
  • Step 4 – Enter the images ids into the ‘Slideshow Image IDs’ field.

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Video Portfolio Format

A portfolio that prioritize a video as its featured content and will be placed before the title of the article.

unicom-portfolios-formats-video-1

How To Post Video Portfolio Format
  • Step 1 – Create a new portfolio or edit an existing one.
  • Step 2 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then change ‘Portfolio Format’ field to ‘Video’ option.
  • Step 3 – Locate the ‘Portfolio Video Format’ section.

unicom-portfolios-formats-video-2

  • Step 4 – Enter the Youtube or Vimeo embed url into the ‘Video URL’ field. You can find the embed url by clicking the ‘Embed’ option on Youtube, and the ‘Share’ option on Vimeo.

unicom-posts-post-formats-video-3

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 

Gallery Portfolio Format

A portfolio that prioritize images gallery as its featured content and will be placed before the title of the article.

unicom-portfolios-formats-gallery-1

How To Post Gallery Portfolio Format
  • Step 1 – Create a new portfolio or edit an existing one.
  • Step 2 – In the ‘Additional Settings’ box which located below the WordPress Content Editor, select the ‘Formats’ tab and then change ‘Portfolio Format’ field to ‘Gallery’ option.
  • Step 3 – Locate the ‘Portfolio Gallery Format’ section.
  • Step 4 – Enter the images ids into the ‘Gallery Image IDs’ field.

unicom-portfolios-formats-gallery-2

  • Step 5 – Click ‘Save Draft’ or ‘Publish’

 


Portfolio Options

In addition to all the standard Page Options, Unicom offers several exclusive options for you to use for each individual portfolio. When creating or editing a portfolio, scroll below the WordPress Content Editor to find the Additional Settings box. Inside that box contain several tabs are all the individual portfolio settings that can be set for each portfolio. In addition, we’ve listed the rest of the tabs you will see when editing a portfolio.

unicom-portfolios-options

 

Main

  • Portfolio Layout – Choose layout for these single portfolio.
  • Show Entry Title – Display title at the top of these single portfolio content.
  • Features – Set some additional information about the features that are offered by these portfolio.
  • Preview Button Text – Set a text for preview button of these portfolio.
  • Preview Button URL – Set an url for preview button of these portfolio.
  • Override Portfolio Theme Settings – Check this field if you want to enable the portfolio theme settings below!
  • Show Breadcrumb – Display breadcrumb navigation at the below of these single portfolio header.
  • Show Next/Prev Navigation – Display portfolio navigation at the below of these single portfolio content.
  • Show Details – Display project details section in these single portfolio content.
  • Show Date – Display date text in these single portfolio details section.
  • Show Categories – Display categories text in these single portfolio meta.
  • Show Related Posts – Display related portfolios at the below of these single portfolio content.

 

Header

  • Override Header Theme Settings – Check this field if you want to enable the portfolio header theme settings below!
  • Header Layout – Choose layout for these single portfolio header.
  • Additional Header Settings – Used to make adjustments on Header Layout 6.
    • Header Background – Choose an image as background for these single portfolio header section.
    • Header Overlay Opacity – Set opacity value for these single portfolio header section overlay.
    • Header Heading Text – Set a text for heading title in these single portfolio header section.
  • Top Nav Menu Left – Choose one that will be displayed at the left of top navigation menu for these single portfolio.
  • Top Nav Menu Left Text – Used for “Text Block” navigation menu.
  • Top Nav Menu Right – Choose one that will be displayed at the right of top navigation menu for these single portfolio.
  • Top Nav Menu Right Text – Used for “Text Block” navigation menu.

 

Footer

  • Override Footer Theme Settings – Check this field if you want to enable the portfolio footer theme settings below!
  • Footer Layout – Choose layout for these single portfolio footer.
  • Show Widgets – Display widgets block in the footer section for these single portfolio.
  • Footer Widgets – Number of columns used to display widgets block for these single portfolio.

 

Formats

  • Portfolio Format – Choose type of post that you use for these single portfolio.
  • Portfolio Slideshow Format – A section that is used to perform the settings when your portfolio uses a slideshow format.
    • Slideshow Image IDs – Set images ids that will be used for the slideshow.
  • Portfolio Video Format – A section that is used to perform the settings when your portfolio uses a video format.
    • Video URL – Set an url that will be used for the video.
  • Portfolio Gallery Format –  A section that is used to perform the settings when your portfolio uses a gallery format.
    • Gallery Image IDs – Set images ids that will be used for the gallery.
Was this helpful? Yes No
1 of 1 users found this section helpful

Widgets

A WordPress Widget is a small block that performs a unique function. Widgets can then be added to widget-ready areas of the theme called widget sections. Unicom has some pre-made widget sections are ready to use. Widgets are a great way to further customize your site.

 


Widget vs Widget Section

It’s important to understand the difference between a widget and a widget section. Please see the below information to help understand the difference between the two.

Widget – A WordPress Widget is a small block that performs a unique function. Unicom includes several custom widgets such as the Affa Posts Tab, Affa Recent Posts, Affa Subscribe and Affa WooCommerce Sorting. In addition, there are several default widgets that WordPress includes such as Recent Posts or Recent Comments. Widgets will always go inside a widget section.

unicom-widgets-widget

Widget Sections – A Widget Section is a container that holds widgets. Widgets must go inside a widget section to be able to display on the site. Unicom includes 6 pre-made widget sections (Page Sidebar, Shop Sidebar, Footer 1 Column, Footer 2 Columns, Footer 3 Columns, Footer 4 Columns). It’s a great way to customize your site.

unicom-widgets-widget-section

 


Pre-made Widget Section

Pre-made widget section are readily created widget sections for certain areas of the theme. Therefore, you don’t need to create a widget section for them, you can simply add widgets to the pre-made widget sections directly. (Footer 1 Column, Footer 2 Columns, Footer 3 Columns, Footer 4 Columns) have pre-made widget sections based on the number of columns you choose to display. You can set how many columns to display for the footer in the ‘WordPress Dashboard > Theme Options > Layout > Footer’ panel.

The 6 Widget Ready Sections in Unicom
  • Footer 1 Column – You can assign widgets to the footer area and displayed into 1 column.
  • Footer 2 Columns – You can assign widgets to the footer area and displayed into 2 columns.
  • Footer 3 Columns – You can assign widgets to the footer area and displayed into 3 columns.
  • Footer 4 Columns – You can assign widgets to the footer area and displayed into 4 columns.
  • Page Sidebar – You can assign widgets to the sidebar area in all pages.
  • Shop Sidebar – You can assign widgets to the sidebar area in shop page.

unicom-widgets-premade-section-1

Assigning Footer Columns Section

You can enable footer columns and select how many to display by going to the ‘Unicom > Theme Options > Footer’ panel. You can display up to 4 columns on your footer.

unicom-widgets-premade-section-2

 


Adding Widgets To Widget Sections

Unicom includes a wide array of custom widgets in addition to the default widgets WordPress offers. All widgets are found in the ‘WordPress Dashboard > Appearance > Widgets’ menu on your WordPress admin panel. There are various customization options and fields for each individual widget, and they are all self explanatory. You can put as many widgets as you want inside of a widget section. Please read below for information on how to add widgets to widget sections.

How To Add Widgets To Widget Sections

Each widget has their own options which you can customize once you assign them to a widget section.

  • Step 1 – Navigate to the ‘WordPress Dashboard > Appearance > Widgets’ menu to access the list of widgets and widget sections. The left hand side shows all the widgets you can use. The right hand side shows all the different widget sections you can add widgets to.
  • Step 2 – Simply drag and drop the widget you’d like to add into your chosen widget section on the right side.
  • Step 3 – To rearrange widgets on a widget section, just drag and drop the widgets into the order you’d like.
  • Step 4 – When finished, make sure to click the ‘Save’ button in the widget editing box to save your changes.

unicom-widgets-adding-widgets

 


Unicom Built-in Widgets

We have equipped Unicom with several built-in widgets which is well integrated with the theme and you can assign it to all widget sections easily. There are 4 built-in widgets such as the Affapress Posts Tab, Affapress Recent Posts, Affapress Subscribe Form and Affapress WooCommerce Sorting.

 

Affapress Posts Tab

Show the recent, popular posts and recent comments from your site.

unicom-widgets-posts-tab

Settings Fields
  • Hide recent posts
  • Recent posts to show
  • Hide popular posts
  • Popular posts to show
  • Hide comments posts
  • Comments to show
  • Show thumbnail

 

Affapress Recent Posts

Show lists of the most recent posts/portfolios.

unicom-widgets-recent-posts

Settings Fields
  • Title
  • Post type
  • Posts to show
  • Columns for portfolio
  • Show thumbnail

 

Affapress Subscribe Form

Display the subscribe form in widget area.

unicom-widgets-subscribe-form

Settings Fields
  • Title
  • Text
  • Automatically add paragraphs

How to Set-up Mailchimp

  • This subscribe form need integration with MailChimp service. To settings the integration you only need to making a few adjustments in ‘WordPress Dashboard > Theme Options > Extras’ menu then go to ‘Subscribe Settings’ section.
  • You must fill ‘MailChimp API Key’ field and ‘MailChimp List ID’ field to make this widget active.
  • To get ‘MailChimp API Key’ you can follow this link http://admin.mailchimp.com/account/api but before that you have to logged to your Mailchimp account.
  • To get ‘MailChimp List ID’, go to your MailChimp account > select one of the list that has been created > go to Settings menu > List name & defaults.

 

WooCommerce Sorting

Display the woocommerce products sorting in widget area.

unicom-widgets-woocommerce-sorting

Settings Fields
  • Title
Was this helpful? Yes No
1 of 1 users found this section helpful

Shortcodes

Before going into explanation of the shortcodes, Affa Toolkit plugin has to be installed and activated in your site. The plugin will provide you with capability to use numerous useful shortcodes. Using these shortcodes you can add various elements, from simple buttons to complex tabbed content to your site.

After installation, the plugin will add several new buttons to WordPress editor toolbar.

 


Insert a Shortcode

The plugin add several new buttons to the editor toolbar, near to ‘Toolbar Toggle’ button. With the help of this button shortcodes can be quickly inserted into editor.

unicom-shortcodes-insert-shortcode-1

Take the folowing steps to insert shortcode:

  1. Press ‘Affapress logo’ button in the editor toolbar.
  2. You can use filter shortcodes by groups. Select the requried shortcode from the list.
  3. Change shortcode settings and content if you want.
  4. Press ‘Insert’ button at the bottom of the screen.

That’s it. Now shortcode is added to the editor.

unicom-shortcodes-insert-shortcode-2

 


List of Shortcodes

Below is list of shortchodes that built-in with Unicom WordPress Theme. Using these shortcodes you can add various elements, from simple buttons to complex tabbed content to your site.

 

Alert

Displays an alert text element.

View Live Sample

Settings Fields

  • Alert type
  • Title text
  • Content text
  • Show the close button
  • Margin
Shortcode Code

 

Background Text

Displays a background text element.

View Live Sample

Settings Fields

  • Background type
  • Content text
  • Margin
Shortcode Code

 

Badge

Displays a badge text element.

View Live Sample

Settings Fields

  • Badge text
  • Badge link URL
  • Open link URL in a new window
  • Content text
Shortcode Code

 

Button

Displays a button link element.

View Live Sample

Settings Fields

  • Title text
  • Button URL
  • Open button URL in a new window
  • Button shape
  • Bordered style
  • Button size
  • Button color
  • Prepend an icon (ex: ion-power)
  • Append an icon (ex: ion-power)
  • Add animation to the icon
  • Button text
Shortcode Code

 

Button Video

Displays a button video element.

View Live Sample

Settings Fields

  • Button layout
  • Title text
  • Button URL
  • Open button URL in a new window
  • Button size
  • Button color
Shortcode Code

 

Buttons Block

Displays buttons block element.

View Live Sample

Settings Fields

  • Alignment
  • Buttons
  • Margin
Shortcode Code

 

Callout

Displays a call-to-action element.

View Live Sample

Settings Fields

  • Callout layout
  • Callout type
  • Title text
  • Content text
  • Margin
  • Additional fields for “Layout 2 & 3”
Shortcode Code

 

Carousel

Displays images carousel element.

View Live Sample

Settings Fields

  • Carousel layout
  • Images
  • Slides to show
  • Open full image when clicked
  • Margin
Shortcode Code

 

Clients

Displays clients logo element.

View Live Sample

Settings Fields

  • Clients row layout
  • Clients
  • Clients to show
  • Carousel enabled for Layout “Simple & Bordered”
  • Margin
Shortcode Code

 

Columns

Generate a row with multiple equal-width columns.

Settings Fields

  • Clients row layout
  • Clients
  • Clients to show
  • Carousel enabled for Layout “Simple & Bordered”
  • Margin

View Live Sample

 

Contact Form

Displays a contact form element.

View Live Sample

Settings Fields

  • Form layout
  • Name field
  • Subject field
  • Submit button text
  • Margin
Shortcode Code

 

Countdown

Displays a countdown timer element.

View Live Sample

Settings Fields

  • Countdown layout
  • End date
  • Margin
Shortcode Code

 

Counter

Displays a number counter element.

View Live Sample

Settings Fields

  • Counter layout
  • Icon
  • Title text
  • Number
  • Number suffix
  • Margin
Shortcode Code

 

Dropcap

Displays a drop cap element.

View Live Sample

Settings Fields

  • Dropcap layout
  • Dropcap color
  • Dropcap text
Shortcode Code

 

Feature

Displays a feature text with icons or images.

View Live Sample

Settings Fields

  • Feature layout
  • Icon
  • Icon style
  • Icon color
  • Icon animation
  • Animation visibility
  • Animation delay in (ms)
  • Image
  • Title text
  • Content text
  • More link text
  • More link URL
  • Open more URL in a new window
  • Margin
Shortcode Code

 

Feature Columns

Displays list of features text in a row.

View Live Sample

Settings Fields

  • Features
  • Margin
Shortcode Code

 

Feature Lists

Displays a feature element with lists item.

View Live Sample

Settings Fields

  • Feature layout
  • Icon
  • Icon animation
  • Animation visibility
  • Animation delay in (ms)
  • Image
  • Title text
  • Content text
  • Feature lists
  • Margin
Shortcode Code

 

Gallery

Displays images gallery element.

View Live Sample

Settings Fields

  • Gallery layout
  • Gallery white-space
  • Images
  • Columns
  • Margin
Shortcode Code

 

Heading

Displays a heading text element.

View Live Sample

Settings Fields

  • Heading text layout
  • Title tag
  • Title text
  • Sub-Title text
  • Margin
Shortcode Code

 

Icon

Displays an icon font element.

View Live Sample

Settings Fields

  • Icon
  • Alignment
  • Title text
  • External link URL
  • Open external link in a new window
  • Margin
Shortcode Code

 

Image Hover

Displays an image with hover effects.

View Live Sample

Settings Fields

  • Image layout
  • Image
  • Title text
  • External link URL
  • Open external link in a new window
  • Additional fields for “Layout 3 & 4”
Shortcode Code

 

Image Layers

Displays an image layers element.

View Live Sample

Settings Fields

  • Image layout
  • Image layer position
  • Images
  • Margin
Shortcode Code

 

Image Lists

Displays an image lists element.

View Live Sample

Settings Fields

  • Images
  • Margin
Shortcode Code

 

Info Lists

Displays an info text lists element.

View Live Sample

Settings Fields

  • Lists
  • Margin
Shortcode Code

 

Label

Displays a text label element.

View Live Sample

Settings Fields

  • Label type
  • Content text
Shortcode Code

 

Links Menu

Displays links menu element.

View Live Sample

Settings Fields

  • Links
  • Margin
Shortcode Code

 

Lists

Displays lists text element.

View Live Sample

Settings Fields

  • Link color
  • Lists
  • Margin
Shortcode Code

 

Map

Displays a Google Map element.

View Live Sample

Settings Fields

  • Latitude
  • Longitude
  • Zoom level
  • Enable draggable
  • Enable scroll wheel
  • Enable double click zoom
  • Show default UI
  • Marker latitude
  • Marker longitude
  • Marker title text
  • Marker content text
  • Frame height (px)
  • Map address
  • Full map URL
  • Open map URL in a new window
  • Margin
Shortcode Code

 

Media

Displays a media video element.

Settings Fields

  • Media URL
  • Width
  • Height
  • jwPlayer url-encoded params
  • Margin
Shortcode Code

 

Modal

Displays a dialog box element.

View Live Sample

Settings Fields

  • Link text
  • Link class
  • Modal size
  • Modal title
  • Modal content
  • Modal close button text
  • Modal submit button text
Shortcode Code

 

Panel Box

Displays a panel box text element.

View Live Sample

Settings Fields

  • Panel box type
  • Title text
  • Content text
  • Margin
Shortcode Code

 

Popover

Displays a pop-up box element.

View Live Sample

Settings Fields

  • Pop-up position
  • Pop-up title text
  • Pop-up content text
  • Popover class
  • Content text
Shortcode Code

 

Portfolios

Displays list of portfolios element.

View Live Sample

Settings Fields

  • Filter menu
  • Centered the filter menu
  • Menu category IDs (comma “,” for separator)
  • Posts layout
  • Masonry layout enabled for “Layout 2 & 3”
  • Columns
  • Columns space
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)
  • Margin
Shortcode Code

 

Posts

Displays list of posts element.

View Live Sample

Settings Fields

  • Posts layout
  • Masonry layout enabled for “Layout 1, 5, 6”
  • Columns
  • Carousel enabled for “Layout 1, 2 Custom 2, 6”
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)
  • Margin
Shortcode Code

 

Pricing

Displays a pricing table element.

View Live Sample

Settings Fields

  • Content table
  • Table contains a recommended column
  • Margin
Shortcode Code

 

Product Custom

Displays a product custom element.

View Live Sample

Settings Fields

  • Product image
  • Title text
  • Sub-Title text
  • Product price
  • Button text
  • Button URL
  • Open button URL in a new window
  • Margin
Shortcode Code

 

Products

Displays list of products element.

View Live Sample

Settings Fields

  • Columns
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)
  • Margin
Shortcode Code

 

Products Categories

Displays list of products categories element.

View Live Sample

Settings Fields

  • Layout
  • Categories to show
  • Order
  • Hide empty categories
  • Show only parent categories
  • Margin
Shortcode Code

 

Progress Bars

Displays a progress bars element.

View Live Sample

Settings Fields

  • Bar layout
  • Title text
  • Percentage
  • Margin
Shortcode Code

 

Quote

Displays a quote text element.

View Live Sample

Settings Fields

  • Quote layout
  • Content text
  • Margin
Shortcode Code

 

Separator

Displays a divider/separator element.

View Live Sample

Settings Fields

  • Separator type
  • Icon
  • Margin
Shortcode Code

 

Slider

Displays images slider element with Slick Slider.

View Live Sample

Settings Fields

  • Images
  • Margin
Shortcode Code

 

Socials

Displays a social media icons element.

View Live Sample

Settings Fields

  • Social icons layout
  • Social icons color
  • Alignment
  • Facebook URL
  • Twitter URL
  • Google+ URL
  • Dribbble URL
  • Instagram URL
  • Pinterest URL
  • LinkedIn URL
  • Vimeo URL
  • Youtube URL
  • RSS URL
  • Open social links in a new window
  • Margin
Shortcode Code

 

Spacer

Displays a white-space element.

Settings Fields

  • Spacer height (in px)
Shortcode Code

 

Subscribe Form

Displays a subscribe form element.

View Live Sample

Settings Fields

  • Form layout
  • Title text
  • Sub-Title text
  • Submit button text
  • Info text
  • Margin
Shortcode Code

 

Table

Displays a simple table element.

Settings Fields

  • Table layout
  • Content table
  • Margin
Shortcode Code

 

Tabs

Displays a tabbed content element.

View Live Sample

Settings Fields

  • Tabs Menu
  • Margin top for tabs menu
  • Tabs Content
  • Margin bottom for tabs content
Shortcode Code

 

Team

Displays a team profile element.

View Live Sample

Settings Fields

  • Team profile layout
  • Avatar image
  • Name
  • Job
  • Description text
  • Facebook URL
  • Twitter URL
  • Google+ URL
  • Dribbble URL
  • Instagram URL
  • LinkedIn URL
  • Open social links in a new window
  • Margin
Shortcode Code

 

Testimonials

Displays testimonials text element.

View Live Sample

Settings Fields

  • Testimonials
  • Margin
Shortcode Code

 

Thumbnail

Displays an image thumbnail element.

View Live Sample

Settings Fields

  • Thumbnail type
  • Image URL
  • Image overlay opacity
  • Add a shadow effect for Layout “Thumbnail 2 & Video”
  • Title text
  • Video link URL
  • Margin
Shortcode Code

 

Toggles

Displays toggles content element.

View Live Sample

Settings Fields

  • Toggles layout
  • Panels
  • Accordion tabs enabled
  • Margin
Shortcode Code

 

Tooltip

Displays a pop-up text element.

View Live Sample

Settings Fields

  • Pop-up position
  • Pop-up title text
  • Tooltip link URL
  • Open link URL in a new window
  • Tooltip class
  • Content text
Shortcode Code

 

Tweets

Displays a recent tweets element.

View Live Sample

Settings Fields

  • Recent tweets layout
  • Twitter username
  • Recent tweets count
  • Margin
Shortcode Code
Was this helpful? Yes No
1 of 1 users found this section helpful

Page Builder

Page Builder by SiteOrigin makes it easy to build responsive grid-based page content that adapts to mobile devices with pixel perfect accuracy. It’s a whole new dimension to content creation that’ll help you create your home, contact, about us or any other page where a linear layout won’t convey your message. It’s a powerful enhancement to the WordPress content editing experience, yet it feels entirely familiar.

 


Setting Up Page Builder

To manage Page Builder’s global settings, navigate to ‘WordPress Dashboard > Settings > Page Builder’, there you’ll find the following tabs.

unicom-builder-setting

 

General

Post Types

Enabled post types will appear under this heading. The default WordPress post types are pages and posts. Other post types might appear depending on the plugins you have activated. For example, if WooCommerce is installed, the products post type will appear. Use the checkbox to enable or disable Page Builder for each post type.

 

Widgets

Widget Title HTML

Use this field to edit the HTML that is outputted before and and after each widget title in Page Builder. {{title}} is replaced with the widget title.

Add Widget Class

Add the widget class to Page Builder widgets. Most themes target this class if theme widget styles are negatively impacting widgets in Page Builder, disable this setting.

Legacy Bundled Widgets

Load legacy widgets from Page Builder One. Suitable for sites using Page Builder One bundled widgets that don’t wish to manually migrate their widget content to the Widgets Bundle.

Recommended Widgets

Display recommend widgets in the Page Builder add widget dialog.

 

Layout

Responsive Layout

Collapse widgets, rows and columns on mobile devices.

Use Tablet Layout

Collapses columns differently on tablet devices. Makes use of the Tablet Width collapse point setting.

Tablet Width

Device width, in pixels, to collapse into a tablet view .

Mobile Width

Device width, in pixels, to collapse into a mobile view .

Row Bottom Margin

Default margin below rows.

Last Row With Margin

Allow a bottom margin in the last row.

Row Gutter

Default spacing between columns in each row.

Full Width Container

The container used when stretching rows to full-width or full-width stretched (full-width has an unconstrained background with constrained content, full-width Stretched has an unconstrained background and content).

 

Content

Copy Content

Copy Page Builder content to the post content. Whenever edits are made in Page Builder, content will be automatically copied to the post content (Visual/Text tabs). This is useful for plugins like Yoast SEO that need to analyze post content. Note that when moving from Page Builder back to the post content (Visual/Text tabs), Page Builder formatting will be lost. This setting won’t change that behaviour.

 


How To Use Page Builder

Page Builder is a WordPress plugin that lets you easily build and edit grid based pages. We made the interface as intuitive as possible, so it wont take you long to get stuck in.

 

Page Builder Interface

First, let’s take a look at the interface. Page Builder adds an extra tab to the standard WordPress editor.

Clicking on this tab brings up the Page Builder interface.

unicom-builder-interface

 

Toolbar

You can use the toolbar to add a widget, add a new row of columns or to load prebuilt layouts.

unicom-builder-toolbar

 

Row Actions

Use these buttons to delete and move a row. The up/down icon acts as a handle to pick up and drag the row up or down.

unicom-builder-row-actions

 

Creating a New Page Using Page Builder

Open a new page by navigating to ‘Pages > Add New’

Click on the Page Builder tab to start creating your content. This tab is connected to your visual editor.

Now, we’re ready to start creating a page with Page Builder.

unicom-builder-create-page

 

Edit an Existing Page Using Page Builder

Open the page you want to edit using Page Builder by navigating to ‘WordPress Dashboard > Pages’ and clicking the page you wish to edit.

If you have not used Page Builder on this page before, it will open in the default visual editor. Click on the Page Builder tab.

Confirm that you’d like to copy the existing content from the visual editor into Page Builder. Any content you create with Page Builder will overwrite the existing content for that page, so we recommend that you copy your content over.

Page Builder copies all of your content to a Visual Editor widget in a single column row. This setup gives you an accurate representation of how your content looked before. Open the Visual Editor widget if you need to access this content.

unicom-builder-edit-page

 

Using Page Builder on Other Post Types

Page Builder works with all post types, not just standard pages. First, navigate to ‘WordPress Dashboard > Settings > Page Builder’. Then, make sure the post type you want to use it for is selected under Post Types.

unicom-builder-post-type

 


List of Widgets

The Unicom widget bundle gives you a collection of widgets that you can use and customize. We obviously focused on creating widgets that work well in Page Builder, but they work in standard WordPress widget areas too.

 

Alert

Displays an alert text element.

Settings Fields

  • Alert type
  • Title text
  • Content text
  • Show the close button

View Live Sample

 

Background Text

Displays a background text element.

Settings Fields

  • Background type
  • Content text

View Live Sample

 

Buttons Block

Displays buttons block element.

Settings Fields

  • Alignment
  • Buttons

View Live Sample

 

Callout

Displays a call-to-action element.

Settings Fields

  • Callout layout
  • Callout type
  • Title text
  • Content text
  • Additional fields for “Layout 2 & 3”

View Live Sample

 

Carousel

Displays images carousel element.

Settings Fields

  • Carousel layout
  • Images
  • Slides to show
  • Open full image when clicked

View Live Sample

 

Clients

Displays clients logo element.

Settings Fields

  • Clients row layout
  • Clients
  • Clients to show
  • Carousel enabled for Layout “Simple & Bordered”

View Live Sample

 

Contact Form

Displays a contact form element.

Settings Fields

  • Form layout
  • Name field
  • Subject field
  • Submit button text

View Live Sample

 

Content Block

Displays a content block element.

Settings Fields

  • Content layout
  • Background image
  • Background overlay opacity
  • Heading title text
  • Heading sub-title text
  • Heading animation
  • Animation visibility
  • Animation delay in (ms)
  • Buttons for “Layout 1, 3, 4”
  • Buttons animation
  • Animation visibility
  • Animation delay in (ms)
  • Images for “Layout 3, 4, 5”

View Live Sample

 

Countdown

Displays a countdown timer element.

Settings Fields

  • Countdown layout
  • End date

View Live Sample

 

Counter

Displays list of counters number element.

Settings Fields

  • Counter layout
  • Lists

View Live Sample

 

Feature

Displays a feature text with icons or images.

Settings Fields

  • Feature layout
  • Icon
  • Icon style
  • Icon color
  • Icon animation
  • Animation visibility
  • Animation delay in (ms)
  • Image
  • Title text
  • Content text
  • Additional fields for Layout “[Left Icon 1, 4] [Center Icon 1, 2, 3, 4, 5] [Boxed Icon 1] [Image Text]”

View Live Sample

 

Feature Columns

Displays list of features text in a row.

Settings Fields

  • Features

View Live Sample

 

Feature Lists

Displays a feature element with lists item.

Settings Fields

  • Feature layout
  • Title text
  • Content text
  • Lists
  • Additional fields for “Layout 1”
  • Image

View Live Sample

 

Feature Row

Displays list of features in a row with 3 columns.

Settings Fields

  • Features 1
  • Feature image
  • Image animation
  • Animation visibility
  • Animation delay in (ms)
  • Features 2

View Live Sample

 

Form Block

Displays a form block element.

Settings Fields

  • Form layout
  • Background image
  • Background overlay opacity
  • Heading title text
  • Heading sub-title text
  • Video button text
  • Video button URL
  • Open button URL in a new window
  • Form heading text
  • Form sub-heading text
  • Form footer text
  • Form fields
  • Form features for “Layout 1”
  • Slides for “Layout 4”

View Live Sample

 

Gallery

Displays images gallery element.

Settings Fields

  • Gallery layout
  • Gallery white-space
  • Images
  • Columns

View Live Sample

 

Heading

Displays a heading text element.

Settings Fields

  • Heading text layout
  • Title tag
  • Title text
  • Sub-Title text

View Live Sample

 

Heading Block

Displays a heading block element.

Settings Fields

  • Title text
  • Sub-Title text
  • Social icons

View Live Sample

 

Image Hover

Displays an image with hover effects.

Settings Fields

  • Image layout
  • Image
  • Title text
  • External link URL
  • Open external link in a new window
  • Additional fields for “Layout 3 & 4”

View Live Sample

 

Image Layers

Displays an image layers element.

Settings Fields

  • Image layout
  • Image layer position
  • Images

View Live Sample

 

Image Lists

Displays an image lists element.

Settings Fields

  • Images

View Live Sample

 

Image Thumbnail

Displays an image thumbnail element.

Settings Fields

  • Thumbnail type
  • Image
  • Image overlay opacity
  • Add a shadow effect
  • Title text
  • Video link URL

View Live Sample

 

Info Lists

Displays an info lists text element.

Settings Fields

  • Lists layout
  • Lists

View Live Sample

 

Links Menu

Displays links menu element.

Settings Fields

  • Links

View Live Sample

 

Lists

Displays lists text element.

Settings Fields

  • Link color
  • Lists

View Live Sample

 

Map

Displays a Google Map element.

Settings Fields

  • Latitude
  • Longitude
  • Zoom level
  • Enable draggable
  • Enable scroll wheel
  • Enable double click zoom
  • Show default UI
  • Frame height (px)
  • Map address
  • Full map URL
  • Open map URL in a new window
  • Markers

View Live Sample

 

Panel Box

Displays a panel box text element.

Settings Fields

  • Panel box type
  • Title text
  • Content text

View Live Sample

 

Portfolios

Displays list of portfolios element.

Settings Fields

  • Filter menu
  • Centered the filter menu
  • Menu category IDs (comma “,” for separator)
  • Posts layout
  • Masonry layout enabled for “Layout 2 & 3”
  • Columns
  • Columns space
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)

View Live Sample

 

Posts

Displays list of posts element.

Settings Fields

  • Posts layout
  • Masonry layout enabled for “Layout 1, 5, 6”
  • Columns
  • Carousel enabled for “Layout 1, 2 Custom 2, 6”
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)

View Live Sample

 

Posts Block

Displays posts block element.

Settings Fields

  • Category IDs (comma “,” for separator)

View Live Sample

 

Pricing

Displays a pricing table element.

Settings Fields

  • Table layout
  • Table columns
  • Table contains a recommended column

View Live Sample

 

Product Custom

Displays a product custom element.

Settings Fields

  • Product image
  • Title text
  • Sub-Title text
  • Product price
  • Button text
  • Button URL
  • Open button URL in a new window

View Live Sample

 

Products

Displays list of products element.

Settings Fields

  • Columns
  • Posts per page
  • Order
  • Category IDs (comma “,” for separator)

View Live Sample

 

Products Categories

Displays list of products categories element.

Settings Fields

  • Layout
  • Categories to show
  • Order
  • Hide empty categories
  • Show only parent categories

View Live Sample

 

Progress Bars

Displays a progress bars element.

Settings Fields

  • Bars layout
  • Bars

View Live Sample

 

Separator

Displays a divider/separator element.

Settings Fields

  • Separator type
  • Icon

View Live Sample

 

Sidebar

Displays a site sidebar section.

Settings Fields

  • Sidebar Name

View Live Sample

 

Slick Slider

Displays images slider element with Slick Slider.

Settings Fields

  • Slider layout
  • Slides

View Live Sample

 

Slider Pro

Displays images slider element with Slider Pro.

Settings Fields

  • Slider layout
  • Slides

View Live Sample

 

Socials

Displays a social media icons element.

Settings Fields

  • Social icons layout
  • Social icons color
  • Alignment
  • Social icons

View Live Sample

 

Subscribe Form

Displays a subscribe form element.

Settings Fields

  • Form layout
  • Title text
  • Sub-Title text
  • Submit button text
  • Info text

View Live Sample

 

Tabs

Displays a tabbed content element.

Settings Fields

  • Tabs layout
  • Centered the tabs menu for Layout “Simple & Bordered”
  • Tabs

View Live Sample

 

Team

Displays a team profile element.

Settings Fields

  • Team profile layout
  • Avatar image
  • Name
  • Job
  • Description text
  • Social icons

View Live Sample

 

Testimonials

Displays testimonials text element.

Settings Fields

  • Testimonials layout
  • Testimonials

View Live Sample

 

Text

Displays a simple text element.

Settings Fields

  • Content text
  • Remove all <p><br> tags

View Live Sample

 

Toggles

Displays toggles content element.

Settings Fields

  • Toggles layout
  • Panels
  • Accordion tabs enabled

View Live Sample

 

Tweets

Displays recent tweets element.

Settings Fields

  • Recent tweets layout
  • Twitter username
  • Recent tweets count

View Live Sample

 


Prebuilt Layouts

Prebuilt layouts allows you to seamlessly create page or post layouts by selecting from any prebuilt layouts included in your theme or by cloning existing page or post layouts. Click on the ‘Prebuilt’ icon to access the prebuilt layouts interface.

 

Theme Defined Layout

If your theme has its own prebuilt layouts, these will be included under the ‘Theme Defined’ link. In this example, the Unicom theme adds a prebuilt layout called Home Business 1.

unicom-builder-theme-defined

Clicking on the prebuilt layout you wish to use will bring up an important confirmation dialogue, indicating that any existing content will be overwritten by the prebuilt layout you have selected. Click ‘OK’ to continue. If you are unhappy with your new layout you can always undo these changes in Page Builders History Browser

 

Duplicating Existing Pages

Prebuilt layouts also lets you duplicate or clone any of your existing pages or posts. You will see any pages you’ve created under the ‘Clone:Pages’ link and posts under the ‘Clone:Posts’ link. To clone a page or post simply click on it and select ‘OK’ on the confirmation screen.

unicom-builder-clone-pages

 


How To Post Page Builder

I’m assuming you’ve already read the ‘Setting Up Page Builder’ section above. This guide will help you with the more advanced concepts of building a page using Page Builder.

 

Adding a Row

Rows form the overall structure of your page layout. These are the first things you will add to your page. To add a row, click on ‘Add Row’

An ‘Add New Row’ dialog will appear.

unicom-builder-add-row

 

Set Row Layout

You can set the row layout by selecting the number of cells in the row, the cell ratio, and the direction to apply that ratio – left or right. Page Builder will update the layout as you change these values, or you can click ‘Set’ to set the layout.

The example below is a 3-cell layout with an even ratio.

unicom-builder-set-row-1

 

Once you’re happy with the layout of your new row, click on ‘Insert’ to add the row to your page.

 

Deleting a Row

To delete a row, hover over the spanner icon in the top right corner above that row. A drop down menu will appear with options to Edit, Duplicate or Delete. Click on ‘Delete Row’ and then confirm this action by clicking on ‘Are you sure?’

unicom-builder-delete-row

 

Editing a Row

To edit an existing row, click on the spanner icon in the top right corner above that row.

This opens the ‘Edit Row’ dialog.

unicom-builder-edit-row

 

Adding a Widget

To add a widget, first activate the row cell to which you wish to add a widget. Once you have selected a row cell, click on ‘+ Add Widget’

If you begin creating your post or page by adding a widget without having first created a row, this will automatically add a single cell row to your page containing the chosen widget.

Clicking the ‘+ Add Widget’ button will open an ‘Add New Widget’ dialog with a table of all available widgets. You can filter the widgets according to their ‘origin, creator’ in this instance, Widgets Bundle Widgets, Page Builder Widgets, WordPress Widgets, and Recommended Widgets. Filter by clicking on each of the links respectively.

unicom-builder-add-widget-1

To select a widget, simply click on it. The widget will now appear in the selected row cell.

unicom-builder-add-widget-2

To move the widget, click, hold and drag it to a new cell. Letting go will position the widget in the chosen cell.

Hovering over the widget will display the widget options, namely Edit, Duplicate or Delete.

unicom-builder-add-widget-3

 

Using the Layout Widget

The Layout Widget gives you the full functionality of Page Builder in a simple widget. This allows you to create complex layouts, nested layouts and bring the power of Page Builder to your sidebars, footers and other widgetized areas.

The example we give below illustrates the complex layout possibilities. We added a Layout Widget to the first column of a two-column row and filled it with placeholder text. To clarify what’s going on, we gave it a blue background (#289BFF)

unicom-builder-layout-widget-1

In the Layout Widget, edit dialog shown below, the background color of the Layout Widget and the text color were adjusted to pink (#FF665F) under the ‘Widget Styles > Design’ Tab.

We added 2 rows – one three-column row and a second two-column row. We filled this layout with placeholder visual editors.

unicom-builder-layout-widget-2

The background colors of the three-column row and two-column row were set to white and light blue (#79B9F1), respectively.

unicom-builder-layout-widget-3

Was this helpful? Yes No
1 of 1 users found this section helpful

Ecommerce

Unicom is compatible with WooCommerce and includes full design integration as well as custom shortcodes. To get started with creating your online shop, you need to install the free WooCommerce Plugin. This documentation on using WooCommerce is the very basic information you need to get started. Please take a look at the important links below that have additional information about using WooCommerce.

 


Setting Up WooCommerce

  • Step 1 – Go to ‘WordPress Dashboard > Plugins’ and locate the WooCommerce plugin.
  • Step 2 – Click the ‘Install’ button.
  • Step 3 – Once it’s finished installing, click the ‘Return to Required Plugins Installer’ link. Find the WooCommerce plugin again then click the ‘Activate’ button.
  • Step 4 – After activating the plugin, the WooCommerce Onboarding Wizard setup will appear. If you’re importing one of our Woo demos, such as Shop Sidebar, Shop No Sidebar, or Shop Custom, you can safely skip this process. To skip, click the ‘Not Right Now’ button. If you’re not importing one of our Woo demos, then click the ‘Let’s Go!’ button to proceed with the setup.

unicom-ecommerce-setting-woocommerce

  • Step 5 – Follow the onscreen prompts and instructions to go through the process and fill in your store’s necessary information. Once finished, you can proceed to creating your first product by clicking the ‘Create Your First Product’ button, or return to the WordPress Dashboard by clicking the link below the setup window.

 


Creating a Product

  • Step 1 – Go to the ‘WordPress Dashboard > Products > Add Product’ menu on your WP Admin sidebar.
  • Step 2 – Enter the name of your product at the top of the page.
  • Step 3 – Enter the product description text into the post content field. This section will display all the product information.
  • Step 4 – In the ‘Product Data’ box, enter all the product details. For example, Price, SKU or Shipping.
  • Step 5 – In the ‘Product Short Description’ box, enter a short description that will display next to your main images.
  • Step 6 – Set your main featured image under the ‘Product Image’ box on the right hand side. This has to be done for every product.
  • Step 7 – To use a gallery of images, insert more images in the ‘Product Gallery’ box.
  • Step 8 – In the ‘Product Categories’ box, enter your product’s categories. In the ‘Product Tags’ box, enter your product’s appropriate tags.

unicom-ecommerce-create-product

  • Step 9 – Once you’ve entered all the necessary date, click ‘Publish’ and the item will now appear on your main shop page.

 


Product Image Size Settings

WooCommerce includes settings to change the size of product images for Catalog images, Single Product images and Thumbnail images. There are specific Unicom settings which work in conjunction with your WooCommerce images sizes. When configuring these image size settings, it’s important to take into account the Unicom theme settings as well. We’ll touch on each of these settings in detail below.

Note: If the images you’re uploading for your products are smaller at the source than the image sizes set in your WooCommerce settings, you may see some visual layout discrepancies on the frontend of the shop pages. This is not a bug. It is simply because your images were too small for WooCommerce settings to affect them. You can think of these settings as a max width and height for your images. Anything below the limit will not be resized.

While setting up your shop, be sure the WooCommerce image size settings and the actual size of your images are considered. In summary, your images should be equal to or larger than your WooCommerce image size settings.

After any changes to your image size settings, you’ll need to regenerate your thumbnails for it to affect images already uploaded to your site. We recommend using the Regenerate Thumbnails plugin. Please see the steps below for details on changing WooCommerce image sizes.

  • Step 1 – Click on the ‘WordPress Dashboard > WooCommerce’ menu on your admin sidebar, and select the ‘Settings’ tab.
  • Step 2 – Click on the ‘Products’ tab at the top of the page. Directly below those menu tabs, switch to the ‘Display’ tab.
  • Step 3 – Under the ‘Product Images’ section, you will find the Catalog Images, Single Product Images, and Product Thumbnails options.

unicom-ecommerce-product-image-1

  • Step 4 – Catalog Image is for your images on the shop page and for shortcodes. Single Product Image is for your images on the single product pages. Product Thumbnail is for your smaller product images used in widgets and the thumbnail gallery below the Single Product Gallery Slider. Enter your desired width and height value. (Note: The height value can be left blank if you want your image height to be automatically scaled with the image’s aspect ratio.) If you’re using the Single Product Gallery Image zoom effect, the Special Notes section below for details on image sizes and setup.
  • Step 5 – When you make changes to the 3 various images sizes and save it, you will need to regenerate thumbnails using the Regenerate Thumbnails plugin. Install the Regenerate Thumbnails plugin and go to the ‘WordPress Dashboard > Tools’ menu, and choose to regenerate your image thumbnails so the new image sizes will be created.
Special Notes on the Zoom Effect
  • WooCommerce Single Product Image Size – The WooCommerce Single Product Image size setting will control the actual size of the image used in the gallery. The larger your image size is set to, the stronger and more detailed your zoom effect will be. Note: If your image size in WooCommerce settings are equal to your WooCommerce Product Gallery Size in Unicom’s theme options, no zoom will be noticed on hover. Additionally, the size of the actual image you upload, will need to be as large or larger than your Single Product Image size setting.
  • Regenerate Thumbnails – After making changes to the WooCommerce Image sizes, be sure to regenerate your thumbnails. Doing so will apply your changed image sizes to images already uploaded on your site. You can use this plugin: Regenerate Thumbnails
Was this helpful? Yes No
1 of 1 users found this section helpful

Translations

Unicom comes with a bunch of included translation features for different kinds of purposes. It is possible to translate every single string that the theme outputs on the frontend to any language you like. This can be done without any additional plugin. Unicom ships pre-translated to English language and there are new ones constantly being added. It also supports full translation capability for backend. This means that our Theme Options panel can be translated to your preferred language.

These amazing set of features make Unicom ready for every kind of project that includes any languages you can think of. The following sections will cover the different areas of translating the theme and using multi-language plugins.

 


Translation Basic

If you are new to translating WordPress, you’re in the right place! In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other than English for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.

In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:

For Pre-WordPress 4.0 versions

To Translate WordPress, Unicom Or Plugins, Follow These Steps.

  • Step 1 – Login to your FTP account and edit the wp-config.php file.
  • Step 2 – In the wp-config.php file, look for WPLANG constant which looks like:

If the constant is not available in the wp-config.php file, please add it anywhere in a new line.

  • Step 3 – Define the WPLANG constructor by adding the ISO Language code of your language. The names consist of locals, a combination of language and regional dialect. For example, if you were translating to Deutsch language, change the WPLANG constant to look like the following code:

NOTE: First 2 characters of a language code define the Language, the last 2 characters define the Country. Click here for more information on the ISO Language Codes.

unicom-translations-basic-1

For WordPress 4.0 and above

To Translate WordPress, Unicom Or Plugins, Just Follow This Step.

  • Step 1 – Change the language in the admin settings screen, ‘WordPress Dashboard > Settings > General > Site Language’, to your desired language.

unicom-translations-basic-2

 


Translating The Theme

Within this section, you’ll find everything you need to localize and internationalize the Unicom theme into your language. It is split into several subsections to help you easily find what you need. The Unicom theme and Affa Toolkit plugin, that are bundled with the theme, are translated separately. Let’s take a look at translating Unicom theme (can also be used for Affa Toolkit plugin)

 

Theme Translation Basics

This section will explain where you can find the files needed for translation and what these files are for.

If your language is not already part of our repository, you can easily create your own translation files. Inside the Unicom main theme folder, you will find a folder called languages. If you have downloaded the Installable WordPress Package file, you will find this file in the languages folder:

  • en_US.po – A list of all the text strings used in the Theme files. These text strings are in the English language, and can contain a translation for each text string.

This file can be used as a starting point to create your own translations, using e.g. a third party tool like POEdit

In order for WordPress to recognize the resulting language files, you must name them accordingly using the ISO Language Codes. For example, if you wanted to translate Unicom to the Deutsch language, the filenames would be de_DE.po and de_DE.mo.

Please see the next sections for detailed instructions on how to do so.

 

The Translation Process

If your language is not already included, the only thing you have to do is to create a new .po file from the original en_US.po located in the languages folder, translate all text strings, then save the .po file with your language code and make sure the corresponding .mo is created, which can be read by WordPress. The next subsection will explain this in detail. If you only want to change translated strings in an included .po file, the same steps apply.

Either you are setting up a completely new language file or you just want to edit translated pre-built language files, the steps to take are easy and more or less the same.

The language files can also be used if you only want to translate a small portion of the theme, or one specific area. You do not have to translate the entire theme, you can choose what you translate inside the en_US.po file. This is the preferred method for translation.

 

How To Edit The .po file With 3rd Party Software

There are different editors out there for the purpose of editing .po and .pot files, but POEdit is easy to use, it is available for all platforms and it is freeware. To download POEdit, follow this link

How To Start A New Language From Scratch
  • Step 1 – Open the en_US.po in POEdit by selecting ‘New from POT/PO file…’. Once it has loaded, you will find all English text strings in the left column called Source Text. Once you add translations, they will show up in the right column under Translation.
  • Step 2 – Choose the line you want to translate. In the lower right section of the POEdit window, you will find a text area where you can add the correct translation.

unicom-translations-edit-po-1

  • Step 3 – When you are done translating all the needed text strings into your desired language, save the file with the theme name and your language code. For example, if you were translating to the Deutsch language, you would save it as de_DE.po. The corresponding .mo file will be auto created.
How To Edit A Pre-Built Language File
  • Step 1 – Open the .po file of your preferred language in POEdit and search for the line you want to change. To do this, select the ‘Edit’ button, then select the ‘Find’ option.
  • Step 2 – In the Search Window, type the text string you are looking for. Once it is selected, replace the text in the ‘Translation’ text area in the lower part of the window with your prefered translation.

unicom-translations-edit-po-2

  • Step 3 – If you’d like to edit another text string, just repeat Steps 1 to 2.
  • Step 4 – Once you’re happy with your translations, ‘Save’ the file. The updated .mo file will be auto created.

 

Updating The Translations Catalogue

Updating the Translations Catalogue usually isn’t required. However, if you want to retain your customized Language file, and new strings have been added to a new version of the theme, then you can choose to update from the .pot file to include the new strings to your current Language file. Another reason why updating the Translation Catalogue might be a good idea is if text strings have been added or edited. You may need to update the catalogue of your existing .po file to reflect these changes.

How To Update From The .po File After A Theme Update in POEdit
  • Step 1 – Open the .po file of the desired language in POEdit.
  • Step 2 – Choose ‘Catalogue’ from the options in the toolbar, then select ‘Update from POT file’ option.

unicom-translations-updating-po-1

  • Step 3 – In the opening file dialog, choose the en_US.po file in ‘unicom/languages/’ folder. The catalogue will then be auto updated with all the new text strings, and your custom ones will be preserved.
  • Step 4 – Don’t forget to ‘Save’ the file once you are done updating and adding translations.
How To Update The Catalogue After Downloading Patches in POEdit
  • Step 1 – After applying patches, open your existing language file in POEdit and click ‘Catalogue’ in the toolbar, then select the ‘Properties’ option.
  • Step 2 – In the opening file dialog, click the Sources Paths tab. Click the ‘New Item’ icon. After that, Set the path to ‘../’ (two periods and a backslash)
  • Step 3 – In the Sources Keywords tab, click the ‘New Item’ icon. First add ‘__’ (two underscores) and then ‘_e’ (an underscore and the letter e)
  • Step 4 – Click ‘OK’ to close the window. Once you’re in the main screen, click ‘Update’ icon. Now POEdit will search for all new strings in Unicom. Once they are imported, you can translate them to your desired language.

 


Help Translating Unicom

We at Affapress value all our users’ input and contributions, and are always listening to them. Thanks to the amount of contributions sent in by our amazing users, Unicom now still ships to one language (English) and counting. If you would like to help translate Unicom, please follow our translation documentation instructions and then submit the files to us through our ticket system. Create a new ticket and include your translated files as an attachment. Our team will receive it and include it in the next theme update that is issued.

Was this helpful? Yes No
1 of 1 users found this section helpful

Extras

Unicom is full of all kinds of features and settings. This section is going to cover the various items such as site optimization, site security, search engine optimization, child theme, hooks and filters.

 


Site Optimization

If your site is not running as fast as you’d like, there could be a few different issues. Our main live demo is a representation of how fast your site should be because it’s our largest and most resource intensive demo. To test this, go to GTMetrix.com and insert our home page url of https://unicom.affapress.com into the main field to test the live score of Unicom. Your own results will vary depending on the items below. This post will outline the common issues that can sow down your site.

1. Plugins – When you have multiple plugins installed and activated on your site, it can slow it down. The more plugins you use, the slower it will be. If you are experiencing a slow site, please disable all the plugins except for the ones that we include with our theme. Disable the extra plugins, then clear your browser cache and see if it speeds it up. Most likely it will, then you can reenable the plugins one by one and check the site speed each time to try and find out if its one specific plugin. Unfortunately there are plugins out there that can slow down your site, if you happen to find one please contact the plugin developer and report it to them.

2. Images / Content – It is very critical that your images be optimized for the web. Having a large image or several of them can drastically slow down your site speed. Do not upload larger images than what is needed. For example, if you have an image that needs to be a featured blog image that will have a sidebar, then the image area is only about 670px wide. Make sure your image is not larger than 670px. We also recommend using an image editing tool like Photoshop to ‘Save For Web’ to optimize images and reduce the overall file size.

A great tool to compress jpegs and png files is Compressor.io, it allows you to easily upload a file and then will auto compress it for you.

3. Server / Hosting – Sometimes slow speed can be a result of your hosting service. Some hosting services used shared hosting which can have an effect on speed. This is a very broad topic but the general idea is that some hosts are better than others. If you have checked the above two items and the site is still slow, the most likely it is a server/hosting issue. Contact your host and discuss it with them.

4. Disable Features You Are Not Using In Theme Options – We include several options to disable features in theme options.

5. Use A Cache Plugin Like W3TC – A cache plugin is necessary for a premium theme,your speed will certainly increase when you use one. We recommend using W3TC becasue we feel it is the best one out there.

 


Site Security

You can find more great info on the WordPress site itself in the Hardening WordPress section of the Codex.

We’ll now turn our attention now to some of the best plugins available for helping you handle some of the heavy lifting around securing your site.

A quick word of warning before we proceed: as with any plugin, there’s a possibility – however remote – that turning on some of the features included within our selections will break or cause errors on your site. They’re generally easier to set up on new installs so, if you’re dealing with a live site, we recommend performing a complete backup before setting anything up.

Let’s look at our selection of five outstanding general WordPress security plugins.

Wordfence Security

Currently the most popular security plugin available for WordPress, Wordfence Security has both free and premium versions. It offers real-time blocking from malicious sources, login security, malware scans, a firewall, support for multi-site, and many other features.

Its monitoring options allow you to scan all of the traffic to your WordPress install in real time and split out humans, bots, login attempts and ‘site not found’ errors.

Wordfence’s main selling point is how it leverages its gigantic base of active users in order to log malicious penetration attempts and block the sources from every other site on its ‘network’. In essence, the software becomes better at preventing attacks as more people install it.

iThemes Security

Formerly known as Better WP Security,  iThemes Security is an established WordPress security solution available in both free and premium versions and should be more than enough to cover most site owner’s bases.

Its features include two-factor authentication with Google Authenticator or Authy, malware scans, forced password expiration dates, file comparison, the ability to temporarily grant admin privileges to other users and detailed logs of users’ actions.

All In One WP Security & Firewall

A solution that lives up to its name. All In One WP Security & Firewall has a friendly interface that shows you a Security Strength Meter, a Security Points Breakdown and the status of critical features such as default usernames, login lockdowns, file permissions and a firewall.

Its features are divided into basic, intermediate and advanced sections for those who prefer fine-tuning and they include account and login security, registration security, database backup, file system protection, blacklisting, firewall functions, brute-force attack prevention and much more.

The plugin is also available in 11 languages making it an excellent option for multilingual sites.

BulletProof Security

Bulletproof Security is a one-stop shop for solving some of the most common security flaws present in WordPress installs. It includes .htaccess protection, login security protocols, automatic database backups, HTTP error logs, authentication cookies expiration and a multitude of other features.

There’s also a professional premium version costing $59.95 which adds real-time file monitoring, intrusion detection & prevention systems, a firewall just for your plugins, anti-spam measures and 16 further separate plugins for modular coverage.

Setup of the plugin can be performed manually or through a one-click wizard that automatically turns every security feature on.

Sucuri Security

Another solid general solution, Sucuri Security provides overall security auditing, file modifications and permissions, malware scanning, blacklists, a firewall, and notifications.

Notifications are delivered via email and you can set a maximum per hour, define a threshold of failed logins from the same IP address before they’re considered malicious, and be alerted of both successful and failed logins and post changes.

 

Single-Purpose Solutions

While our previously mentioned all-purpose plugins are great for most occasions, you may only be interested in securing a particular aspect of your website.

After all, configuring dozens of features can be a real hassle if you’re only interested in getting one particular job done. Here’s a quick round-up of three handy single-purpose solutions.

WP-DB-Backup

WP-DB-Backup is very simple plugin which, as its name implies, allows you to perform backups of your core WordPress database files.

The developer made a conscious choice only to allow the backup of core database files since they’re the primary thing you’ll need to recover if your site is breached or falls over.

phpMyAdmin is required to restore your database from a backup, so make sure your hosting control panel includes it. (we’re 99.9% sure it will, but it never hurts to be careful)

Login Security Solution

Login Security Solution is a simple plugin dedicated – as its name suggests – to securing your login screen. It’s built to detect anomalies within the process such as detecting login attempts made by ‘form-filler’ programs, matching current login attempts to past ones and determining whether an account has been compromised. It can also analyze the strength of your passwords, force users to constantly change them and notify you whenever a breach is attempted.

BBQ: Block Bad Queries

Block Bad Queries is the only member of either of our lists with a perfect review score – impressive even if we’re only talking about 35+ reviews. It’s lightweight, easy to install and does just what it’s supposed to by screening your traffic and blocking bad queries or malicious URL requests.

 

Keep Your Site Safer

Expanding your knowledge is the key to locking down your site and staying calm. Here’s a quick recap of our five essential security measures:

  • Use strong usernames and passwords.
  • Secure your login screen.
  • Understand file and folder permissions.
  • Backup your site.
  • Keep WordPress up to date.

As a site owner or developer, there will always be vulnerabilities and attack vectors to worry about but it’s never been easier to maintain a secure WordPress install than it is today. The platform itself has been considerably hardened over the years and there are excellent plugin solutions such as the ones we outlined above to help you dial in your settings and sleep better at night.

 


Search Engine Optimization

Once you have created a website, you will want your page to be found by users on the web. To ensure that, you need to have search engine optimization (SEO) in place. The theme you choose for your WordPress site can significantly affect your SEO outcomes, so you want to choose one that is ready for SEO. In this article, I’m going to help you puzzle out which requirements a SEO ready WordPress theme has to meet.

 

Why SEO is important

Well, if you have an up and running WordPress website, you’d know how important it is to optimize your website for search engines. It doesn’t matter how beautifully your website is crafted or how you create a website, without proper SEO it isn’t going to work in full pace. An SEO-friendly website has higher chances of appearing on the first page of the search results and drive constant traffic to your website.

SEO has always been the buzzword of the online world. After all, every business wants to have higher rankings and come up on the first Google SERP’s. However, at times, most of us get carried away with search engine optimization. Therefore, the best way is to keep things simple and use a bit of common sense.

Where WordPress offers hundreds of useful SEO plugins that often take care of the common things, there are various other tips and tricks that you can follow to make a difference.

In today’s post, we have compiled a list simple SEO techniques and best practices that you tend to forget. These techniques, if used properly, can make a significant difference as to how your website will be ranked in Google.

 

Set your Permalinks

The URLs of your website pages and posts are called Permalinks. In layman’s language, they are what users use in their address bars to reach to your website and view relevant page. They are also used by other websites and search engines to link to your website.

WordPress comes with a default permalink settings to allow you to change them as per your convenience and needs. These settings can be found in ‘WordPress Dashboard > Settings > Permalinks’ menu.

It is always a best practice to change the default setting to post name i.e. /%postname%/ since it is easy to remember by the users and simple to index by search engines.

Here are a few examples:

Bad Permalink: www.yoursite.com/?p=3423 (Default Option in WP)
Pretty Permalink: www.yoursite.com/this-is-easy-to-read (Post Name Option in WP)
or This: www.yoursite.com/2015/02/this-is-easy-to-read-too(Month and Name Option in WP)

 

Create a sitemap for your website

Your website can contain hundreds of pages and in order to get your web pages indexed by Google, you need to tell Google your website structure. Creating a Google XML sitemap is extremely easy. WordPress offers an extremely useful plugin called Google XML Sitemaps that automatically generates a sitemap of your website which will help search engines to better index your site.

 

Use Google Analytics

Google Analytics is a popular analytic tool developed and offered by Google. It is absolutely free to use and helps you keep track of your website traffic. The tool lets you know about the traffic source, behavior and various other important attributes that will help you better reach your target audience.

Google Analytics helps you perform a number of different chores including locating a 404 error page, examining the behavior of your visitors, source of your traffic, combating referral spam and so much more.

 

Use SEO Plugins

Whether you are new to SEO or an amateur SEO expert, WordPress SEO plugins come handy to accomplish best search engine optimization practices. These plugins allow you to automatically add the desired information instead of manually adding Meta descriptions, SiteMaps, and other important SEO details.

Here are some of the best options available:

WordPress SEO by Yoast Plugin:

Yoast SEO has gained a lot of popularity among WordPress users for a variety of reasons. The plugin helps you pay attention to the focused keyword in a blog post as well as allows you to add meta descriptions, titles, and tags. It even comes with a page analysis feature that helps you improve your content and make it SEO-friendly.

SEO Friendly Images:

SEO friendly images, as the name suggests, helps you optimize your images for search engines while driving a significant amount of traffic from image search engines. SEO Friendly Images allows you to integrate ALT attribute into your images, though you would need to take care of the name of the images.

 

Optimize your media

Media is an important part of any website. However, they can either completely ruin or improve your SEO efforts. How you tag and name your images will determine your SEO. With proper tagging, you are most likely to improve your chances of being ranked higher in image searches.

Just uploading an image with a complex name isn’t a good SEO practice. When uploading an image to your WordPress website, you get an option to change its title, add a small caption, alt text, and description. Leveraging these options can significantly improve your website’s search engine rankings.

 

Make your content Shareable

Social Media has gained a huge popularity over the past few years. Today, almost every web user is active on various social media networks such as Facebook, Twitter, LinkedIn, Google+ and so much more. Making your content shareable allows your readers to share it across different social networks while driving huge traffic to your site.

Adding social sharing buttons to your website not only drives traffic but also improves your website’s credibility.

 

Using Links and Anchor Text Correctly

You probably know that adding links to posts are crucial, but you probably aren’t aware of ways to optimize your SEO efforts in reference to links.

Links to your own posts: A majority of website owners often forget to interlink their posts to other posts on the website. Interlinking your own posts accelerates your SEO efforts as well as improve the user experience on your site. Of course, it is necessary to interlink posts when it’s relevant. Never link merely for the purpose of linking.

Over years, search engines have evolved. They have begun recognizing more metrics for regulating rankings. However, link relevancy is one metric that stood out from the rest, which is determined by both the anchor text and the content of the source page. Before Google’s Penguin update in 2012, anchor text was considered to be the simplest ways for Google to comprehend the relevancy of any site. However, today it has evolved to be a method of getting your site penalized by Google.

But it does not mean anchor text is no longer meaningful.

Google has been keeping an eye at how anchor text is utilized and since it can be ruined, there are certain dos and don’ts of creating an anchor text.

So, this human-powered text is imperative for search engines too to comprehend what the target page is all about.

What is an anchor text?

Let’s understand it with the help of an example. Suppose someone writes a blog post about appropriate landing pages facts. Curious to know the hidden information about it, the writer spends hours or probably days to scan the content written by other writers and opinions of many other users. Let’s assume while reading the information, the writer finds about the psychological effects of using different colors on your landing pages. Excite, he/she will begin writing about it.

Obviously, he/she will link the article back to the original one for authenticity and while linking the post, the writer gets to choose the anchor text for the link pointing to the article.  Now, one can either use ‘click here for more info’ or something relevant such as ‘psychological effects of using colors on your landing pages’

 

Using Correct Heading Tags

In regards to good SEO practices, appropriately using heading tags is extremely crucial. However, if you are just a beginner, you might not be aware of heading tags and how to use them correctly.

You can see heading tags in your editor, and are allowed to choose from heading 1 to heading 6.

But which one to choose? You may ask.

The H1 tag must always be employed for the title of the blog post and it is imperative to keep your H1 clear and informative. Your title should tell your readers what exactly your content is about and they must be interested in reading the entire content. Once you have used H1 heading correctly, you would want to use H2 tag for additional headings and then H3 and H4 tags for sub-headings and so on.

Using heading tags is not only crucial for best SEO Practices but also for improving user engagement. It gives your users a better idea about your content and captures their attention in no time.

 

Hosting

Everyone might know the fact that Google ranks a site based on page speed in 2016 and beyond. Apart from using regular SEO techniques, one need to use a good and reliable hosting for their sites. One thing that helped us to rank higher than our competitors is using hosting with SSD drives.

 


Unicom Child Theme

A WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme. Continue reading below to learn how to setup your own child theme.

SUPPORT POLICY ON CHILD THEMES
While child themes are a great way to add custom changes to Unicom, there are generally used to customize core code from the parent theme. Because of this, please be aware that customizations of this nature fall outside our scope of support and we will be unable to assist you with issues that may arise from it.

 

What Is A Child Theme?

A child theme is a theme that has all the functionality and styling of another theme called the parent theme, which in our case, is Unicom. Child themes are the recommended way of modifying the code of an existing theme because a child theme preserves all custom code changes and modifications even after a theme update. If you modify code directly from a parent theme, then update the parent theme, your changes will be lost. Always use a child theme if you are modifying core code. Child themes can also be used for a number of things, such as custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are a couple of methods to modify a child theme. Child themes don’t guarantee that an update of custom code on the parent theme will not require further maintenance. This is especially true if you copy files from the parent theme to your child theme.

 

Downloading and Installing Unicom Child Theme

Before anything else, you must first download and install the Unicom child theme to begin making your customizations. The Unicom child theme comes with downloading ‘Unicom Child Theme’ file from Affapress, and the method of installing it is exactly the same as installing the Unicom theme. Please follow the detailed steps below on how to download and install the Unicom child theme.

How To Download Unicom Child Theme
  • Step 1 – Login to your Affapress account and go to your Downloads tab.
  • Step 2 – Locate your Unicom purchase, and click Download. Choose the ‘Unicom Child Theme’ option.

unicom-general-downloadable

  • Step 3 – Once the .zip file is finished downloading, locate it on your computer and you will see an unicom-child.zip file.
  • Step 4 – You must first install Unicom.zip file because that is the parent theme. Once that’s done, you can then install the child theme which follows the exact process of installing the parent theme. Choose to install the theme zip files via WP upload or via FTP upload.

 

3 Methods Of Modifying A Child Theme

There are a couple of methods you can use to modify a child theme, but we’ll only be explaining 3 methods of modification. These methods are copying files from a parent theme, pluggable functions, and actions and filters. To learn more about each one, please continue reading below.

Method 1: Copying Files From Parent Theme

Copying files from the parent theme to child theme is a common method to make code customizations. This is the easiest method available but there are limitations to it. Due to the limitations, we recommend only modifying the files inside the templates folder from the parent theme into the child theme.

  1. You can only copy some files to the child theme. In Unicom, we have made a decision to make sure that core logical code which can break the theme is not copied in the child theme. This includes the files inside the includes folder.
  2. It is not update-safe (sometimes). Whenever we make major changes to a certain file e.g. header.php in the parent theme, you’ll have to copy the theme file from parent theme again and apply the customizations again. If you don’t do this, there’s a chance that the related feature might not work anymore.
Method 2: Pluggable Functions

Pluggable functions are PHP functions that can be changed inside a child theme or a even a plugin. If a function is wrapped inside a function_exists call within the parent theme, you can create the same function in the child theme which will overwrite the original function from the parent theme. You can copy the function in functions.php of the child theme and modify the output of page title bar contents within the child theme.

Method 3: Actions and Filters

The correct and safe way of updating or modifying theme functions within a child theme is using actions and filters. Apart from the actions and filters built-in within Unicom, you can use the default WordPress actions and filters to modify the theme’s functionality.

A simple example would be changing the image size generated for blog large layout thumbnails in the Unicom theme. The correct way to re-register within the child theme is to use after_setup_theme action in the child theme functions.php, remove the image size and then re-register the image size.

 


Actions & Filters

Actions and Filters are provided by WordPress to allow your plugin to ‘hook into’ the rest of WordPress; the same concept is used by Unicom to allow hooking into Unicom specific functionality so that you can modify it in a child theme or even a plugin.

 

How To Use a Hook Or A Filter?

So, let’s assume you want to add a banner ad code before the entire header. There are three ways to do that:

1. Edit the parent theme’s code and add the code in the header file.
2. Copy the header file into the child theme and modify the code in that file.
3. Use an action in a child theme’s functions.php

With the #1 and #2 above, there is a high possibility that the edit would be lost during an update. By using an action, you don’t edit or overwrite the core code which is why, your code will rarely need to be changed.

 

How To Add Code Within The Head Section

To add custom javascript code within the head section <head></head>, we need to use the wp_head action in the functions.php of the child theme. Following is an example code:

Filters are similar to the actions but instead of ‘hooking’ into the code, you are simply changing the final output.

 

How To Add Code Before The Closing Body Tag

To add custom javascript code before the closing body tag  </body>, we need to use the wp_footer action in the functions.php of the child theme. Following is an example code:

Was this helpful? Yes No
1 of 1 users found this section helpful
Suggest Edit