To install this theme you must have a working version of WordPress already installed. For information regarding the installation of the WordPress platform, please see the WordPress Codex :
Here’s how to set up a blog if you’re just starting out:
The following files are what you should have received from your purchase:
• Theme Files (Zipped)
Once there, upload your theme. Activate it.
Gallery Pro Recommended Plugins
Gallery Pro is optimized to work with the following plugins. Before you begin, you will need to install and activate them.
Shop Related Plugins:
Portfolio Related Plugins:
- Genesis Portfolio Pro
- Featured Custom Post Type Widget
- jQuery Masonry Image Gallery
- Responsive Lightbox
Importing Demo Content
NOTE: You must install all of the plugins recommended for this theme before installing the demo content.
If you purchased this theme on Etsy, you should have received a separate folder labeled “demo” with two files, demo.xml and widgets.wie as part of your purchase. You will use those files to import the demo content.
To import the demo content of this theme, look for the folder labeled “demo”. In there you will find two files: one for the demo content (demo.xml), and one for the widgets used in the theme (widgets.wie). In order to import the widgets used in the theme, install the following plugin:
Then navigate to Tools > Import, and run the WordPress Importer. Choose the demo.xml file from the demo folder and click “upload file and import”.
Once that’s complete, you can go to Tools > Widget Importer & Exporter and import the widgets.wie file from the demo folder.
Make sure to assign the author and check the box that says “Download and import file attachments”.View FAQ
Theme Install Troubleshooting
Here are a few things to check:
-Make sure you are uploading the .zip files (sometimes computers will automatically unzip when you download them- if so, re-zip them)- I think this is your problem!!
-Make sure you upload the genesis.zip file FIRST and activate it
-Next, upload the theme.zip file (this will be labeled deco.zip, marble.zip, etc. depending on which theme you bought) and activate it (your theme will not work unless they are uploaded in this order)
-If you have uploaded the theme a couple of times and it has renamed it to theme-1.zip, it also will not work (same goes for Genesis). You need to delete the multiple copies and upload the original one- the theme.zip one. This goes for Genesis too.
-If you already have another theme installed that is the same name as the Bloom Blog Shop theme (e.g.: Lovely, Deco, or Marble), you’ll have to delete it before uploading this new theme or else it won’t work.
-Make sure you are NOT using wordpress.com. Custom themes don’t work with wordpress.com sites- only self-hosted wordpress.org sites as stated in all my theme descriptions 🙂
How do I re-zip the theme files if my computer unzipped them automatically?
On a mac, right click and select the compress option. On any other computer, please google how to.View FAQ
Customize your Theme:
Editing the Header
Add Your Own Logo
To add your own logo to the design, navigate to Appearance > Header > Header Image. Click on the choose image or choose file button to upload your logo. The size for your logo is listed in the text above the button that says “Add New Image.”
(Please note, the below example is an example take from our Classic theme- the size listed for your particular theme will vary!)
Note, you MUST uncheck the checkbox that says “Display Header Text” under the Site Title & Tagline section… or it will all be a jumbled mess 🙂
Adding a Favicon
To add your own favicon, go to Appearance > Header > Site Identity. At the bottom, there is an option to upload your “site icon.” This is your favicon which is your site icon and app icon. Upload a square image at least the size of 512 x 512px.
Setting up the Menu
Once you have added pages to your website, you have to create a new menu and add the pages that you would like to show up. Navigate to Appearance > Menus and click “create a new menu”.
Enter the name of your new menu, add the pages you would like from the left side. To add a page to your menu, select the page from the left side and then click “Add to Menu”.
Once you have created your menu, you must assign it to a location. Check the box that says “Primary Menu.”
To create a sub menu, select the page/category you’d like to add and then drag it to an indented position under whatever menu item you’d like. It’ll “snap” into place and look like this:
To create a Categories drop-down, follow the steps above but first add a custom link called “Categories” to your menu. This is located on the left hand side of your menu page. For the link, add a # in that area. Click “Add to Menu.”
Now, drag your categories to an indented position below the Categories link like this:
Setting up the Footer/Secondary Menu
Go to Appearance > Menus and click “create new menu” (the blue link).
Name it and click “create menu.”
Now add pages to your menu and then check the box for “secondary menu” to assign this menu to be in the footer. And then save your menu. That’s it!
If you want to switch menus so you can edit them, simply click the drop down at the top of the menu page and select the menu you’d like to edit.View FAQ
To customize your colors, go to Appearance > Customize > Colors. Simply choose the colors of your choice by entering the hex code or selecting the color you’d like on the color wheel.View FAQ
Gallery Pro Front Page Setup
There are 4 Widget Areas on the front page.
Front Page 1:
The Front Page 1 widget area in the Gallery Pro theme demo uses one Text widget to display text and a button.
Gallery Pro comes pre-loaded with a default image that is used as the background for the Front Page 1 widget area. You may use this default image or go to Appearance > Customize > Front Page Background Images to upload your own. The default image size is 1600 x 900 pixels. Then go to Appearance > Widgets and add a text widget to the Front Page 1 widget area as shown.
Front Page 2:
The Front Page 2 widget area in the Gallery Pro demo has 4 widgets. The first widget expands the full width and uses the Featured Custom Post Type widget to display Portfolio Items. You may also display pages or posts, using the same plugin.
The layout of this widget area is dynamic to the number of widgets you have activated. The first widget is always full width and the widths of the consecutive widgets will adapt depending on how many widgets are activated. For instance, there are 4 widgets in the Gallery Pro Demo, the first has the portfolio items, and the following three text widgets adapt to a three-column layout. Here is a screenshot of how they are setup in the Gallery Pro Demo.
If you’re wondering where to find the Icons that are used in the demo, you can find them at Ionicons.com.
Front Page 3:
The Front Page 3 widget area is exactly the same setup as the Front Page 1. Follow the same setup as that widget area.
Front Page 4:
The Front Page 4 area is not active in the Gallery Pro Demo. However, it follows the exact same pattern as the Front Page 2 widget areas.
Blog On the Home Page
Gallery Pro has a setting to display the blog on the front page or not. To enable or disable, you can go to Appearance > Customize> Front Page Content Settings. From that page you can set it to “show blog” or “hide blog”.
Front Page 5:
The Front Page 5 widget area is exactly the same setup as the Front Page 1. Follow the same setup as that widget area.
Setting up a Landing Page
To set up a landing page, go to Pages > Add New. Title it “Landing Page” or whatever you’d like. Add your picture and/or text in the body. Next, select full page width under the layout setting below where you added your text. Click Update.
To set your landing page as your home page, go to Settings > Reading.
How to display a Pricing Table / Investment Page
Below is the code to copy and paste into your page. This layout works best for a full-width page layout.View FAQ
How to setup Ninja Forms Contact Form
Simply install the “Ninja Forms” plug-in and activate it. Then, go to Forms > All Forms and copy the shortcode for the form created.
Now create a new page called “contact”, or any name of your choice. Once the page is created you can paste the shortcode onto the page to display the contact form!View FAQ
Add Shop Page
This theme is coded to integrate with WooCommerce. Download and activate the WooCommerce plugin by going to Plugins > Add New.
After you’ve activated the plugin, you will get a notification at the top of your screen asking if you’d like to install pages. Click the button and it will install all the pages you need for an ecommerce site (cart, checkout, account, etc.) You MUST complete this step in order for everything to work.
You can now add Products under Products > Add Products.
To display your products on Shop page, first create a page called shop by going to Pages > Add New. Now on your dashboard, go to WooCommerce > Settings and click on the Products tab and then click on Display from the submenu.
Then, select your page you’d like to be use from your shop page dropdown.
PLEASE NOTE: While this theme is pre-styled to work with WooCommerce, we do not offer support for the plugin itself as it was not developed by us. For further support on WooCommerce, please visit here.View FAQ
How to Download Plug-ins
Navigate to Plugins > Add New, search for a particular plug-in and click “Install Now”. Then, click “Activate.”View FAQ
Adding Share Icons to the Bottom of Your Posts
Adding An About Picture To The Sidebar
To add an about picture to the sidebar, you have to first upload the image to “Media”. Navigate to Media > Add New and select your image from your computer. Once it’s added, click on the edit button next to the image and a lightbox will open. On the right, copy the image URL.
Next, navigate to Appearance > Widgets, and add a “Text” widget to the Primary Sidebar. In the Text widget, place the following text:
Replace YourImageUrl with the URL that you already copied. The final code should look something like this:
Click Save and you’re done!
*This is the same process for adding other pictures or advertisements to the sidebar.
Why isn’t my sidebar picture showing up?
If you have followed the instructions in my theme documentation on how to add a picture to your sidebar and it still isn’t working, delete the quotation marks and then type them in yourself. Sometimes, WordPress doesn’t want to ready copied and pasted quotation marks.View FAQ
Adding Social Media Links to the Sidebar
Adding social media links is simple with a plugin. We recommend Simple Social Icons, which can be downloaded through WordPress. Navigate to Plugins > Add New, search for “Simple Social Icons” and click “Install Now”. Then, click “Activate.”
A widget will be added to Appearance > Widgets. Once there, drag the Simple Social Icons to the Primary Sidebar Area, and configure your settings as you see fit!
Adding an Instagram Slider to Your Sidebar
Install the “Instagram Slider Widget” plug-in and activate it. Go to Appearance > Widgets and drag the Instagram Slider Widget button to the Primary Sidebar. Configure the settings as you please!
Adding Other Widgets To The Sidebar & How to Delete Widgets
To add other widgets to the sidebar, like Search, Categories, or Archives, navigate to Appearance > Widgets. On the left, there is a list of available widgets that come with WordPress. To add them to the sidebar, simply drag them from the list, to the Primary Sidebar Area.
To delete a widget, go to Appearance > Widgets, open up the widget you’d like to delete, and then at the bottom left of the popup box, there will be an option to remove that widget.
Add Read More Button
To add your read more button, simply go to the post you wish to add it to. In your blog post text where you wish the button to show up, click on this button in the toolbar and it will add your read more button.
Note: You have to add a read more button to EVERY post you want a read more button on.
If the Read More button isn’t aligning correctly, click on your post’s text editor option (see upper right corner of above screenshot) and hit enter so the button is spaced like this between the lines of text:
To add a pin-it button, I recommend installing the jQuery Pin-it button widget:
You can use the generic image they provide or upload your own.View FAQ
On your page, select full page width under the layout settings below where you added your text. Click Update.View FAQ
How do I add a “Shop My Post” page/widget?
Those are actually widgets from affiliate companies. You paste the code they give you in the sidebar and at the bottom of your posts! Most bloggers use ShopStyle or RewardStyle. The affiliate companies give you directions on how to do this.View FAQ
Why isn’t my paragraph spacing correct?
Instead of just hitting enter, hit shift + enter. That should fix it! Here’s an article to reference: