Detailed explanation of the Basel theme footer function: from the basic settings to the link to jump the whole strategy (12)

In today's tutorial, we will talk about the footer feature of Basel theme in detail.Basel theme, known for its powerful features and flexible design. This post will teach you how to modify the footer content and set jump links, so as to enhance the user experience of your website. AboutBasel ThemeYou can refer to our previous article for additional features.

As you can see above, this is the front end of the site

How do we change it?footersThe content, as well as the jump links, as shown above, is in a five-column format, with a website logo on top

Step Appearance→Widgets

Basel theme modifications to the footer require the use of widgets

We find the footer section, and of course some other widgets, let's start with Footer

Footer Column1: is to correspond to the top of the column, the following chart, we need to click on the right to expand the symbols, and then click on the box anywhere!

You will see this screen, as shown below

The red box is the image link of the website logo, that is, the footer website logo, we need to go to the media library (image library) to find the image link and then inserted, inserted between the two ends of the quotation marks, the quotation marks can not be deleted!

Yellow box: is the title of the logo. Touching the logo on the front end will display the name

The diagrams above all have a numerical order that corresponds to the position of the front end, so it's good to go looking for it, as follows

Footer Column 2: Second column footer

#: is the link to jump, such as the link you want to jump, we replace this # on the line, the quotation marks do not remove the

New York: is the title, as shown in the second image above, displayed on the front end of the title

The same goes for the other shortcodes, the other shortcodes don't need to bother with that being spaced as well as spaced.

As you can see above, the actual demo looks like this

Let's talk about the last column, Footer Column 6, preceded by 2,3,4,5, which are all the same.

The back-end interface looks like this, as follows

Red box: is a brief description of the site

Yellow section: is the website address

Blue model: is to change the phone number

Green box: is a picture showing the payer

The pictures from the front end above correspond to each other

summarize

With this post, you've mastered the basic skills of how to modify footer content and set jump links in the Basel theme. In the next article, we will explore some of the considerations and details of Basel theme to help you use this powerful theme more comprehensively. Thank you for reading and we look forward to seeing you again in the next installment!