新闻 我们是“WordPress外贸模板”关键词Google排名第一的服务商!点击查看 -->

首页设置

设置网站首页的栏目模块 ( 设置顺序: 从左至右、从上到下 )。

自定义栏目主要包括的:大幻灯片首页栏目等两个模块,可以实现包括特色内容、产品栏目、新闻栏目、案例展示、关于我们、客户评价、常见问题、合作伙伴、联系我们、Google (百度)地图等网站常用栏目在内的各种自定义首页栏目模块,最大程度上满足外贸建站用户的首页功能扩展需求。

大幻灯片

设置网站首页顶部幻灯片显示内容和样式(幻灯片数量不限,可自定义无限数量的添加图片和文本内容)。

首页幻灯片设置

首页幻灯片

  • 是否显示:是否当前大幻灯片栏目模块;
  • 幻灯片设置:设置幻灯片显示图文内容(幻灯片数量不限,可自定义无限数量的添加图片和文本内容);可以单独自定义每张幻灯片的图片、标题名称、描述文本、链接地址等参数。

    首页幻灯片设置选项

    幻灯片设置

  • 图片动画效果:设置幻灯片中图片动画切换效果(左右滑动 / 渐隐渐显 / 立体翻转);
  • 文本对齐方式:设置幻灯片中标题及描述文本内容的对齐方式(左对齐 / 居中 / 右对齐);
  • 文本动画效果:设置幻灯片中文本视差动画效果(略迟于图片动画效果显示的文本视差动画效果,默认为”水平方向”显示);
  • 标题颜色:设置幻灯片中标题文本的颜色;
  • 小标题颜色:设置幻灯片中小标题文本的颜色;
  • 链接添加方式:设置幻灯片的链接添加方式 ( 只有在各模块中设置了“链接地址”项,该设置才会生效 );默认为”模块链接”方式;
    模块链接: 给整张幻灯片图片添加链接;
    按钮链接: 在幻灯片图片上显示独立按钮并添加链接;
  • 按钮文本颜色:设置幻灯片中按钮文本颜色(默认为: #ffffff);
  • 按钮背景颜色:设置幻灯片中按钮背景颜色(默认为: #ff6600);
  • 按钮响应文本颜色:设置幻灯片中按钮, 当鼠标点击时的文本颜色(默认为: #ffffff);
  • 按钮响应背景颜色:设置幻灯片中按钮, 当鼠标点击时的背景颜色(默认为: #f06000);
  • 链接打开方式:设置幻灯片的链接打开方式 ( 只有在各模块中设置了“链接地址”项,该设置才会生效 );默认为”当前窗口”打开方式;
    当前窗口: 在当前页面的同一浏览器窗口打开链接
    新开窗口: 在新的浏览器窗口中打开链接
  • 切换间隔时间:设置幻灯片每次切换的间隔时间,也就是每个幻灯片停留的时间(数值越大, 切换间隔时间越长, 也就是每个幻灯片停留显示的时间越长);

首页栏目

栏目设置

网站首页除大幻灯片模块外,其他各种自定义首页栏目模块都是在后台的【 外观小工具 】页面的 “ 首页栏目 ” 中添加管理的。

WordPress首页栏目设置

首页栏目设置

  • 栏目设置:在 外观 – 小工具 的 ” 首页栏目 ” 中,通过拖拽添加可重用 小工具 实现;具体栏目设置方法,请看本文下方详细教程
  • 栏目间距:设置首页栏目模块的上下间距;

 

栏目标题

自定义设置网站首页栏目标题的统一样式,该样式可被不同栏目模块设置的样式覆盖;也就是说,如果您在添加的小工具中自定义了样式,那么这个统一样式针对该小工具就失效了。

  • 字体大小:设置首页栏目模块的标题字体大小;
  • 粗细样式设置首页栏目模块的标题粗细样式(淡细 / 正常 / 粗体 / 特粗);
  • 文本格式设置首页栏目模块的标题字体大小写格式(正常 / 大写字母 / 小写字母 / 首字母大写);
  • 文本修饰设置首页栏目模块的标题字体修饰样式(正常 / 下划线 / 上划线 / 中划线(删除线));
  • 对齐方式设置首页栏目模块的标题对齐方式(左对齐 / 居中 / 右对齐);
  • 颜色设置首页栏目模块的标题颜色;
  • 链接颜色设置首页栏目模块的标题链接颜色(一般)、鼠标悬停点击颜色(激活);

 

首页侧边栏

自定义设置网站首页是否显示侧边栏模块。

  • 侧边栏:网站首页是否启用侧边栏模块;默认为”不启用” ,如启用,则首页侧边栏的显示位置(左侧 / 右侧 ),和在 布局设置侧边栏布局 中设置的保持一致。

 


首页栏目设置教程

在后台的【 外观小工具 】页面,我们可以通过拖拽添加内置的几十种不同功能的小工具(包括插件扩展或自己添加的第三方小工具),来实现网站首页各种自定义栏目模块管理及内容设置。各栏目模块可以任意拖拽组合、布局、排序;操作简单快捷、流畅直观,不需要进行代码编写即可完成。

WordPress首页可视化编辑

首页栏目拖拽添加

此外,我们还可以使用图中的 使用实时预览管理 功能来,进行可视化实时编辑,所见即所得,更便于栏目模块的编辑管理操作和维护。方法如下:

1.1 在后台的【 外观小工具 】页面,点击图中的 使用实时预览管理 链接,如下图所示位置:

WordPress小工具可视化管理

可视化管理小工具

1.2 进入可视化自定义小工具页面,如下图所示:

WordPress小工具可视化管理

可视化管理(首页栏目)小工具

1.3 接着点击 首页栏目 进入网站首页的栏目(小工具)的可视化添加、删除、修改等管理;如下图所示:

WordPress首页栏目模块 小工具列表

首页栏目 小工具列表

点击其中的 添加小工具 按钮,就可以在内置的几十种小工具中选中添加设置更多首页栏目了。

1.4 选择其中的一个小工具栏目,就可以进行小工具参数的自定义设置了,如下图所示:

WPPOP – 产品 | 图片列表 小工具栏目为例,这是自定义显示最新产品图片列表的;其中的参数可以自定义 栏目标题、栏目分类、显示产品数量、显示列数、是否通栏,以及栏目模块外观样式相关的参数:文本颜色、链接颜色、点击颜色、背景颜色、背景图片(背景重复方式、背景位置、背景附着方式)等。

WordPress首页栏目模块参数设置

栏目模块参数设置

每一项的参数自定义设置完成后,在右侧的网站预览区域,都可以实时可视化看到具体的变化;非常方便地直观体验到网站的当前状态,更利于快速编辑创建网站首页栏目。

1.5 所有网站首页栏目添加设置完成后,点击顶部的 发布 按钮就可以保存全部设置,创建好一个全新的自定义网站首页了。

专业的外贸企业建站优化服务商

助力企业开启国际化外贸建站营销推广新模式

帮助企业轻松获取高质量全球客户询盘和订单

查看模板 在线咨询
100+ 外贸建站模板
7X24 售后服务保障
19000+ 外贸会员用户
99.9% 用户好评率
0 去购物车结算
QQ在线客服
025-84234440
帮助中心
返回顶部