详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

在今天的教程中,我们将详细讲述Basel主题的页脚功能。Basel主题,以其强大的功能和灵活的设计著称。本篇文章将教您如何修改页脚内容和设置跳转链接,从而提升您网站的用户体验。关于Basel主题的其他功能,您可以参考我们之前的文章。

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

如上图,这是网站前端的画面

我们怎么修改页脚的内容,以及跳转链接呢,如上图,是五列的格式,上面一个网站logo

步骤Appearance→Widgets

Basel主题修改页脚需要用到小部件(Widgets)

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

我们找到页脚的栏目,当然还有其他的一些小部件,我们先讲Footer(页脚)

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

Footer Column1:就是对应最上面的一列,如下图,我们需要点击右边展开的符号,再点击框任意位置

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

就会看到这个界面,如下图

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

红色框是网站logo的图片链接,也就是页脚网站logo,我们需要去媒体库(图片库)找到图片链接然后插入,在两端引号间插入,引号不能删除

黄色框:是logo的标题。在前端触碰到logo会显示名称

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

如上图都有数字顺序,对应前端的位置,所以很好去找寻,如下图

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

Footer Column 2:第二列页脚

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

#:是跳转的链接,比如你要跳转的链接,我们替换这个#就行,引号不要删除

New York:是标题,如上图的第二张图,展示在前端的标题

其他的也是一样的,其他的简码不需要去管那个是隔行以及间距的。

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

如上图,可以看到实际的演示效果就是这样

我们讲下最后一列,Footer Column 6,前面的2,3,4,5都是一样的

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

后端的界面是这样,如下图

详解Basel主题页脚功能:从基础设置到链接跳转全攻略(12)

红色框:是网站的简介

黄色款:是网站地址

蓝色款:是更换电话号码

绿色框:是显示支付机构的图片

从上面的前端的图片能一一对应

总结

通过本篇文章,您已经掌握了如何在Basel主题中修改页脚内容和设置跳转链接的基本技能。下一篇文章中,我们将探讨Basel主题的一些注意事项和细节问题,帮助您更全面地使用这一强大的主题。感谢您的阅读,期待与您在下期内容中再次见面!


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/12226/

(0)
上一篇 2024年 7月 2日 下午6:10
下一篇 2024年 7月 3日 上午10:18

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。