Flatsome是wordpress中的一种商城主题,后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。

主题选项中的设置修改为整个网站的全局设置。

许多页面中的元素模块例如按钮等,都是继承了主题选项中的button设置。

1.1主题选项设置 — Header修改

进入Theme Options – Header

布局修改

可修改部分包括顶部栏及导航栏,除菜单内容以外的所有布局

拖拽下方Header Builder中的元素,能够任意设计摆放Header的元素
不需要的元素放置在最后一排
点击Desktop和mobile切换响应式下的Header设计

样式修改

在对应各自的选项设置中进行样式的修改编辑
修改主要为颜色样式,大小样式,动效样式,修饰样式

添加站点图标

Header-Logo&Site Identity找到站点图标

点击选择图像

注意图像必须是正方形的PNG格式,不需要上传ico图标格式,flatsome自带生成ico的功能。

效果如下

1.2主题选项设置 — Style修改

以下设置中需经常使用的设置有:

Style – 统一设置网站的颜色,字体
Blog,Shop,Portfolio为修改其页面布局样式的设置

其余部分基本不设置,可以无视。

1.3主题选项设置 — Blog模板修改

插入Blog模块

进入想要插入Blog模块的页面,点击Add To 内容

找到内容-Blog posts,点击

选择想要插入的预设样式,点击Apply确定插入。
如果想要更改样式,也可以进入Blog posts进行修改

更改Blog posts具体样式

找到你想要更改样式的Blog模块,右键选择options,或直接左键双击

更改参数调整样式,最后apply应用修改。

布局修改

如果想要调整Blog的布局样式,可以在布局-type中选择,共有5种样式供选择

如果你想要调整blog的栏目数,可以在布局-Columns中选择栏目数,即一行显示多少blog
如果你想要调整显示blog的总数量,可以在文章-total posts中选择数量或选择按类型显示等。

1.4主题选项设置 — Shop修改

隐藏Quick View

点击Theme Options-shop

点击产品目录

找到Button Style,勾选Disable Quick View,最后发布保存

隐藏Payment Icons

将页面下方的payment icons隐藏

点击Theme Options-Shop-Payment Icons

点击你想要隐藏的icon前的眼睛,灰色即为隐藏
如果只是想更换位置,可以点住右边的图标进行拖拽排序

点击发布,保存更改

1.5主题选项设置 — Footer修改

添加Footer内容

点击主题选项-小工具

选择一个footer进行添加内容

点击添加小工具,在右侧弹出的小工具中选择想要的小工具

点开右侧小箭头,可以添加具体内容,点击完成并发布更改

Footer文本和背景样式设置

点击Theme Options-Footer

找到你想要更改的footer
可以设置是否启用此footer、栏目数、字体颜色、背景颜色、背景图片等。
在更改好样式后,保存并发布。

更改Absolute Footer

点击Theme Options-Footer

找到Absolute Footer
在此栏目下可以更改字体颜色、对齐方式、背景颜色、文本内容等。

1.6主题选项设置 — Portfolio模板修改

插入Portfolio模块

Add To添加Portfolio模块


找到你想要更改样式的Portfolio模块,右键选择options,或直接左键双击
更改参数调整样式,最后apply应用修改。

布局修改

如果想要调整Portfolio的布局样式,可以在布局-type中选择,共有5种样式供选择

如果你想要调整Portfolio的栏目数,可以在布局-Columns中选择栏目数,即一行显示多少个Portfolio
如果你想要调整显示Portfolio的总数量,可以在Options-TOTALl中选择数量或选择按类型显示等。

1.7主题选项设置 — 代码修改

Advanced – Global Settings 用于js填写(百度统计代码,google追踪代码等)

Cusom CSS – 用于CSS撰写(常用)

Backup and Import – 用于主题选项设置的导入导出。复制下列数据乱码可将所有主题选项设置复制至其他flatsome站点。(*不可删除)

专业网站开发网页设计公司

深度阅读:

WordPress的Flatsome 主题使用教程:3 UX Builder可视化编辑器 Flatsome是wordpress中的一种商城主题,后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。 2.3UX Builder可视化编辑器 - 内容元素设置 内容元素设置 - Banner Banner - 图文元素能够设置高度,背景图/视频,颜色覆盖,背景链...
WordPress的Flatsome 主题使用教程:2 UX Builder可视化编辑器 Flatsome是wordpress中的一种商城主题,后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。  2.1UX Builder可视化编辑器 - 导入模块 点击ux builder进行可视化编辑 点击Flatsome ...
如何编辑flatsome主题的footer模块——添加Blocks 今天给大家介绍一种编辑footer模块最为便捷的方法——通过添加“Blocks模块”,进而再通过UX Build可视化工具进行编辑,操作简单的同时也方便调整元素位置。 1.首先,新建Blocks在空白框处可填写Blocks名称,而后点击UX Builder进...

发表评论

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.