Good Looking Blog Pro | Good Looking Themes

Welcome!

Welcome to Good Looking Blog Pro theme’s documentation page!

This documentation talks about how you can install the theme on your WordPress site, how to customize the theme to suit your needs, and a couple of other things that you’ll need to know to get going.

Recommended Server Requirements

Although having WordPress installed in your server is enough to install the theme, we recommend that your server meets the following versions:

PHP version 7.0 or greater.
MySQL version 5.6 or greater OR MariaDB version 10.1 or greater.
HTTPS support

Installing The Theme

Installing the theme is quite straightforward.

Once you purchase the theme, you will receive a ZIP file containing all the theme files. Download and save the ZIP file. We’ll be using it later on.

Step 1. Go to your WordPress dashboard and head over to Appearance > Themes.

Step 2. Inside Themes, click on Add New (plus icon).

Step 3. Click on Upload Theme located near the top right.

Step 4. It will then ask you to choose the ZIP file for the theme. Navigate to and select the ZIP file for Good Looking Blog theme that you downloaded earlier. Once done, click on Install Now.

Step 5. Click on the Activate button after the theme installation finishes.

That’s pretty much it! Reload your website to see the gorgeous theme in action!

Installing Recommended Plugins

Good Looking Blog requires four essential plugins to be installed for some components to work: BlossomThemes Email Newsletter for the Newsletter Section, Customizer Search, Smash Balloon for Instagram Section and Contact Form 7 for contact forms.

To install the plugins, follow the following steps:

Step 1. Go to your WordPress Dashboard. Head over to Plugins > Installed Plugins.

Step 2. On the top it displays a notice, asking you to install the recommended plugins. Click on Begin Installing Plugins.

Step 3. Select all the plugins and choose Install from the dropdown menu. Hit Apply.

Step 4. Head over to the Installed Plugins page once again. Select both the plugins, choose ‘Activate’ in the dropdown, and click on Apply as shown below.

That’s it. The plugins are now installed, activated, and ready to use. You’re all set!

Configuring The Theme

Now that you have the theme successfully installed, time to tweak the customization settings to make it your own!

As with all the other themes from GLThemes, Good Looking Blog theme comes with tons of customization features to truly give you full control over the look of your website.

We’ll be exploring various customization options available in the theme’s customizer in this section.

Header Options

While inside the customizer, navigate to Site Identity to edit settings such as Header title and tagline, add (optional) logo, and add site icon (optional).

Inside Site Identity, you can add a logo via the Select Logo option, change your site’s title in the Site Title option, change the tagline in the Tagline option, change your logo’s width in the Logo Width slider menu, and add a site icon in the Select Site Icon option.

You’ll be able to see the live preview as you edit the options.

Change Homepage Type

Inside the customizer, go to Select your preferred homepage option to change the homepage type

You can select the homepage type of your preference from the Homepage Options dropdown menu.

Change Basic Appearance Settings

You can change the basic appearance of your website through the Appearance Settings option inside the customizer as shown below.

While inside the Appearance Settings option, you can change the Colors, Typography, and Background Image in their respective settings.

Change Website Colors

While inside Appearance Settings, go to Colors.

Available Color Options:

Header Text Color: Color for the header title and subtitle.

Background Color: The color of the hindmost background. Color changed for visibility. Default is #FFFFFF(white).

Primary Color: The major accent color of the theme. Used in places like highlighted buttons, text backgrounds, highlighted links, etc.

Secondary Color: The secondary accent color of the theme. The most used color after Primary Color. Used in some button highlights and places where primary color doesn’t complement well.

Fallback SVG Color: This is the default color of the SVGs which are found missing in the pages.

Change Website Typography

While inside Appearance Settings, go to Typography Settings to change the typography of the website.

Here you can change the Font Family, Font Weight, Font Size, Font Weight, and Text Transform style for Primary, Secondary, H1, H2, H3, H4, H5, and H6 fonts.

Change Background Image

You can add or change the background image of the whole website through Background Image settings inside Appearance Settings. By default, no background image is set.

Click on Select Image and upload the image file to the uploader. After uploading the image, you can choose various Preset to change how the background image displays. You can also manually tweak the position of the background image through the arrow options.

Front Page Settings

The front page is what makes or breaks the first impression of a visitor to your website. In Good Looking Blog Pro, you’ve given numerous options to tweak and customize various sections of the front page.

