WordPress knowledge sharing

Hello Theme+Elementor How to add a sidebar gadget

The Hello theme has no sidebar by default. If you want to build a personal blog, you should have a sidebar. So Weieis notes teach you how to use Hello theme+Elementor to add sidebar gadgets.

If using Astra theme , or Kadence Theme Wait, the theme has its own sidebar, so it doesn't have to be as troublesome as this article. Add content directly with the default sidebar of the theme. This article is only suitable for the toss party operation, because after using the hello theme, all text layout, background, title, spacing, etc. need to spend a lot of energy to set one by one, and novices are easy to get hoodwinked.

Elementor Page Editor Click me directly The official website of Elementor Pro plug-in is fast and easy to use. Getting Started Click Purchase Elementor Pro plug-in and download and install to activate _WordPress page editor For more Elementor plug-ins, see Elementor Themes
For learning and small websites, choose servers with 1 core and 2g configuration to start, and for foreign theme websites, choose 2-core and 4g configuration to run smoothly.
Domestic servers: Alibaba Cloud Tencent Cloud (All have vouchers, which can be used to save money when paying) I don't know how to select regions and configurations. Please add Lao Wei's contact research on the right side of the page.
Foreign trade, B2C/C2C and other websites register domain names abroad. open Namesilo official website , enter and select in the search box, and then register. Remember to use the discount code to save money. Discount code click Course of domain name registration of foreign domain name provider Namesilo obtain.
Suggested choice of foreign trade website Hostinger virtual host , the price is cheap and the performance price ratio is very high! Hostinger topic
SiteGround virtual host Moderate price, good service! SiteGround Theme

1、 Add Sidebar Code

Add sidebar code at the end of the topic function.php file, and add several paragraphs as needed.

Add the following code to the end of the file in the current theme, and add it several times only if you need a few sidebars.

In WordPress background>Appearance>Theme editor>functions.php, we start to add the following code:

 if (function_exists("register_sidebar")) { register_sidebar(); }

As shown in the figure below:

 Add sidebar code at the end of the topic function.php file

2、 Elementor Add Sidebar

For example, we need to use Hello theme+Elementor to build a personal blog, create a new page, and name it home.

Add blocks with left and right structure. The optional sidebar is on the left, and Lao Wei chooses the sidebar on the right according to most habits.

 Elementor Add Sidebar

Search "Sidebar" on the left and drag it to the sidebar area on the right.

You can also place the widget block anywhere on the website, such as the footer area at the bottom and the header area at the top.

Click the sidebar block just added, and select sidebar 1 on the left.

3、 Add content to gadget

In WordPress background>Appearance>Widgets, you can see the 2 gadgets we have added.

Lao Wei added html blocks to the gadget and input text content with hyperlinks.

 Add content to gadget

The effect of the sidebar gadget is shown in the following figure:

 Sidebar Widget Effects

4、 Summary

In general, building a personal blog with hello theme+elementor, adding sidebar gadgets, requires multiple steps. You need to add code, add gadget content, and add all styles yourself.

If you use a non hello theme, Lao Wei suggests choosing a theme with its own sidebar. You can directly use the sidebar and gadgets that come with the theme to save many operations.

Like( zero )
Article name: How to Add Sidebar Gadgets with Hello Theme+Elementor
Article link: https://www.vpsss.net/28306.html
Copyright notice: The resources of this website are only for personal learning and exchange, and are not allowed to be reproduced and used for commercial purposes, otherwise, legal issues will be borne by yourself.
The copyright of the pictures belongs to their respective creators, and the picture watermark is for the purpose of preventing unscrupulous people from stealing the fruits of labor.