Tag: Basel主题

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

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

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

步骤Appearance→Widgets

Basel主题修改页脚需要用到小部件（Widgets）

我们找到页脚的栏目，当然还有其他的一些小部件，我们先讲Footer（页脚）

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

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

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

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

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

Footer Column 2：第二列页脚

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

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

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

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

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

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

红色框：是网站的简介

黄色款：是网站地址

蓝色款：是更换电话号码

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

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

总结

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

在之前的文章中，我们详细讲解了如何设置网站的ROW(排）和Column（柱子）。今天，我们将继续探讨模块的设置，特别是Revolution Slider（海报）的使用方法。通过颜色区分模块，我们可以更清晰地了解各个模块的功能和设置。

今天我们讲一讲模块的设置

步骤网站前端→Revolution Slider（海报）

如上图，你也可以用颜色来区分，模块都是绿色

之前也说过，海报（Revolution Slider）具体的设置不在编辑器，所以编辑没什么功能

在这里我们讲述一些网站前端基本需要的一些模块吧，比如产品，产品分类，图片，标题和文本，按钮这些基本的构建元素

步骤Products (grid or carousel)→笔符号（编辑）

如上图展示的网站产品模块的编辑

步骤Products (grid or carousel) Settings→General

如上图，我将一一说出产品的一些基本功能

Products view：产品的显示样式，有三种大家根据需要调整

Data source：产品数据来源

大家根据需要设置数据源

如果你不想用它的数据来源，你可以设置你想显示的分类以及标签，但（前提你有这个产品分类和产品标签），这里可以DIY，所以可玩性还是很不错的

ltems per page：产品模块的展示的数量，根据实际需要调整

步骤Products (grid or carousel) Settings→Design

Products hover：鼠标悬停的样式

Columns：产品从做到右的列数，如下图就是4列

lmages size：图片尺寸可以不用动，因为WooCommerce插件能设置固定的尺寸，所有的产品图片都能自动裁剪的（后面我们会细说）

Sale countdown：产品倒计时，大家可以根据需要设置

步骤Products (grid or carousel) Settings→Data Settings

如上图，可以设置产品数据源的一些具体细节，以及你可以单独排除一些产品，隐藏缺货产品等等，大家可以根据翻译理解，非常的简单，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲下产品分类

步骤Product categories→笔符号（编辑）

如上图我们进入编辑

如上图，并不是每一个模块的功能都有好几个，比如这个只有一个，这里可以设置标题和名字，当然你也可以单独设置单独的标题或者名字，不用在模块这里设置

我们重点讲一下圈的设置，其他的可以根据翻译理解，比较简单

Layout：分类的风格

Categories design：分类设计，你可以理解为分类名称的位置选择

Space between categories：类别之间的空间，你可以理解为第一个与第二分类之间的间隙

Slides per view：在分类模块展示的分类数量，大家根据需要调整

步骤Product categories Settings→Categories

如上图，你可以选择你战士的名称，输入分类名称或者ID都可以，如果你不选择它会按照默认的方式展示，如果你不喜欢就自己输入，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲述一下图片

步骤Single lmage→笔符号（编辑）

如上图进入编辑

我们讲一讲圈起来的元素，其他的根据翻译去理解就行，标题你可以在这里设置或者单独设置一个标题模块，但我一般不会使用模块里面的标题，因为非常的单一，如果选择标题模块就有很多风格选择，这个后面会讲述到

lmage source：图片来源，图中选择的是媒体库

lmage：在下面点击可以添加你需要展示的图片

lmage alignment：图片展示的位置

lmage style：图片的风格，一般是默认，大家根据需要调整

On click action：你可以理解为点击图片的反馈，上述是跳转链接的选项

Link Target：链接跳转的选项，上述是在现在的窗口，还有一个选项是新窗口打开

CSS Animation：这个就是模块的动画效果了，之前在ROW(排），和Column（柱子）讲过。大家可以根据链接查看

步骤Single lmage→Design Options

如上图，这个设置和之前的ROW(排），和Column（柱子）讲过。大家根据链接查看，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲述下标题和文本
步骤Section title→笔符号（编辑）

步骤Section title Settings→General

如上图，这是标题模块，我们在Title中换掉就行了，<strong>则是简码，不用管他，上述显示的“Best Sales“标题名称。其他的根据翻译理解

Design Options：设计选项都一样，就不必说了，大家可以看上面的图片模块也说过的
文本模块
步骤Text Block→笔符号（编辑）

步骤Text Block Settings→General

文本模块你可以根据需要去设定，比如上述是红色的字体

Color Scheme：配色方案

前端的展示效果

步骤Button→笔符号（编辑）

如上图，我们多讲述一个按钮模块

Text：按钮名称

URL (Link)：按钮跳转链接

Style：按钮的风格

Shape：你可以链接为按钮边框的样式

Color：按钮的颜色

Size：按钮的大小

Alignment：按钮的位置

好了，上述讲述了网站构建的一些基本元素，Basel主题基本的搭建元素，到这里大家基本上可以装修一个简单的网站了，上述讲述的是替换演示模版的一些模块。

总结

通过以上介绍，相信大家已经掌握了网站前端的一些基本模块设置。Basel主题提供了丰富的模块和设置选项，足以帮助你打造一个美观实用的网站。下一篇文章中，我们将进一步探讨自定义添加元素和Basel主题的其他高级功能，敬请期待。

在本教程中，我们将详细介绍如何在WordPress网站上创建和管理菜单。通过遵循以下步骤，您可以轻松设置和自定义网站的导航栏，以提高用户体验和网站的可用性。如果在操作过程中有任何疑问，请随时联系我们，我们将竭诚为您提供帮助。

1.步骤Appearance→Menus

进入菜单页面

接下来我们了解各种菜单的区别

2.步骤Select a menu to edit:→点击旁边的框

Categories：分类菜单，列如产品分类或者其他的一些分类，如果前端是全屏海报的首页，无需理会

Main navgatio：主导航（主菜单），可以理解为主导航，首页导航栏

Menu 1：可以理解为主菜单的复制

Menu2：可以理解为主菜单的复制

Mobile navigation：移动端菜单，理解为手机端的菜单（导航）

Segment Club：无需理会，默认数据，根据你的需要调整

Top bar：顶栏菜单（导航），不是每个主题都有

这里演示的数据是巴塞尔（Basel）主题，一般导航栏有主菜单和移动端菜单就可以了，根据需要调整

注：Categories：图一的前端则无需理会，图二的就需要设置

3. 步骤点击create a new menu可以创建新菜单

如果需要图像或者商品展示，则需要单独创建页面添加到菜单，但网站一般讲究快，所以这种图形以及商品只会拖慢网站的打开速度，一般只需要正常的一级菜单和二级菜单或者三级菜单就行了

一级→二级-三级（菜单示范）

4.步骤只需要把框向右拖动，如下图，就是三个级别的菜单样式

菜单的左侧会有许多选项以便你添加
Pages：网站的页面，列如隐私政策或者联系，关于我们，这些主页面等等

Posts：就是网站的文章了，也就是博客

HEML：属于简码，一般用不上

Custom Links：自定义链接，可以添加你想要的超链接（就是跳转的网页链接）

Product categories：就是产品的分类

Categories：这里包含网站的所有分类

注：其他分类可以根据翻译，很清楚的了解字面意思，我只说了比较常用的选项

注意：

如果你的MEUS页面左侧没有这么多选项，那是你没有勾选选项
移动到最上方
操作步骤：点击Screen Options

请全部勾选，或者你也可以根据翻译来调整

选中一个菜单，我们来添加选项，这里我们演示最基本的导航选项

5.步骤Page→勾选你想要的界面

一般主导航最基本的选项要有Home（首页），Shop（商店），Cart（购物车）， Checkout（结账），My account（我的账户）。还有Blog（博客），这些页面都需要选择主题设置优先级的页面，否则无法展示，如上图。
当然还有关于我们。联系我们的页面，也是同样，根据你的需求选择添加，这两个页面需要自己去创建编辑（有些主题会有默认的，你只需要修改相应的信息就可以了，你自己设计的还不一定有默认的好）

你可以在Shop加入一些产品分类，以便用户更好的选择

如上图所示，没有二级或者三级分类是不会出现右边的箭头的

添加的界面的名称也是可以更改的，看你的需求，非常的灵活，如上图

6.步骤菜单下方→勾选展示位置

在菜单的最下方会有展示在那些位置，以及整个菜单的删除和保存，大家可以根据需要更改

上图显示的是主菜单和手机端是同一个菜单，如果你想要分开，请取消勾选，分别创建主菜单和移动菜单，以两张方式 展示在不同的设备就行了

7.步骤点击Manage Locations

如上图，这里可以选择主要菜单选择用什么菜单去展示

总结

通过以上步骤，您现在应该能够在WordPress网站上创建和管理各种菜单，从而优化用户导航体验。根据您的具体需求调整和定制菜单选项，可以确保您的网站导航更符合访客的使用习惯和偏好。如果您在操作中遇到任何问题或需要进一步的帮助，请随时联系我们。

安装好巴塞尔主题包后，你会发现前端显示的是默认的基础页面。这意味着主题已成功安装，接下来的步骤就是选择并导入合适的演示数据。在本文中，我们将详细讲解如何导入巴塞尔主题的演示数据，并分享一些个人见解和注意事项，帮助你顺利完成网站的初步搭建。

1、WordPress仪表板，点击“Appearance”→“Themes”

这是导入巴塞尔主题的界面，这样显示就是导入成功了
注意事项：（请至少保持一个默认的wordpress主题，以防后期检查问题）我们光子团队多年装修经验
下一步我们去选择合适的演示数据

2.WordPress仪表板，点击“Basel”

点击后就进入演示数据的面板，图中可以看到有两个选项框，左边是基础演示数据，右边就会有很多颜色数据模版选择
3.“Basel”→“Demo versions”→“–select–”

里面的模版很多，大家根据需要选择，当然如果选择类似的产品模版如果不是很喜欢，你可以后续再可视化面板调整，导入相似的面板是为了让初学者比较更容易的排版网站，以达到一个完美的前端页面。

4.每个模版都有数据的首页页面预览，请一定仔细的看好，然后点击“SET UP VERSION”导入颜色数据，然后等待导入完成就行了。

问题

然后我们在登陆wordpress的后台账号的情况下，打开前端，进行可视化编辑，巴塞尔主题搭配的是WPBakery编辑器，后续我们会详细讲。
初学者可能会遇到没有可视化编辑的按钮

这个就是可视化编辑的按钮，如果没有这个按钮我们该怎么排查呢？

1.进入wordpress后端，找到 “WPBakery Page Builder”.

2.我们会进入到这个页面，请选择Role Manager

3.请确保这些选项你都有勾选，特别是page，这就是前端为什么不显示的原因了。

总结

通过上述步骤，你应该能够成功导入并设置巴塞尔主题的演示数据，并开始进行网站的可视化编辑。如果你遇到任何问题，可以参考本文提供的排查方法。希望这些步骤和个人见解能够帮助你顺利搭建出理想的网站。后续我们还会提供更多关于巴塞尔主题的详细教程，敬请期待。