The Front Page includes the following sections: Banner Section, Popular Posts Section, Blog Posts Section, Newsletter Section, Homepage Advertisement, Featured Video Posts Section, Editors Pick Section, Instagram Section, and Sort Section.

To start customizing the front page, go to Front Page Settings while inside the customizer.

Banner Section

Inside the Banner Section, you can choose between three different Banner types, each with its own options.

Banner Types

You can choose between three options for the Banner type for your front page:

Static/Video CTA Banner

This banner type includes an image or a video as the background banner, banner heading, banner subheading, and Call-To-Action (CTA) buttons.

Customization Options:

Header Video: You can upload a video to use as the background video for the banner. Alternatively, you can also enter a URL for a YouTube video in the given field.

Header Image: This is the background image for the banner. Try to use the recommended image size of 1920×760 pixels for best results. Optimized, small-size images are highly suggested because of their impact on site performance.

Title and Description: Title is the main heading of the banner while Description is the subheading.

CTA Button Label and Link: Use these options to change the label text and the linked URL of the Call-To-Action buttons of the banner.

Banner as Slider

This banner type uses your posts and their content as a slider/carousel.

Customization Options:

Slider Content Style: You can set the slider to use Latest posts, posts from a specific Category, or you can add your own custom pages to display.

If you select Latest Posts, you can set how many posts to cycle through by specifying the number in the Number of Slides slider menu.

If you select Category, you can choose what category of posts to choose from from the Slider Category dropdown menu.

If you choose Pages option, you can add your own pages to cycle through via the Add New Pages button.

Slider Auto: Enable to automatically scroll through the available slider pages/posts. Disable to require user button press to change the slider page.

Slider Loop: Enable to infinitely cycle through the slider pages via looping. Disable to stop the slider as soon as it hits the last slider page.

Slider Animation: Choose among 29 different slider animations. Default is Slide.

Slider Speed: Specify how often the slider changes automatically (in miliseconds). Only effective if Slide Auto option is enabled. Default value is 5000.

Disable Banner Section

Completely removes the banner section.

Blog Posts Section

This section displays all your blog posts. You can rename this section’s heading in the Section Title field.

Newsletter Section

The newsletter section requires BlossomThemes Email Newsletter plugin to be properly set up.

After you properly set up the newsletter using the plugin, you’ll receive a shortcode which you have to put in the field above.

Follow the below steps to set up a basic newsletter using the plugin, and generate a shortcode for it:

Step 1. Login to your WordPress Admin Panel. Provided you already have the plugin installed, go to BlossomThemes Email Newsletter > Add New in the sidebar menu.

Add the title for your newsletter in the Add Title field.

You can configure various settings for your newsletter in the Field Settings. For now, the default values will do for us.

You can also customize the appearance of the newsletter in the Appearance Settings field.

Step 2. After you’ve tweaked the settings to your liking, click on Publish button on the lower left and copy the shortcode.

Step 3. Go back to your Customizer > Front Page Settings > Newsletter Section. Paste the shortcode you just copied in the field.

And there we have it, our own Newsletter section ready to use!

Homepage Advertisement

Adverts are one of the major sources of income for blog websites. With Good Looking Blog Pro, you’ll be able to conveniently place ads on your homepage and you get to decide how to display those ads.

Go to Front Page Settings > Homepage Advertisement.

The advertisements can be placed by adding new blocks. Blocks can be images, text, headings, lists, etc. or a combination of them; you get to choose how the ads are shown!

For this demonstration, we’ll be placing a simple image as the ad banner.

Step 1. Click on the + icon and choose Image in the dropdown.

Step 2. Upload the image using the Upload button. You can also use existing images from your WordPress media library or you can insert the image from a URL.

Once done, you should be able to see the ad banner image below Blogs section (by default). You can rearrange the position of the advertisement block using the Sort Menu, which we’ll get to in a bit.

Featured Videos Section

The Featured Videos section displays the Posts which are marked as “Video” inside the Post editor. You can mark a post as a “Video” as follows:

Step 1. Inside your WP Dashboard, go to Posts. Click on Edit on the post you want to edit. We’ll be editing the post titled First Post for this demonstration.

Step 2. In the sidebar on the right side, click on the Post Format dropdown and set it to Video.

That’s it. Hit Update and your post should now be marked as a “Video” and can be displayed in the Featured Videos section of the homepage.

Now, head back to Front Page Settings > Featured Videos Section.

You can disable or enable the section by toggling the Enable Featured videos button.

