close

Introduction

We appreciate you purchasing our WordPress theme. This article demonstrates several steps of the full configuration and management process for a WordPress website.

What is WordPress CMS?

WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market. Learn More

A WordPress template: What is it?

A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify the appearance of your WordPress website by installing a new template. A WordPress template comes complete with all the necessary source files, and you are free to change and expand it anyway you see fit.


Help and Support

Click here for support:
Support
File Structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "islamic-center-mosque.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

My website was operating normally before? Who altered the permissions on the file?

WordPress may be unable to create directories, upload photos, or execute some scripts if file permissions are set incorrectly.

To manage files and create directories on the server, WordPress needs permissions.

  • After that select all folders in root directory and then right click to select ‘File Permissions’.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • same process repeated for wp-content folder

Template Installation

The process of installing a template is very straightforward and easy.

Within the WordPress interface, all installation procedures may be completed. It facilitates a quick and comfortable process.

There are two ways to complete the installation process.

1-To install a theme using WordPress admin, follow these steps:

First, log in to your WordPress admin dashboard.

Next, navigate to the "Appearance" menu and select "Themes."

2. Once you are on the themes page, click on the Add New button located at the top of the page.

3. When arriving at the themes page, click on the Upload Theme button at the top and upload zip file (islamic-center-mosque-zip)

4. WordPress will now proceed with installing your selected theme, and upon completion, you will see a success message that includes options to activate the theme or preview it live.

Congratulations! Your theme has been successfully installed and set up.

2-Theme installation using FTP

The theme can be uploaded using FTP, which is your second installation option. To use this method, first log into your website using FTP and navigate to the wp-content/themes folder. Just extract the Total folder from the theme file you got and upload it to your server.

Next log into your WordPress site and navigate toAppearance >> Themes to activate Total.


Plugin Installation.

The following instructions for uploading a plugin can be used to manually install a WordPress plugin from a.zip archive.

Install Required Plugins:

Go to Dashboard >> plugin >> Add New >> Upload plugin.

click on the install now button and activate.



Section Ordering

How to Reorder and Organize Section

To reorder a part simply means to arrange it according to our needs. Drag the segment to the top or bottom as necessary to continue with this section. Your front view will change in accordance with customizer options when you drag any portion to the top or bottom.

You can reorder sections by simply dragging and dropping the options into the desired order.

To proceed with the Section Ordering.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings >> Section Ordering

Click on "Demo Content Importer" and then "Run Importer".



Section Padding and Top Settings

In order to prevent top or bottom parts from overlapping when the location of the sections is changed, you must provide padding top to those sections in either pixels or percentage form.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings >> Section Ordering



Section Color and Font Scheme

The method of changing the colour or font is quite simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the typeface and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single glance or click.

Depending on how many options are accessible in a given part, each individual section has the ability to choose the colour scheme for the headings, title/text, paragraph, button text, and button background.

Standard Color and Font settings


Theme Wizard


* Theme Wizard is a new addition to the version (1.1.2)

To import content using Theme Wizard, adhere to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer based demo.

6) Visit Your Site

Configure a homepage template

Configure the home page template

Set up your home page by following these instructions.

  • To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page.

    Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.

  • 2. Set the front page: Go to Setting >> Reading >> Set the front page display static page to home page
  • When you're finished, you can view the entire demo collection on the top page.


9.1. Establish Topbar Section

The Header Section will now be presented.

9.1.1. Establish Site Identity

Follow the procedures listed below to set up the site identity.

Go to Appearance >> Customize >> Site Identity.

9.1.2. Install Topbar

The steps listed below should be followed to set up the Topbar.

Go to Appearance >> Customize >> >> Theme Setting >> Topbar.

You can configure the Topbar Section in this fashion.


9.2. Setup Header Section

To proceed with the Header Section.

Go to Appearance >> Customize >> Theme Settings >>Header Section





You can then include the Final slider section in this manner.


9.3. Setup Slider Section

To proceed with the slider.

Go to Appearance >> Customize >> Theme Settings >>Slider Settings



You can then include the Final slider section in this manner.


9.4. About Us

To proceed with the About Us Section

Go to Appearance >> Customize >> Theme Settings >> About Us




You can view the final portion of About Us in this way.


9.5. Our Records Section

To proceed with the Our Records Section

