OverStrap: Portfolio Documentation

The OverStrap: Portfolio child theme for UnderStrap was built as a lightweight WordPress theme to show off a company's previous work.

It can be however tailored into all sorts of websites such as a visual magazine style website.

If you are having problems with the theme please let us know through a support ticket or by live chat (at the bottom right of the screen). We will do our best to help and have vast experience with WordPress.

OverStrap: Portfolio Mockup

Installation

Before you start your installation make sure you have all the files you need, which you should find in your https://my.wpextend.com/ account.

Once purchased, you can browse into Services and then click the Portfolio service and then in the sidebar a link for "Downloads" will lead you to a page with the main ZIP file that contains everything you need.

Inside your downloaded ZIP file for the Portfolio theme you will find another 2 ZIP files and an XML file for the dummy content.

Start by installing the OverStrap: Portfolio theme (theme ZIP file will be called something like: "understrap-portfolio-1-1") in the normal way and activating it, see this official guide: https://support.wordpress.com/themes/uploading-setting-up-custom-themes/

Now install the custom portfolio plugin we have included as a ZIP file  (called something like: "understrap-portfolio-plugin-1-0") like any other plugin and activating it, the official guide is here: https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation

Then for some great looking Gutenberg gallery's like in the demo install the free WordPress plugin: https://wordpress.org/plugins/block-gallery/ - this adds a bunch of Gutenberg blocks that display gallery on pages and posts like on this demo page: https://demo.hotwpthemes.com/overstrap-portfolio/portfolio/mobile-app/

Lastly, all of our OverStrap themes use the Kirki framework to extend the Customizer system to make editing the theme easier. Go to your WordPress websites Plugins section and click Add New then search for "Kirki" and then install and activate the result: Kirki Customizer Framework

Dummy Content

If you wish to install the dummy demo content to see what the site looks like fully inflated (sometimes its easier to hack away and remove rather than add from scratch) please follow this section:

The demo content is available in the main ZIP file that you downloaded after purchasing the theme in your https://my.wpextend.com account. Its an XML file and can be loaded in using the traditional WP Import tool that is documented here: https://wordpress.org/support/article/importing-content/#wordpress

Running that Import process using the demo content we have supplied should turn your WordPress website into a clone of our demo, although this isn't always the case. If you find the home page doesn't look right then try manually setting up the final few steps in the next section.

Manual Set Up

Even if you import the demo dummy content be sure to check these steps to make sure they are correct:

  • A "Page" exists that has a template assigned to it of "Portfolio"
  • The page that you have created with the "Portfolio" template is set as a home page in settings (guide here: https://support.wordpress.com/pages/front-page/)
  • The Portfolio plugin we bundled with the theme download is installed and active. You should see a new menu tab in /wp-admin/ called Portfolio that you can add new items too

Thats the most important parts done. If you add some portfolio items (if you haven't imported any using the demo import file) in /wp-admin/ for testing and view the front end it should resemble our demo site.

Customizing Using The Customizer

If you installed the Kirki Customizer Framework plugin (which we massively recommend) then you can access new options for this theme in the /wp-admin/ Customize menu.

To access those options, in your /wp-admin/ backend go to Appearance->Customize. It should look something like this:

Explore the different sections and as you play around with the settings the preview on the right should change to reflect the site real time. Your site wont change until you click to save these settings though in case you want to experiment.

  • 5 Users Found This Useful
Was this answer helpful?

Related Articles

OverStrap: Blog Documentation

The OverStrap: Blog child theme for UnderStrap was built as a generic lightweight WordPress theme...

OverStrap: Event Documentation

The OverStrap: Event child theme for UnderStrap was built as a lightweight WordPress theme to act...

OverStrap: Masonry Documentation

The OverStrap: Masonry child theme for UnderStrap was built as a generic lightweight WordPress...

OverStrap: Corporate Documentation

The OverStrap: Corporate child theme for UnderStrap was built as a lightweight WordPress theme to...

OverStrap: Tech Documentation

The OverStrap: Tech child theme for UnderStrap was built as a lightweight WordPress theme to act...