You can also rename the section in the Section Title field.

After you have at least one post labeled as a “Video”, you can now choose the Post in the Select Video Post Format field.

Save changes and you should be able to see the post appear in the Featured Videos section.

Editor’s Pick Section

This section highlights the ‘cornerstone’ blog posts, posts that deserve to be seen.

You can change the title of the section in the Section Title field.

You can choose either Posts or Category of posts to display in the Editor Picks Selection dropdown.

Based on whether you selected Posts or Category in the dropdown, you can choose which Posts or Categories to include in the Editor’s Picks Section through Select Editors post option.

For this demo, we’ll select a post named “Best Post #1”.

You can add multiple entries in the field.

Save changes and see the effect live in action.

Note: A better approach would be to add a Category for Editor’s Picks and mark worthy posts with that category. Then, you can use the Category option in the Editor Picks Selection dropdown and choose the Editor’s Picks category you made to include all the deserving posts in the section.

Instagram Section

This section is where you can display your Instagram images.

This will require Smash Balloon Social Feed plugin to be installed. You’ll need to generate “Instagram shortcodes” for each post using the plugin to display it on the section.

If you don’t have the plugin installed, please refer to the Installing Recommended Plugins section to know how to install it.

Once you have the plugin installed, follow the steps to generate Instagram shortcodes and insert them into the section for the Instagram posts to be displayed properly.

Step 1. Log in to your WordPress Dashboard and go to Instagram Feed in the right sidebar.

Step 2. The next step is to connect your Instagram account to this plugin to retrieve the posts. Click on Connect an Instagram Account button. On the next screen where it asks you about what type of account you want to integrate, choose Personal.

Step 3. Sign in with your Instagram account credentials on the Sign-In screen. After you’re successfully logged in, it asks for an Authorization request as shown below.

Click Allow.

Step 4. Click on Connect This Account on the next screen.

Please ensure that your account is successfully integrated with the plugin. The screen should look like this:

You can customize how the Instagram photos are displayed and other few settings in the Customize tab.

But for now, the default customization settings will be sufficient for us.

Step 5. Go to Display Your Feed tab on the plugin page. Copy the shortcode below Display Your Feed.

Step 6. Go to your Customizer. Then go to Front Page Settings > Instagram Section and paste the shortcode you just copied in the Instagram Shortcode field.

That’s it! Ensure that the posts are properly displayed on the homepage. In our case, it’s working wonderfully!

Sort Section

Sort Section settings is where you can arrange all the sections of your homepage. You can choose what order to display the sections and even hide the sections that you don’t want to display.

For the sake of this demonstration, let’s hide the Blog Section and move Instagram Section near the top, right below Popular Posts Section.

Making changes is literally dragging and dropping the tiles and clicking on the eye icon to hide/unhide. The settings, after the changes, looks like this:

And indeed, that’s how our homepage is structured now.

General Settings

General Settings comprises settings that allow you to tweak several aspects of the Header, improve on-site performance via Performance Settings, edit SEO Settings for your website, and a couple of other miscellaneous settings.

We’ll go through each setting and sub-settings inside the General Settings of the customizer and explain what the setting does, how it impacts your website, and where you can see the changes take place.

Header Settings

Header Settings is where you can change the settings of the header of your website. Most of the settings are mostly preferences and are localized, meaning they don’t majorly impact the whole website.

Available Sub-Settings:

Enable Search: Toggle to enable or disable the Search icon and button on the header.

Toggled On:

Toggled Off:

Sticky Header: Toggle to enable or disable the header sticking at the top when you scroll down.

Sticky Header toggled on:

Enable Social Links: Toggle to enable or disable the social link icons/buttons on the header.

Enabled:

Disabled:

Social Links: This option is where you can add, remove and customize the social links present on the header. This option is only effective if you have Enable Social Links turned on.

By default, there are 4 social links. To a new link, click on the Add new links button.

Choose what social media link you want to add from the Social Media dropdown. This will determine what icon will be added.

For the demonstration, let’s add a LinkedIn link. After making necessary changes, click on Publish and there we go!

The links added through this setting also affect the links inside blog posts/Single Post pages.

Post-Page Settings

These settings apply to all the Single Posts on your website, which are generally the blog posts.

Available Sub-Settings:

Hide Prefix in Archive Page: Enable to hide prefixes such as from the titles of the Archive page globally. This setting is specifically for the Archive page. The Archive page is where all your blog posts (Single Page posts) are stored and displayed.

This is what the Archive page looks like when the setting is disabled. Notice the prefix on the Archive title: “Month”.

Let’s enable the setting to see what changes it makes.

And as expected, the prefix is now hidden.

Hide Author, Posted Date, Comments, Post Reading Calculation: Enable these settings to hide Author name, Date of Publishing, Comments and Estimated Reading Calculation on your Single Post pages (blog pages).

This is what the blog post looks like before turning on these settings.

After turning on each of those settings, this is what the same page looks like:

Read Words Per Minute: This value is used to calculate the estimated reading time of the blog post. Requires Hide Post Reading Calculation setting to be disabled.

Related Posts Section Title: You change the Related Posts heading displayed at the end of each blog post by editing this setting.

By default, the text is set to “You might also like”:

Related Post Taxonomy: You can choose to display posts in the “You Might Also Like”/Related Posts section by Tags or Categories through this setting.

SEO Settings

SEO Settings contain a few basic settings for the inner pages/blog posts, that have an effect on the SEO of the website.

Available Sub-Settings:

Enable Last Update Post Date: Toggle to enable or disable “Updated On” date in a single post/blog post.

Enable Breadcrumb: Toggle to enable or disable breadcrumb/directory path inside single posts.

Breadcrumb Home Text: Allows you to change the text for the “Home” link in the breadcrumb. Requires Breadcrumb to be toggled on.

Performance Settings

Performance settings include settings that impact the performance of your website, and in most cases, increases the overall performance of the website.

Do note that some of the settings come with a tradeoff, and you may not be able to use particular features if one or more of the settings are turned on.

Available Sub-Settings:

Lazy Load: Lazy loading is a way of intentionally delaying the load or initialization of resources until the resources are actually needed. Enabling this option will lazy load the featured images, thereby improving load times and conserving bandwidth.

Lazy Load Content Images and Gravatar: Toggling this option on will lazy load content images and gravatar icons, potentially improving site performance.

Defer JavaScript: “Defer” is a boolean attribute in JavaScript.

If this option is enabled, the ‘defer’ attribute is set to TRUE for all JavaScript content on the website, if available. This causes the JavaScript file to be downloaded/loaded asynchronously or in parallel to parsing the page, thereby improving page speed.

Remove ‘var’ parameters:

By default, WordPress adds ‘ver’ (referring to version) parameter at the end of JS and CSS files in HTML tags. This specifies the browser to not cache those files.

Enabling this option will remove ‘ver’ parameters, which tells your browser to cache the JS and CSS files next time you visit the webpage. This can drastically improve the load time and on-site performance due to caching being enabled.

Misc Settings

Misc Settings contains a few other miscellaneous settings that affect various parts of the website.

Available Sub-Settings:

Admin Bar: Toggle to enable or disable the Admin Bar on the top of the screen when you’re logged in to your WordPress backend of the website. The Admin Bar allows you to easily edit pages and customize various parts of the website on-the-go.

Scroll To Top: Toggle to enable or disable the scroll-to-top button at the lower right side of the page. Clicking on the button will automatically scroll to the top of the webpage.

Excerpt Length: If you haven’t manually specified or written an excerpt for a Post, WordPress automatically uses the text from the first paragraph of the post as the excerpt to display it. This setting will allow you to specify how many words of the first paragraph to use as the excerpt, if the excerpt isn’t manually set.

Configuring Layouts

Layouts are essentially how the components are displayed in a particular section or theme component — their positioning, colors, size, etc.

Consider them as themes or presets for theme sections. With different layouts, you can fully revamp and change the look of Headers, Footers, Single Posts, and so forth without having to add any code or use any plugins.

Good Looking Blog Pro comes with numerous layouts for Headers, Sliders, Sidebars, Archives, and Pagination to give you a variety of options to choose from. We’ll be exploring different layouts for each theme component and learn how to customize them.

To start customizing layouts, head over to Layout Settings inside the customizer.

Header Layouts

Good Looking Blog Pro comes with 5 different layout options for the Header section.

We’ll mark each layout numerically from top-down as you see on the screenshot above.

Header Layout #1: Site title and subtitle on the left, Menu Items in the centre, Social Links and Search button on the right.

Header Layout #2: Menu on the left, Site title and subtitle in the centre, Social Links and Search button on the right.

The hamburger menu expands to display the menu items:

Header Layout #3: Social Links on the left, Site title and subtitle in the top-centre, Menu Items in the bottom-centre, Search Button on the right

