General Setup

Please Note: With Profile version 2+, the theme options are located in the Appearance > Customize section, and managed using the WordPress customizer instead of the Options Framework.

Installation

To install the Profile theme you must first have a working WordPress(.org) installation. For information on installing WordPress, please see Installing WordPress, from the WordPress Codex. Once WordPress has been setup in your hosting environment, you can install your theme one of two ways:

FTP upload: download and un-zip your theme folder, and using the FTP program of your choice upload the theme folder to the ‘../wp-content/themes/’ folder on your server.

WordPress dashboard: download your theme and sign into your WordPress dashboard (e.g., yourdomain.com/wp-admin). Navigate to Appearance > Themes > Add New > Upload, and select your zipped theme folder, click “Install Now”. Once the theme is uploaded you will need to activate it, either with the provided link or under Appearance > Themes.

Note: If you use Safari as your primary browser you may find that your theme folder is not zipped after downloading it. You will need to re-compress your theme folder before proceeding with the second installation process.

Theme License

A theme license is what allows you to have access to ongoing theme updates. By applying the theme license, you will see automatic notifications for all future theme updates in the Appearance > Themes section of the dashboard – this makes updating the theme very easy! If you have not yet applied a license key to your site, please do so by logging into your www.organicthemes.com account and navigate to the Account > Licenses page in order to retreive the theme license. Copy the license key and apply it within the WordPress dashboard section under Appearance > Theme License. Paste the license key in the license field, and click the “Save Changes” and then “Activate License” buttons.

Plugins

The Profile Theme does not require any plugins, but please note that the contact form is powered by Gravity Forms, an excellent premium WordPress contact form plugin (free alternatives include ‘Contact Form 7’ and ‘Jetpack Forms’). If you want to make use of the shop portion of the theme you will need to install WooCommerce.

Demo Content (Optional)

Demo content can be installed using the One Click Demo Import plugin. Upon activating the theme, you will be recommended to install the plugin. Follow these steps to install the demo content:
  1. Install and activate the One Click Demo Import plugin.
  2. Make sure all required plugins are active.
  3. Navigate to Appearance > Import Demo Data within the WordPress admin.
  4. Click the blue “Import” button for the Default Demo Import.
  5. Wait for the import to complete. It may take a few minutes.
  6. Begin editing.

Note: All content, widgets and Customizer options will be imported from the theme demo. Importing demo data will add to any existing content you have already created. Deleting the demo content must be done manually.

Image Dimensions

Theme defined image dimensions are as follows (these can be found in the ‘Theme Setup’ function at the top of your functions.php file):

Logo: 320x320px (Note: There is a max height property of 160px on the logo. We recommend a height of 320px for retina devices)

Featured Image Large: 2400x1800px
Featured Image Medium: 1200x1200px

Main Menu

You can setup and manage your menu under Appearance > Menus, in your WordPress dashboard.  To learn how to create a main menu, click here.

Social Media Menu

You can setup and manage your social menu under Appearance > Menus, in your WordPress dashboard.  Create a new menu, and assign that menu to the Social Menu location. Creating a social menu will automatically add the social icons around your profile image on the homepage (see Homepage Profile Picture section below).  The social menu will also display within the footer on all other pages. To learn how to create a social menu, see the Social Menu section in the following tutorial  here.

Homepage Setup

Settings

The Profile Theme demo homepage uses “A Static Page” setting, within the WordPress dashboard’s Settings > Reading tab. Here, you can also set your home and blog pages. See our ‘Reading Settings‘ tutorial for more information.

Header Image And Video

You can upload a header background image of your choosing under Appearance > Header, in your WordPress dashboard. To add a video header, simply navigate to Appearance > Customize > Header Media, then copy and paste a YouTube video URL in the header video field. (Note: Due to WordPress limitations, header videos will not display on mobile, so make sure to also apply a header image as a default for mobile devices.)

Homepage Profile Picture

The profile picture on the homepage is added within the customizer by navigating to Appearance > Customize > Site Identity > Select Logo. You can use the Logo Size bar to adjust your profile image size. The round style is built-in using CSS, so no image manipulation is necessary before uploading.

Home Featured Content

You can add a section of featured text on the homepage, by adding text within the main content editor of the page with the “Home” template applied. The page title and text within a published page with “Home” template applied, will display on the homepage below the header area and twitter feed, like this:

This is an example of home featured content on the homepage.

Homepage Twitter Feed and Social Icons

Social media links are added by creating a social menu within the Appearance > Menus section (see “Social Media Menu” section under General Setup above). Create a new menu, and assign that menu to the Social Menu location. Click here to learn how to create a main or social menu (custom menus).

The Twitter feed can be setup under Appearance > Customize > Theme Options > Social Media > Twitter Username. Note: This feature displays only recent tweets, so if you haven’t tweeted in awhile, you may not see anything displayed.

Homepage Widgets

Widgets can be added to your homepage by navigating to Appearance > Widgets > Home Page Widgets. You can drag and drop widgets from the left side widget options into the Home Page Widgets section on the right. The homepage of the Profile Theme demo has incorporated the Organic Testimonials Widget, for example. This method is the same for adding Footer Widgets and Default Sidebar Widgets, too. (Note: This feature requires the Organic Customizer Widgets plugin.)

Page Templates

Slideshow

An image slideshow can be added to the top of a page using the Slideshow page template. See an example here.
If using the classic editor: Within the page editor, add a gallery by selecting Add Media > Create Gallery. Select your images, then click the blue “Create A New Gallery” button.

This screenshot displays how to add a slideshow gallery using the classic WordPress editor

If using the Gutenberg editor: You will need to add the slideshow gallery by using the Shortcodes block, and listing the image ID numbers within the shortcode. You can find the image number by selecting “Media” in the dashboard, then clicking on an image. The number displayed within the URL at the top is the image number. The following Codex page explains the Gallery Shortcode in greater detail: https://codex.wordpress.org/Gallery_Shortcode. It should look like this:

This is an example of a Gallery Shortcode in a Shortcode block, using the Gutenberg editor

Full Width

This template allows you to display page content or text body at full width. See an example here.

Home

You can add a section of featured text on the homepage, by adding text within the main content editor of the page with the “Home” template applied. The page title and text within a published page with “Home” template applied, will display on the homepage below the header area and twitter feed.