Go to Appearance >> Customize >> Theme Settings >>Our Records Section


This will allow you to include the Our Records section.


9.6. Prayer Timing Section

Observe these instructions to set up Prayer Timing.

Go to Appearance >> Customize >> Theme Settings >>Prayer Timing Section




You can configure the Final Prayer Timing Section in this way.




9.7. Our Services Section

To continue with the Our Services Section

Installing and turning on the Islamic Center Mosque Posttype Plugin is the first step.

Go to Dashboard >> Services >> Add new


Go to Appearance >> Customize >> Theme Settings >>Our Services Section



This will allow you to view the final Our Services Section.


9.8. Islam Pillars Section

Observe these instructions to set up Islam Pillars.

Go to Appearance >> Customize >> Theme Settings >> Islam Pillars Section


You can see the Islam Pillars section area in this way.



9.9. Upcoming Events Section

In order to showcase Upcoming Events on home page.

Go to Dashboard >> Event >> Add New


Go to Appearance >> Customize >> Theme Settings >>Upcoming Events



You can set up the Final Upcoming Events in this manner.



9.10. Our Team Section

Follow these procedures to get the Our Team section.

Installing and turning on the Islamic Center Mosque Posttype Plugin is the first step. Your dashboard displayed Team post after enabling the plugin.

Go to Dashboard >> Team >> Add New.


Go to Appearance >> Customize >> Theme Settings>> Our Team.


In this way you can setup Final Our Team Section


9.11. Our Causes Section

To proceed with the Our Causes Section

Installing and turning on the Islamic Center Mosque Posttype Plugin is the first step. Upon plugin activation, posts started to appear on your dashboard.

Go to Dashboard >> Causes >> Add new


Go to Appearance >> Customize >> Theme Settings>> Our Causes.


In this way you can setup Final Our Causes Section


9.12. Testimonials

To proceed with the Testimonials Section

Installing and turning on the Islamic Center Mosque Posttype Plugin is the first step. Testimonial posts were visible on your dashboard when the plugin was activated.

Go to Dashboard >> Testimonials Section >> Add New


Go to Appearance >> Customize >> Theme Settings >>Testimonials


In this way you can setup final Testimonials section




9.13. Our Partners

Observe these procedures to set up Our Partners.

Go to Appearance >> Customize >> Theme Settings>> Our Partners


This is how the output will appear.



9.14. Our Recent News Section

To proceed with the Our Recent News Section

Go to Dashboard >> Posts >> Add New


Go to Appearance >> Customize >> Theme Settings>> Recent News

In this manner, the final Recent News section is added.



9.15. Setup Our Products Section

You must first upload and activate the Woocommerce plugin before you can set up the Our Products section.

Go to Dashboard >> Products >> Add New


Go to Appearance >> Customize >> Theme Settings>> Our Products


You can put up the Our Products section in this fashion.



9.16. Setup Home Page Contact Section

Go to Appearance >> Customize >> Theme Setting>> Home Page Contact


This will enable you to set up Contact Information for the Home Page Contact Section



9.17. Setup Footer Widgets Section

To display the Footer Widgets Section the steps outlined below

Go to Dashboard >> Appearance >> Widgets


Go to Appearance >> Customize >> Theme Settings >> Footer Widgets.

In this way you can add Final Widgets section.




9.19. Setup Single Product Page Section

Go to Appearance >> Customize >> Theme Settings >> Single Product Page.




In this way you can setup Single Product Page Section


9.20. Setup Contact Section

Follow these instructions to set up the Contact Section.

1. You must take a few crucial first steps.

2.Add the Contact Form 7 plugin, please.

making a contact form

Go to Dashboard >> Contact >> Add New

Go to Dashboard >> Pages >> Contact

Add a shortcode for the contact form.

Go to Appearance >> Customize >> Theme Setting>> Contact

In this way you can setup Contact Section




Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Blog with Full Width (a blog templates with one column without sidebar)
  • Blog with Left Sidebar (a blog templates with left sidebar position)
  • Blog with Right Sidebar (a blog template with right sidebar position)
  • Contact (the default Contact template with no sidebar position)
  • Home Page (Template to show home page content)
  • Page with Left Sidebar (a page templates with left sidebar position)
  • Page with Right Sidebar (a page template with right sidebar position)


Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.


Shortcodes


A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.



Custom Widgets