Header Layout #4 (with advertisement): Advertisement block on the top, Header design similar to Header Layout #1

You can add the advertisement block by following the Click here link below the layout options.

Header Layout #5: Site title and subtitle on the left, Social links on the right, Menu items below Site title and subtitle, Search button below social links. Has two different sections with individual colors.

Note: You can change the colors of the header section in Site Appearance settings. Refer to this section for more info.

Slider Layouts

Good Looking Blog Pro ships with three different Slider layouts you can choose from.

Sliders are only enabled if you have the Banner type of your homepage set to Banner as Slider. Refer to their respective sections for more info about Banner Types and Banner as Slider.

We’ll mark each layout numerically from top-down as you see on the screenshot above.

Slider Layout #1: Default layout. Contains one single image of the post/page with heading, sub-heading, author and date details and navigations arrows below the texts.

Slider Layout #2: Post/Page image on the front, Post details on the cardboard-styled section below the image, Navigation arrows on the sides of the image.

Slider Layout #3: Post image in the middle, Post details on the lower left, Navigation buttons on the sides of the image.

Sidebar Layouts

Page Sidebars

There are 3 layouts for Pages in Good Looking Blog Pro. Pages include any page you create through the Admin Panel or the template pages created by us such as Contact Page, Testimonial Page, etc.

We’ll mark each layout numerically from top-right-down as you see on the screenshot above.

Page Sidebar Layout #1: Sidebar completely disabled.

Page Sidebar Layout #2: Sidebar on the left side of the page.

Page Sidebar Layout #3: Sidebar on the right side of the page.

Note: The Page sample used here is the default Privacy Policy page. All of these layouts look the same on any Page.

Post Sidebars

There are 3 layouts for Posts in Good Looking Blog Pro. Posts include any Post you create through the Admin Panel which is generally a blog post.

We’ll mark each layout numerically from top-right-down as you see on the screenshot above.

Post Sidebar Layout #1: Sidebar completely disabled.

Post Sidebar Layout #2: Sidebar on the left side of the page.

Post Sidebar Layout #3: Sidebar on the right side of the page.

Archive Layouts

Archive is where all of your posts are stored and displayed based on various prefixes such as Date (Month, Year), Author, etc. Consider it as a repository for all of your posts.

Good Looking Blog Pro features 3 layouts for Archive pages.

We’ll mark each layout numerically from top-right-down as you see on the screenshot above.

Archive Layout #1: Posts displayed with large thumbnails with post meta details below the thumbnail.

Archive Layout #2: Posts displayed with medium-sized thumbnails. Post meta details shown to the right of the thumbnail.

Archive Layout #3: Adaptive layout. Automatically places the posts based on the length of the excerpt and meta details. Design same as Archive Layout #1 plus the adaptability.

Notice how the post thumbnails are placed and positioned according to the length of the post details above it.

Setting Up Pages

Good Looking Blog Pro ships with various templates for pages to help you easily create beautiful pages with no design and coding required. Despite the pages being pre-made templates, you can customize everything about the page through the Customizer.

The theme comes with the templates for the following Pages:

Contact Page
About Us Page
Testimonial Page
Team Page
Pricing Page
Portfolio Page

We shall learn how to set up each page and configure them for your website in this section.

How To Create A Page

Creating pages in WordPress is a simple process. Pages can be fully custom or you can create a page with premade templates.

Follow the steps below to create a simple new page for your website:

Step 1. Log in to your WordPress Admin Panel. Go to the Pages option located in the left sidebar.

Step 2. Click on Add New at the top. You should have a screen that looks like this:

You can add titles, paragraphs, and many other blocks through the editor. For now, let’s create a basic page titled “My First Page” and a dummy text for the paragraph.

Step 3. Click on Publish button located on the righthand side bar.

That’s pretty much it. We’ve created a page titled “My First Page”.

Here’s what the page looks like:

You can add different blocks, headings, and media files via the + button in the editor.

Set Up and Configure Contact Page

Let’s create a Contact page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Contact page.

Step 3. You can configure other settings such as adding an Excerpt or setting the Featured Image for the page. For this demo, we’ll keep the default values. Click on Publish and then click on View Page to visit your newly created page. Here’s what it should look like:

Time to configure the theme!

Step 4. Go to your Customizer and head over to Contact Page Settings to begin customizing your newly created Contact page.

Customization Options:

