First of all, thank you for buying this theme. To make your experience pleasant, we've added as much info as needed in this documentation.
While we have tried to keep an easy-to-use user interface, we understand that you might have some questions about installing and using our theme. Following is a detailed step-by-step guide to help you with most of the questions or issues that you may be experiencing.
To help you quickly locate what you are looking for, we have created an extensive menu for this document at your left side. Please use it to navigate to the desired section.
Can't find what you need? Contact us via this form. We will respond in the shortest time possible.
There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).
/wp-content/themes/
and place the theme folder inside it.ImportantAfter activation, you will be presented with several plugins that you have to activate. Do not forget to activate them all or not all of the theme features will be available.
ProFrame recommends a few plugins to extend it's functionality. These plugins can be installed automatically from the notification in WordPress Administration Panel (Dashboard). Although, ProFrame will work perfectly without any of these plugins, you may want to extend the theme's features with them.
To import content from our demo!
This plugin will give you a freedom to create custom home page with drag n drop and live preview it!
This plugin enables a Portfolio post type to allows you to display your project.
This plugin enables a contact form.
We have included ProFrame with one-click demo importer feature. You can easily to import content from our demo then you can edit it with your content. But first please install all recommended plugins. Please take a look the Installing Recommended Plugins section to read how to install the plugin.
After that please go to Appearance → Import Demo Data, then click the Import Demo Data button. Depending upon the number of content, images and server speed, the process may take long to complete.
ImportantIn some themes you need to install some of the recommended plugins before importing the demo content such as Jetpack, TJ Team Content, Advanced Custom Fields Pro, WooCommerce, etc.
WordPress child theme allows you change the functionality of the theme without having to edit the original/parent theme template files. If you plan to making any customization, we recommend to create a child theme instead of editing the theme template files. Since the child theme is stored separately, you don't need to redo the changes next time you upgrade the theme.
There's a plugin you can use that will create a child theme from within the WordPress dashboard: http://wordpress.org/plugins/child-theme-configurator/ or you can download ProFrame blank child theme.
You can read more about Child theme on WordPress Codex →
If you are migrating from another theme, then upon activating ProFrame you may find previously added images display strangely with weird aspect ratios and sizes. Don't worry. It is normal. The image thumbnails are required to be recreated using ProFrame's presets.
There is a very easy fix to this issue. Just install Force Regenerate Thumbnails plugin.
The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.
By default, ProFrame styles the site title with pre-defined styles and displays it as Text Logo. If you'd like to upload your custom logo for your site, please follow the steps below:
By default, ProFrame uses Montserrat font as default theme font family. But ProFrame provides an option to change it in case you dont like it. It is easy to change it, please follow the steps below.
Each setting have 2 setting Font name/style/sets and Font family , if you want to change the fonts you need to change both.
Please follow the example steps so you will understand how to use it. First please go to https://fonts.google.com/ then choose font you like by clicking the + button.
Then you will see a small popup window at the bottom, click it. You can customize the font style, for example you need a Regular and Bold style. Click the Customize tab then choose the style, please follow the image below.
After that back to the Embed tab. Copy the data, paste it to the Font name/style/sets and Font family setting in the Customizer. If you confuse, please take a look the 2 picture below
ProFrame provides 2 skin colors, White and Black.
You can setup the layout per post or page. This is done when you add or edit the post or page. There are 4 types layout you can choose
This blog layouts setting will applied to the blog page.
Container layouts is a variation of the theme container. ProFrame provides 3 option to choose:
Elementor is a page builder that fully integrated with ProFrame. After you install and activate it, there is a simple task you need to do.
If you are not familiar enough with Elementor please read their useful documentation https://docs.elementor.com/.
Please take a look at ProFrame demo page. We build 3 pages with Elementor:
We suggest you import our demo to your site, familiarize yourself with Elementor and try to edit the demo content before you setup your real site.
We provide two custom Elementor widgets to display your Projects and custom Slider via Elementor. You can see these custom widgets on General section of Elementor widgets.
All of our themes include a language file to make translating to a different language easy. Inside the theme folder /wp-content/themes/themename/languages
, you'll find a language file named themename.pot
. Or in this theme file named proframe.pot
Before translating the theme, you'll need to make sure WordPress is setup correctly with your locale. Open wp-config.php
and modify the line below.
/**
* WordPress Localized Language, defaults to English.
*
* Change this to localize WordPress. A corresponding MO file for the chosen
* language must be installed to wp-content/languages. For example, install
* de_DE.mo to wp-content/languages and set WPLANG to "de_DE" to enable German
* language support.
*/
define( 'WPLANG', '' );
proframe.pot
in Poedit. Translate as needed.de_DE.po
.
Social Menu
ProFrame supports a social links menu. You can set it through following steps.
Creating Menu