This plugin extends WordPress pages by allowing widgets to be placed above and below the page content reducing the need to code custom page templates.

Noted That:

To install correctly this page-blocks.zip.
Fisrt Download the page-blocks.zip to your computer
Extract/Open page-blocks.zip to Your Computer.
Then, Find readme.txt file inside page-blocks.zip and Open readme.txt.
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the the Tips Below.

Start the Tips:

1. First Download "page-blocks.zip" Plugin to your Local Computer. (Click Download)

2. Then, Login to your "yourdomain.com/wp-admin" Dashboard.

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

5. Now, Browse "page-blocks.zip" Downloaded plugin from your computer, Where you downloaded page-blocks.zip According to Step – 1 Above then, click on "Install Now"

6. Now, Click on "Active Plugin"

7. Then, See left sidemenu. "Page Blocks" folder is added on left sidemenu. Now, Click on "Page Blocks" folder.

Noted that: If you do not see "Page Blocks" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

8. Now you configure yourself oR Watch video tutorial below about Page Blocks Configurtions and Settings or How to work "Page Blocks" in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to "Plugins" + "Installed Plugin" from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find "Page Blocks" Activated Plugin from Plugin List.
Then, Click on "Settings" from Plugin that is Page Blocks
Now, Edit/Add/Config the setting and Click on "Save Changes" button,

Guide

Guide
Installing the Plugin Note: More detailed instructions are available on the Page Blocks Plugin Website website. Download the Page Blocks plugin to your machine and extract the files. Create a directory called page-blocks in your WordPress plugins directory (by default this will be /wp-content/plugins). Upload the files to the page-blocks directory. Ensure that the page-blocks directory is readable and writeable by your webserver. Activate the plugin through the WordPress Plugins admin page. Once the WordPress Plugins admin page refreshes various messages will be displayed above the list of available plugins. You should see that the plugin has been activated successfully. If you see any messages with a red cross icon next to it then the activation has failed. Visit the Page Blocks Plugin Website for further help. Using the Plugin Note: More detailed instructions are available on the Page Blocks Plugin Website website. Update: The plugin now has its own page under Settings, and hence these instructions have changed for v1.1.0. Create your WordPress pages as usual. Go to the Page Blocks page under Settings where you will find all WordPress pages listed along with their corresponding page blocks configurations. Simply check the appropriate checkboxes for each page to show those blocks, and add any required CSS styling rules in the corresponding textboxes. *Note: If you want only one of either the Top or Bottom blocks, add the following CSS styling rule in the corresponding block’s style textbox: `width: 100%;` This will ensure that the block occupies the full width of the page (dependent on how your theme is set up). This can also be combined with other CSS styling rules e.g. `width: 100%; background-color: red;` to give the block a red background as well. Save your page configurations. Note: Just saving your changes at this point is not enough to make the page blocks visible. In order to make them appear it is necessary to add at least* one widget to each block. Select each page in turn for which you configured page blocks in step 2 using the Page Blocks Widgets dropdown at the bottom of the WordPress Widgets admin page, select the Page Block you wish to edit, and add / configure widgets. Users of WordPress versions prior to v2.8 will need to modify their theme’s page template file (usually ‘page.php’) if the theme uses multiple WordPress loops. Just add a call to the page_blocks_loop() template tag function immediately before the main WordPress loop and all other loops will be ignored by the plugin. Here is an example: You are now done. Simply view each of your pages to make sure everything appears as expected.

Installing the Plugin

Note: More detailed instructions are available on the Page Blocks Plugin Website website.

Download the Page Blocks plugin to your machine and extract the files.
Create a directory called page-blocks in your WordPress plugins directory (by default this will be /wp-content/plugins).
Upload the files to the page-blocks directory.
Ensure that the page-blocks directory is readable and writeable by your webserver.
Activate the plugin through the WordPress Plugins admin page.
Once the WordPress Plugins admin page refreshes various messages will be displayed above the list of available plugins. You should see that the plugin has been activated successfully.

If you see any messages with a red cross icon next to it then the activation has failed. Visit the Page Blocks Plugin Website for further help.

Using the Plugin

Note: More detailed instructions are available on the Page Blocks Plugin Website website.

Update: The plugin now has its own page under Settings, and hence these instructions have changed for v1.1.0.

Create your WordPress pages as usual.
Go to the Page Blocks page under Settings where you will find all WordPress pages listed along with their corresponding page blocks configurations. Simply check the appropriate checkboxes for each page to show those blocks, and add any required CSS styling rules in the corresponding textboxes.
Note: If you want only one of either the Top or Bottom blocks, add the following CSS styling rule in the corresponding block’s style textbox:
```
width: 100%;
```
This will ensure that the block occupies the full width of the page (dependent on how your theme is set up). This can also be combined with other CSS styling rules e.g.
```
width: 100%; background-color: red;
```
to give the block a red background as well.
Save your page configurations.
Note: Just saving your changes at this point is not enough to make the page blocks visible. In order to make them appear it is necessary to add at least one widget to each block.
Select each page in turn for which you configured page blocks in step 2 using the Page Blocks Widgets dropdown at the bottom of the WordPress Widgets admin page, select the Page Block you wish to edit, and add / configure widgets.
Users of WordPress versions prior to v2.8 will need to modify their theme’s page template file (usually ‘page.php’) if the theme uses multiple WordPress loops. Just add a call to the page_blocks_loop() template tag function immediately before the main WordPress loop and all other loops will be ignored by the plugin. Here is an example:
You are now done. Simply view each of your pages to make sure everything appears as expected.

page, reducing, content, need, code, templates, custom, below, above, wordpress,

Name
How to add Storefront Pro Sales Pop in Wordpress
How to add New User Dashboard in Wordpress
How to add Twispay in Wordpress
How to add Wp Headline in Wordpress
How to add Wpseed Container Block in Wordpress

Reffered: https://wordpress.org/