Contact Details Section: Here you can change the text for Location Title, Description, Mail Title, your email address, Phone Us heading title, and your phone number.

Ensure that the changes are reflected on the Contact Us page by publishing the changes and refreshing the page.

As expected, we can see the changes on the page.

Google Map Section: You can embed Google Maps of your location via this section. You can always disable this section by toggling the Google Map Settings button off.

To add a new embed for your location, go to Google Maps and enter your location. For this demo, we’ll input the following address: Empire State Building, West 34th Street, New York, NY, USA

Click on the Share button.

And on the Share page, go to Embed a Map tab. Copy the link shown.

Go back to your Contact Page Settings, and enter the embed code you just copied in the Embedded Google Map field.

Refresh the page to see the changes.

Contact Form Section: Contact forms are essential components of a Contact page. You can add a contact form to your page by creating and configuring a form in Contact Form 7, which is a plugin we’ll use. If you don’t have the plugin installed, please refer to Installing Recommended Plugins section to learn how to install it.

You can change the form title in the Contact Form Title field. For this demo, we’ll keep it as it is.

To get a shortcode for a form configured in Contact Form 7, follow the steps below:

Note: You must have the Contact Form 7 plugin installed.

Step 1. Go to your WordPress dashboard and go to Contact page from the sidebar.

Step 2. Click on Add New to add a new contact form. Enter your form title in the given field.

Step 3. You can configure the form as you please, but for now we’ll use the default template.

Step 4. Configure the Mail settings to make sure the contact form is fully functional and sends mail to the right email address.

You can configure other settings for the form as well. For now, this will do for us. Hit the Save button.

Step 5. Copy the shortcode shown on the top.

Go back to the Contact Us Form settings, and paste the code in the Contact Form Shortcode field as shown below.

Hit Publish and refresh the Contact Us page to see the changes in action.

Set Up and Configure About Us Page

Let’s create an About Us page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Contact page.

Time to configure the page!

Step 4. Go to your Customizer and head over to About Page Settings to begin customizing your newly created About Us page.

Customization Options:

Counter Section: Counter section is where you can showcase info like number of clients, monthly installs, or basically anything related to a numerical value/count down.

To add a counter, go to About Page Settings > Counter Section. Click on the Add New Counter button.

Modify the counter settings to suit your needs.

Hit Publish and see the changes on the About Us page.

Featured Section: This section is fundamentally a section containing an image on the right side and description on the left. You can use it for featured reviews, to showcase featured product, or simply as an extension to the About Us description.

You can change the title of the section in Section Title, add description in the Section Description field, and upload required image in the Upload the image section.

After setting everything up, hit on Publish and see the changes in the About Us page by refreshing.

Newsletter Section: This is the section for newsletter, whereby users can subscribe to your feed for regular updates. To configure this section, you’ll need to have BlossomThemes Newsletter Plugin installed. If you don’t know how to install the plugin, refer to this section.

After configuring a newsletter template inside the plugin, paste the shortcode in the field above. Here’s how you can configure a newsletter in BlossomThemes Newsletter Plugin.

Hit Publish and make sure the newsletter is displayed properly on the About Us page.

Team Section: This is where your team members are displayed. The team members details are automatically retrieved from Teams pages.

Here’s how you can make a Team page to display it on the About Us page:

Step 1. Log in to your WordPress dashboard and go to the Teams section from the sidebar.

Step 2. Click on Add New to create a new Team page for a member. The page should look like this:

Step 3. On the “Add title” field, enter the name of the team member. In the Designation field, enter the position of the team member (such as CEO, Manager, etc). You can also add social links of the team member in the respective fields. Finally, set the image of the team member in the Featured Image option in the sidebar.

Click on the Publish button, and that’s it!

Ensure that the new member’s details is properly displayed in the About Us page.

And sure enough, it does! That’s how easy it is to configure Teams and add them to your pages.

You can also add a description of your team in the Team Section Description field and set the number of team members in the Number of Team Member to Show slider. Default value is 3.

Testimonial Section: This is where you can display testimonials about your company or products. Similar to Team Section, you have to set up a Testimonial Page, and it is automatically displayed on the About Us page.

Here’s how you set up a Testimonial Page:

Step 1. Log in to your WP Dashboard and go to Testimonials from the sidebar.

Step 2. Click on Add New to add a new testimonial page.

Step 3. Add the name of the reviewer in the “Add title” field and the review text in the paragraph block below it. Add the image of the reviewer in the Featured Image option in the sidebar. You can also the post/position of the reviewer in the Designation field.

