Home Services Blocks Pro Documentation

Introduction

Since terms like blocks and site editing are so radically different from what we've known and loved about WordPress for decades, I think it's a good idea to establish a basic understanding of what we're talking about before we jump right into block themes.

Block Editor

The reason we refer to the WordPress Editor as the Block Editor is because it enables us to construct posts and pages where each element— including text, photos, videos, headers, and footers—is put into the post using blocks that may be organised modularly to complete page layouts.

It developed from what is now referred to as the "classic" editor, which was more directly focused on entering material to be published on a page or post in a preset layout.

It's similar to how content and layout are combined when both are controlled via the WordPress Editor. Since both are immediately changeable in the WordPress Editor interface, we no longer need to rely on the editor for text and (more or less) theme templates for layout.

Block Theme

A block theme refers to a WordPress theme that comprises templates entirely composed of blocks, thereby enabling the utilization of the block editor to modify any aspect of the website, including the post content of diverse post types such as pages, posts, and so forth.

Site Editor

The WordPress Site Editor enables us to design and modify templates composed of blocks. The primary aim is to provide a collection of fundamental building blocks that can be utilized to construct a website on a global scale, such as a header component. This may include blocks for the slogan, main menu, and site logo. With the site editor, we can completely redesign the website's overall aesthetic without writing a single line of code, either by altering an existing theme or creating a new block theme.

Previously, creating themes necessitated the use of various PHP templates. However, this is no longer the case. WordPress now offers a user interface for theme "development" that is readily available.

Structure of files

The downloaded template package comprises multiple folders. Now, let's take a look at the contents of each folder

Screenshots - displays template screenshots. Do not use these for creating templates

Theme - carries Files for a WordPress theme

Select the home-services-blocks-pro.zip theme by clicking on Browse, then click Install Now.

The file "license.txt" consists of important information regarding the license

2. Tap Add New

3. the button labelled "Upload Theme".

4. Choose your home-services-blocks-pro theme by clicking the Browse button, then hit the Install Now button.

Congratulations on successfully installing a theme on WordPress website!

2-If you prefer to install a WordPress theme with FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is upload it via FTP (File Transfer Protocol).you first need to log in your website through FTP and Select to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, sign in to your WordPress website and Select to Appearance -- Select Themes And activate .

Plugin Installation

click on the install now button and activate

Section One Click Demo Importer

Select Dashboard → Select Appearance → Get started

Click on"Run Importer".

Set-up Home-page.

To setup Home page Go to Dashbaord >> Appearance >> Editor

Then choose the pattern you wish to display on your home page by going to Pattern.

once you've finished you can see all the demo content on front page.

Set-up Header Section

To be able to begin with header,

Go To Dashboard >> Appearance >> Editor >> Pattern >> Header

Select Header Pattern

for each area of the home page, use the same procedure.