Premium Roofing Solutions WordPress Theme

Complete Setup & Documentation Guide

Version 1.0 | Last Updated: 2024

📑 Table of Contents

1. Installation

System Requirements

Minimum Requirements:
  • WordPress Version: 4.0 or higher
  • PHP Version: 7.0 or higher (PHP 7.4+ recommended)
  • MySQL Version: 5.6 or higher
  • Memory Limit: 128MB or higher

Installation Steps

1 Download the Theme

Download the Premium Roofing Solutions WordPress Theme zip file from your purchase or download link.

2 Login to WordPress Admin

Go to your WordPress website and login to the admin panel (usually at yoursite.com/wp-admin).

3 Navigate to Themes

Go to Appearance → Themes from the WordPress admin menu.

4 Upload Theme

Click on "Add New" button, then click "Upload Theme" button.

5 Choose File

Click "Choose File" and select the theme zip file you downloaded.

6 Install Now

Click "Install Now" and wait for the installation to complete.

7 Activate Theme

After installation, click "Activate" to activate the theme.

✅ Success! Your theme is now installed and activated. You can now proceed to the initial setup.
⚠️ Note: If you encounter any issues during installation, make sure:
  • Your WordPress version is up to date
  • You have sufficient server permissions
  • Your PHP version meets the requirements

2. Initial Setup

Create Navigation Menu

1 Go to Menus

Navigate to Appearance → Menus in WordPress admin.

2 Create New Menu

Click "Create a new menu" and give it a name (e.g., "Main Menu").

3 Add Pages

Select pages from the left sidebar and click "Add to Menu".

4 Set Menu Location

Scroll down and check "Primary Menu" under "Display location".

5 Save Menu

Click "Save Menu" button.

Create Essential Pages

Create the following pages for your roofing website:

1 Create Pages

Go to Pages → Add New and create all the pages listed above.

2 Add Content

Add content to each page. You can use the provided content templates.

Set Homepage

1 Go to Settings

Navigate to Settings → Reading in WordPress admin.

2 Set Static Page

Select "A static page" under "Your homepage displays".

3 Choose Homepage

Select your "Home" page from the dropdown.

4 Save Changes

Click "Save Changes" button.

3. Theme Customization

Access Theme Customizer

1 Open Customizer

Go to Appearance → Customize in WordPress admin.

2 Explore Options

You'll see various customization options in the left sidebar. Changes are previewed in real-time on the right.

General Settings

The General Settings panel includes:

Site Identity

Header Settings

Font Settings

Background & Colors

Header Settings Explained

Setting Description Default Value
Top Bar Display Shows/hides the top bar with contact info Show
Top Bar Phone Phone number displayed in top bar +1 (234) 567-890
Top Bar Email Email displayed in top bar info@roofingsolutions.com
Header Button Text Text on the CTA button in header Get Free Quote
Header Button Link URL where button should link to #

4. Homepage Sections Guide

The theme includes multiple homepage sections that you can enable, disable, and customize. All sections are found under Appearance → Customize → Home Sections.

Slider Section

About Section

Features Section

Services Section

Projects/Portfolio Section

Team Section

Testimonials Section

Statistics Section

Appointment/Contact Section

Blog Section

Pricing Section

CTA (Call to Action) Section

Section Order/Sequence

You can change the order of homepage sections by going to Home Sections → Section Sequence in the customizer. Drag and drop sections to reorder them.

5. Custom Post Types

This theme includes several custom post types for managing your roofing business content:

Our Services

To add services:

1 Go to Services

Navigate to Services → Add New in WordPress admin.

2 Add Service Details

Enter service title, description, featured image, and any additional details.

3 Publish

Click "Publish" to save your service.

Our Projects

To add projects/portfolio items:

1 Go to Projects

Navigate to Our Projects → Add New.

2 Add Project Details

Enter project title, description, featured image, and project details.

3 Publish

Click "Publish" to save your project.

Our Team

To add team members:

1 Go to Team

Navigate to Our Team → Add New.

2 Add Team Member Details

Enter name, position, bio, featured image, and contact info.

3 Publish

Click "Publish" to save.

Our Testimonial

To add customer testimonials:

1 Go to Testimonials

Navigate to Our Testimonial → Add New.

2 Add Testimonial Details

Enter customer name, testimonial text, rating, and customer photo.

3 Publish

Click "Publish" to save.

6. Troubleshooting

Common Issues and Solutions

Issue: Theme not displaying correctly

Solution:
  • Clear your browser cache
  • Clear WordPress cache if using a caching plugin
  • Check if all theme files are uploaded correctly
  • Deactivate and reactivate the theme

Issue: Menu not showing

Solution:
  • Go to Appearance → Menus
  • Make sure you've created a menu
  • Assign the menu to "Primary Menu" location
  • Save the menu

Issue: Images not loading

Solution:
  • Check file permissions (should be 644 for files, 755 for folders)
  • Verify image file sizes (recommended max 2MB)
  • Check if images are uploaded to correct directory
  • Regenerate thumbnails using a plugin like "Regenerate Thumbnails"

Issue: Customizer changes not saving

Solution:
  • Make sure you click "Publish" button in customizer
  • Check if you have sufficient server permissions
  • Clear browser cache
  • Check for plugin conflicts (deactivate plugins one by one)

Issue: Homepage sections not showing

Solution:
  • Go to Appearance → Customize → Home Sections
  • Make sure each section is enabled
  • Check if you've added content to each section
  • Verify homepage is set to static page

Issue: Fonts not loading

Solution:
  • Check internet connection (Google Fonts require internet)
  • Clear browser cache
  • Check if font selection is saved in customizer
  • Verify no security plugins are blocking Google Fonts

Issue: Mobile menu not working

Solution:
  • Clear browser cache
  • Check if JavaScript is enabled in browser
  • Deactivate conflicting plugins
  • Check browser console for JavaScript errors

7. Frequently Asked Questions

General Questions

Q: Do I need coding knowledge to use this theme?

A: No, you don't need any coding knowledge. The theme includes a powerful customizer where you can change colors, fonts, content, and settings with just a few clicks.

Q: Is this theme mobile responsive?

A: Yes, the theme is fully responsive and looks great on all devices including smartphones, tablets, and desktops.

Q: Can I customize the colors?

A: Yes, you can customize all colors including header colors, button colors, text colors, and background colors through the WordPress Customizer.

Q: Does this theme support WooCommerce?

A: Yes, the theme is compatible with WooCommerce. You can set up an online store for your roofing business.

Q: Can I use page builders with this theme?

A: Yes, the theme works with popular page builders like Elementor, Beaver Builder, and Gutenberg blocks.

Q: How do I add my logo?

A: Go to Appearance → Customize → Site Identity → Logo. Upload your logo image. Recommended size: 200x60 pixels.

Q: How do I change the homepage sections order?

A: Go to Appearance → Customize → Home Sections → Section Sequence. Drag and drop sections to reorder them.

Q: How do I add services?

A: Go to Services → Add New. Enter service details and publish. Then go to Customizer → Home Sections → Services Section and select the services you want to display.

Q: How do I add projects/portfolio items?

A: Go to Our Projects → Add New. Enter project details, add featured image, and publish. Then select them in the Projects Section customizer.

Q: How do I add team members?

A: Go to Our Team → Add New. Enter team member details, add photo, and publish. Then select them in the Team Section customizer.

Q: How do I add testimonials?

A: Go to Our Testimonial → Add New. Enter customer name, testimonial text, rating, and photo. Then select them in the Testimonials Section customizer.

Q: Can I hide certain sections on the homepage?

A: Yes, go to Appearance → Customize → Home Sections. Each section has an "Enable/Disable" option. Simply disable the sections you don't want to show.

Q: How do I change the header button text and link?

A: Go to Appearance → Customize → Header Settings. You'll find options for "Header Button Text" and "Header Button Link".

Q: How do I add a contact form?

A: Install a contact form plugin like Contact Form 7 or WPForms. Create a form and copy its shortcode. Then paste the shortcode in the Appointment Section customizer.

Q: Is the theme SEO optimized?

A: Yes, the theme is built with SEO best practices. For better SEO, we recommend installing an SEO plugin like Yoast SEO or Rank Math.

Q: How do I update the theme?

A: If you purchased the theme, download the latest version and upload it through Appearance → Themes → Add New → Upload Theme. Always backup your site before updating.

Q: Can I translate the theme?

A: Yes, the theme is translation-ready. You can use translation plugins like WPML or Polylang to translate the theme into different languages.

Q: What if I need help?

A: If you need support, please contact the theme developer or check the support documentation. Make sure to include details about your issue, WordPress version, PHP version, and any error messages.

8. Support & Resources

Getting Help

Useful Plugins

Recommended plugins that work well with this theme:

Theme Information

Theme Name: Premium Roofing Solutions WordPress Theme
Version: 1.0
Author: Favor Themes
Requires WordPress: 4.0 or higher
Requires PHP: 7.0 or higher
License: GPL v2 or later