Publish the page, and that’s it. Refresh the About Us page to see the newly created testimonial in action.

You can edit the section title in the Testimonials Section Title field, add a description for the testimonials in the Testimonial Description Section field, and finally configure the number of testimonials to display from the slider.

FAQ Section: Section to display the answers to the most frequently asked questions.

To add a new FAQ, click on the Add New FAQ button and configure the FAQ details.

Hit the Publish button and see the changes on the About Us page.

Contact Form Section: This is where your Contact Us form will be displayed on the page. You’ll need Contact Form 7 plugin to configure this section. If you don’t know how to install the plugin, refer to this section.

Refer to the “Contact Form Settings” section to know how to add and edit a contact form in Contact Form 7 plugin and generate the shortcode.

Paste the shortcode in the Contact Form Shortcode field. You can also change the section title and add a description.

Publish the changes, and that’s pretty much it. Refresh the About Us page to see the contact form live in action.

Sponsor Section: This section is where you can display your sponsors or assosciate businesses. It displays the logos of the sponsors and clicking on it will direct you to their website.

Click on Add New Links to create a new sponsor link. Configure the settings: upload the logo for the sponsor, and add the relevant link in the given fields.

Save changes and refresh the About Us page.

Sort Section: This is where you can rearrange and show/hide various sections within the About Us page.

Simple drag and drop the tiles to rearrange. Toggle the eye icon to disable/enable the section.

Set Up and Configure Testimonial Page

Let’s create a Testimonial page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Testimonial page.

The page already has a testimonial because we created a testimonial page in the previous section. The testimonials in this page are automatically retrieved from Testimonial pages. Refer to the “Testimonial Section Settings” section of this link to know how to make a Testimonial page in WordPress.

Time to configure the page!

Step 4. Go to your Customizer and head over to Testimonial Page Settings to begin customizing your newly created Testimonial page.

Customization Options:

Testimonial Section: The section in the page where the testimonials are displayed.

Here you can configure how many testimonials to show on the page. If the number of Testimonial pages is less than the specified number in the slider, it will display all the testimonials.

FAQ Section: Section to display the answers to the most frequently asked questions.

To add a new FAQ, click on the Add New FAQ button and configure the FAQ details.

Hit the Publish button and see the changes on the Testimonials sample page.

Sponsor Section: This section is where you can display your sponsors or assosciate businesses. It displays the logos of the sponsors and clicking on it will direct you to their website.

Click on Add New Links to create a new sponsor link. Configure the settings: upload the logo for the sponsor, and add the relevant link in the given fields.

Save changes and refresh the Testimonial page.

Set Up and Configure My Team Page

Let’s create a My Team page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Teams page.

The page already has a member description because we created a Team page in WordPress previously.

The team member descriptions in this page are automatically retrieved from Teams pages in WordPress. Refer to the “Teams Section Settings” section of this link to know how to make a Teams page in WordPress.

Time to configure the page!

Step 4. Go to your Customizer and head over to Team Page Settings to begin customizing your newly created My Team page.

Customization Options:

Team Section: The section in the page where the team member descriptions are displayed.

Here you can configure how many member descriptions to show on the page. If the number of Teams pages is less than the specified number in the slider, it will display all the team member description.

Sponsor Section: This section is where you can display your sponsors or assosciate businesses. It displays the logos of the sponsors and clicking on it will direct you to their website.

Click on Add New Links to create a new sponsor link. Configure the settings: upload the logo for the sponsor, and add the relevant link in the given fields.

Save changes and refresh the My Team page.

Set Up and Configure Pricing Page

Let’s create a Pricing page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Pricing page.

Let’s configure the Pricing page.

Step 4. Go to your Customizer and head over to Pricing Settings to begin customizing your newly created Pricing page.

Customization Options:

Pricing Section: This is where all of your pricing details will be displayed on the page.

To add pricing packages details, click on the Add New Pricing button.

Fill up the fields with necessary details. Follow the screenshot above for a general guideline. Click on the Publish button and refresh the Pricing page.

There we go, we now have our first pricing package detail properly displayed!

FAQ Section: Section to display the answers to the most frequently asked questions.

To add a new FAQ, click on the Add New FAQ button and configure the FAQ details.

Hit the Publish button and see the changes on the Testimonials sample page.

Sponsor Section: This section is where you can display your sponsors or assosciate businesses. It displays the logos of the sponsors and clicking on it will direct you to their website.

Click on Add New Links to create a new sponsor link. Configure the settings: upload the logo for the sponsor, and add the relevant link in the given fields.

Save changes and refresh the Pricing page.

Set Up and Configure Portfolio Page

Let’s create a Portfolio page for your website from a ready-made template that comes with Good Looking Blog Pro theme.

Step 1. Create a new page by following the steps described above.

Step 2. While inside the page editor, locate the Template dropdown selector menu on the righthand side, and choose Portfolio page.

Let’s configure the Portfolio page.

Step 4. Go to your Customizer and head over to Portfolio Page Settings to begin customizing your newly created Portfolio page.

Customization Options:

FAQ Section: Section to display the answers to the most frequently asked questions.

To add a new FAQ, click on the Add New FAQ button and configure the FAQ details.

Hit the Publish button and see the changes on the Testimonials sample page.

Sponsor Section: This section is where you can display your sponsors or assosciate businesses. It displays the logos of the sponsors and clicking on it will direct you to their website.

Click on Add New Links to create a new sponsor link. Configure the settings: upload the logo for the sponsor, and add the relevant link in the given fields.

Save changes and refresh the Portfolio page.

How To Create Menus

You can create menus for both the header (called Primary menu) and the footer within the Customizer in Good Looking Blog Pro theme very quickly. Menus can contain items such as Pages, Posts and Categories.

For this demo, let’s create a Primary menu for the header that links to About Us, Contact, My Team and Testimonial Pages that we created in the above sections of the documentation.

Step 1. Go to the Customizer. Then click on Menus.

Step 2. Inside Menus, click on the Create New Menu button.

Step 3. Set the Menu Name, and tick on Primary menu type (since the menu is for the header). Click Next.

Step 4. On the next screen, click on Add Items to start adding the pages.

You can rearrange the menu items by dragging the tiles around. Here we have added our required pages. You can even add Posts or Custom Links if you prefer.

Hit Publish. And that’s it. We can find the newly created menu on our header.

You can also create similar Menus for the footer. The process is quite similar. Just check the “Footer Menu” option instead of “Primary Menu” in the Menu Settings.

Configure Footer Section

The Footer section is configurable via the Footer Settings option in the Customizer.

Here, we’ll go through the few sub-settings inside the Footer Settings.

Available Sub-Settings:

Footer Copyright Text: You can add your custom copyright text in this field.
Hide Author Link: Toggle to disable/enable the “Developed by Good Looking Themes” text in the footer.
Hide WordPress Link: Toggle to disable/enable the “Powered by WordPress” text in the footer.

Customize Sidebar Via Widgets

Widgets are presets that you can configure for various elements of the theme.

Good Looking Blog Pro theme uses a Sidebar widget to determine the look of the sidebars in Posts, Pages and the other locations such as the Archive.

The best part is: you can easily customize the sidebar to make it look exactly how you want it to!

Step 1. Inside the Customizer, go to Widgets.

Step 2. You’ll see 5 different widgets inside. Click on the Sidebar widget.

Step 3. Once inside, you can add/remove blocks just like in the Posts and Pages editor. For this demo, let’s add an image at the bottom of the sidebar. Click on the + icon, and choose Image in the dropdown.

Upload the image and click on the Publish button. Verify the changes.

And sure enough, the sidebar now has the image block at the end. Feel free to add new blocks and fully customize the sidebar to your liking!

Recommended Image Sizes

Image sizes can impact the performance of your website, which is why we suggest you use the following sizes for images on the website (in pixels):

Popular Posts Images: 447px * 367px
Featured Video Section (1st Post): 648px * 581px
Featured Video Section (2nd to 5th Post): 317px * 287px
Teams Section Images: 387px * 332px
Featured Posts Section: 718px * 487px
Portfolio Page Images: 442px * 410px
Latest Post Images (1st and 2nd post): 693px * 464px
Latest Post Images (3rd to 5th post): 446px * 293px

Further Support

If you have any issues regarding theme installation and setup, please submit an inquiry ticket at the Support page. You can also directly mail us at [email protected]

Theme Installation Service

If the theme installation process is a little too technical for you, we offer theme installation services at an extremely affordable price. Check out our Theme Installation service page for more info.

Theme Customization Service

If you want professionals to customize the theme for you, or make internal changes to the theme’s core elements to better suit your liking, our Theme Customization service might just be the right service for you.