1. 主页
  2. 主题
  3. Impreza主题-文档1

Impreza主题-文档1

网站基础知识

主机

要使用Impreza运行WordPress,您需要具有最低要求的Web 主机

  • PHP版本7或更高版本
  • MySQL 5.6或更高版本或者 MariaDB 10.0或更高版本
  • mod_rewrite Apache模块

有很多合适的主机。联系您的潜在主机并询问他们,主机是否与WordPress兼容。或者你可以找到专注于WordPress网站托管的公司,例如Bluehost。

第1步:导航到托管提供商网站。

1.png

第2步:选择你的计划。

2.png

步骤3:注册新的域名或使用现有的域名。

3.png

第4步:提供帐户信息。

4.png

第5步:选择下面可以找到的复选框,以选择其他服务。

5.png

第6步:提供您的帐单信息。

6.png

第7步:导航到cPanel并点击WordPress图标。

7.png

第8步:点击开始按钮。

8.png

FTP

FTP是用于从本地计算机下载和上传文件到服务器的网络协议。

如果您之前没有使用FTP客户端,我们推荐使用FileZilla,它在大多数流行平台上免费提供。

第1步:下载并安装FileZilla。

第2步:导航到Site Manager并点击New Site按钮。将登录类型设置为正常。然后在您的主机帐户中打开面板,找到主机,端口,用户名和密码。将它们填充到FileZilla的相应字段中。

12.png

第3步:点击连接按钮。之后,服务器上的文件和文件夹列表应该可用。现在您可以将文件和文件夹从本地计算机拖放到服务器。

备份

我们建议通过您的托管进行备份。下面描述的方式是后备。

下载All-in-One WP Migration插件并安装它。导航到所有功能于一身的WP迁移>导出。

2096.jpeg

点击高级选项展开它们。选择复选框选择不需要备份的数据(不包括主题和插件有时可能是个好主意)。

2097.jpeg

点击Eport按钮开始导出。

还原

导航到所有功能于一身的WP迁移>导入。然后拖放备份文件以上传它。

2098.jpeg

 

安装

要求和兼容性

确保您的虚拟主机具有运行基于Impreza的WordPress网站的最低要求

Impreza完全兼容WordPress 4.9.4

插件兼容性

浏览器兼容性

  • Chrome
  • Safari(版本10及以上)
  • 火狐
  • Internet Explorer 11
  • 边缘
  • UC浏览器
  • Opera Mini

主题安装

在ThemeForest上购买主题后,您可以下载主题。注意:您可以从ThemeForest下载2个档案:

1162.png

  • 首先是带有文档链接和一些其他文件(如儿童主题)的产品档案
  • 其次是存档Impreza .zip,主题本身 – 您需要安装此文件

您可以通过两种方式安装主题:通过WordPress主题上传功能或通过FTP。

通过WordPress安装

步骤1:导航到外观>主题

第2步:单击添加,然后按上传主题按钮。

第3步:在计算机上找到存档Impreza .zip,然后单击立即安装按钮。

步骤4:安装完成后,主题必须出现在外观>主题页面,您可以在其中激活它。

通过FTP安装

第1步:通过FTP软件连接到您的主机

第2步:在计算机上解压缩存档Impreza .zip

第3步:将提取的主题文件夹上传到WordPress安装中的wp-content / themes

对于高级用户或总是喜欢添加高级别定制的人员的建议是激活子主题。此外,您可以使用演示内容快速设置您的主题,与我们的演示网站相同。

演示内容

导航到仪表板中的Impreza> Demo Import以导入演示内容。请注意,只有激活了主题,才能使用演示导入。

您可以随时单独导入内容,主题选项,革命滑块和WooCommerce产品,只勾选需要的复选框。另外请注意,您之前的内容不会被覆盖

我们建议仅在新鲜的WordPress安装中导入演示内容。

1876.jpg

 

更新主题

我们强烈建议始终让您的Impreza保持最新状态。检查更新日志中的最新版本。另外,在更新主题之前进行备份

快速一键更新

要通过WordPress仪表板接收Impreza更新,您只需激活您的主题。每次我们发布新版本的Impreza时,您都会看到一个通知圈,并且可以通过点击外观>主题来更新主题:

1927.png

手动更新

您可以在下载页面下载最新版本的Impreza.zip

1926.png

下载后有两种手动更新主题的方式:

通过WordPress更新

  • 导航到外观>主题
  • 激活WordPress带来的默认主题之一。
  • 通过选择主题详情,然后单击删除(右下角),删除安装在网站上的当前版本的Impreza 。这不会删除以前的主题选项,因此一旦安装最新版本,信息将不会更改。
  • 在同一页上按添加新建,然后选择上传主题,在您的计算机上找到Impreza .zip文件,然后单击立即安装按钮。

通过FTP更新

  • 通过FTP软件连接到您的主机
  • 在计算机上解压缩Impreza .zip文件
  • 将提取的Impreza主题文件夹上传到wp-content / themes / Impreza,覆盖以前版本的所有文件。

主题激活

我们一直热衷于为您提供更好的服务,这就是为什么从Impreza 2.10开始,我们实施了新的主题激活功能。

主题激活意味着什么?

这是一个非常简单的过程,可以让您根据原始的ThemeForest许可验证您是否正在使用您的Impreza。简而言之,它证明了你的购买。

你为什么执行它?

这是一个重要的事情,使我们能够为您提供额外的功能(您可以在下面阅读有关内容),同时不要违反第三方的许可证。

我可以在不激活的情况下使用我的Impreza吗?

你当然可以!无需激活即可使用快速入门所需的一切:您可以安装Impreza,安装WPBakery Page Builder插件。但是有以下限制:

  • 未激活的主题不会收到快速更新,因此您只能手动更新主题
  • 未激活的主题不允许通过单击安装其插件,因此您只能手动安装它们
  • 未激活的主题不会接收其插件的快速更新,因此您只能手动更新它们
  • 未激活的主题不允许使用Header Builder插件(即使它已经安装)
  • 未激活的主题不允许使用演示导入

激活我的Impreza会受益于什么?

  1. 快速一键主题更新!一些更新一定是紧急的:有时我们修复严重错误或提供与第三方软件突然更新的兼容性。在这些加热时间内,您可以更快速地更新ThemeForest上的主题(来自我们自己的服务器)。您将收到关于新的可用Impreza版本的默认WordPress 通知
  2. 快速的一键安装!主题激活后,您可以通过单击安装所需的插件
  3. 更频繁的插件更新!在此之前,当我们想更新一些插件时,我们也必须更新主题。现在,您可以单独更新插件(从我们自己的服务器),这将允许您比我们决定更新主题本身更早接收它们的新版本。
  4. 标题生成器插件!在主题激活后,您将能够安装和使用新的独立Header Builder插件,这将允许您自定义您的网站标题,就像以前一样!
  5. 演示导入!在主题激活后,您可以导入我们的Impreza演示中使用的任何内容和主题选项

我如何激活我的Impreza?

我们尽最大努力使这一过程尽可能简单:

  1. 在WordPress管理仪表板中打开Impreza>关于页面
  2. 点击激活Impreza按钮
  3. 您将通过Envato(ThemeForest)登录重定向到此支持门户
  4. 从您希望激活的下拉许可证中选择
  5. 激活后,您将被重定向回您的网站并获得激活确认

2076.jpeg

如果您看到Impreza Child未激活的提示,请转至外观>主题,切换至主Impreza主题,然后尝试再次激活。

我可以在临时(开发)域上激活Impreza吗?

是的,只要符合ThemeForest许可协议,您就可以在任何临时或本地环境中激活您的许可证用于开发目的。一旦该网站建立在临时环境中,您就可以使用3D聚会迁移插件(All-in-One-WP-Migration是一个更好的选择)将其转移,然后在您的许可证页面上停用许可证并在您的现场网站上重新激活它。

您可以管理“ 许可证”页面上的所有许可证,具体为:

  • 查看所有购买的UpSolution主题许可证
  • 查看激活许可证的网站
  • 停用已激活的许可证

插件

插件是一个WordPress插件,极大地增加了Impreza的可能性。所有插件都免费提供,包括他们未来的更新(如果您使用Impreza当然)。目前Impreza附带以下高级插件:

我们计划实施新增功能,以更多地改进主题。要查看当前可用的插件,请转至管理控制台中的Impreza> Addons页面:

q6yS6Ne.png

如何安装插件?

有两种方法可以安装插件:

1.快速单击安装

进入Impreza> Addons页面(见上图)并点击“立即安装”按钮。就这样!

2180.jpeg

请注意,一些插件可以锁定,在这种情况下,您需要激活您的主题才能解锁它们。

2.手动安装

如果你不想激活你的Impreza主题,你可以通过上传插件归档(Header Builder除外)手动安装插件。要下载需要的档案,只需转到ThemeForest,在列表中找到Impreza主题,点击“下载”按钮并点击“所有文件和文档”。提取下载的档案并在“Addons”子文件夹中找到需要的插件存档。

BYh57wL.jpg

如何更新插件?

有两种方法可以更新插件:

1.自动更新

如果您激活了主题,则可以看到关于可用的新版插件的默认WordPress通知(当它们将在我们的服务器上可用时):

W9k90Rs.jpg

在这种情况下,只需进入插件页面,找到应该更新的突出显示的插件,然后单击“立即更新”链接:

5bEpK4z.jpg

2.手动更新

如果您不想激活您的Impreza主题,则可以通过上传相应的插件归档手动更新插件。要查找所需的档案,请阅读手动安装部分。

一般准则

使页面成为主页

默认情况下,WordPress会将最新的帖子Feed设置为主页。如果您想将一些不同的页面设置为您的主页,请按照以下说明进行操作。

第1步:导航至设置>阅读。

13.png

第2步:选择一个静态页面选项。

第3步:从下拉列表中选择一个页面。

第4步:请不要忘记保存更改。

14.png

菜单

如何创建菜单?

Impreza使用默认的WordPress菜单功能。阅读WordPress菜单用户指南

如何自定义页眉菜单外观?

如果Header Builder插件处于活动状态,请更改Menu标头元素中的菜单选项。如果没有,请检查标题选项页面。

要更改标题菜单的颜色,请转到主题选项> 颜色

如何自定义菜单下拉菜单?

自Impreza版本4.6以来,可以自定义任何菜单中每个主要项目的下拉菜单。下拉菜单设置仅适用于包含子项目的第一级项目。

转至外观>菜单,然后点击“下拉菜单设置”链接:

2064.jpeg

调整打开窗口中的设置:

2114.jpeg

  • 下拉列 – 设置从1到6显示的列数
  • 下拉宽度 – 在px中设置“全宽”或“自定义宽度”(默认情况下,“全宽”等于“主题选项”>“布局选项”中的“网站内容宽度”
  • 下拉方向 – 如果您的菜单项被浏览器边缘裁剪(通常用于最后一个带下拉菜单项)
  • 下拉式填充 – 为下拉内容设置自定义填充
  • 自定义背景颜色 – 分配自定义背景颜色
  • 自定义文本颜色 – 分配自定义文本颜色
  • Backgound Image – 分配自定义背景图像并调整其设置

2066.jpeg

请注意,如果第二级别物品具有第三级物品,它将转换为“标题视图”项目:

284.png

如果没有 – 所有二级项目照常显示:

285.png

如何将菜单添加到页脚或页面内容?

要将菜单添加到特定的内容区域,请使用WPBakery Page Builder的WP自定义菜单元素:

1884.jpeg

1883.jpeg

如何将一个按钮添加到菜单?

要将任何一级菜单项(不是子项)转换为按钮视图,请转至外观>菜单,并将btn CSS类添加到所需的菜单项并保存更改。

800.png

如何将图标添加到菜单项?

您可以通过在菜单项的“导航标签”字段添加<i class =“fa fa-star ”> </ i> 将图标添加到菜单。

801.png

FontAwesome列表中将fa-star更改为任何其他图标名称。

后备菜单位置

Impreza 4.6.2及以上版本包括一个自定义菜单位置,它是第三方插件的回退位置,例如UberMenu,DigiMember等。在大多数情况下,您不需要使用此选项。

2069.jpeg

选中该复选框后,转到Impreza>主题选项>标题选项>菜单选项(如果标题生成器已停用)或Impreza>标题,编辑所需的标题并选择相应的菜单,其名称应包含自定义菜单在括号内。

小工具和侧边栏

侧边栏是用于显示一些小部件的特殊区域。当您需要在多个页面上显示具有相同元素的区域时(例如,博客帖子),这非常有用。

Impreza包含预定义的“ 默认侧栏 ”:

287.png

添加自定义侧边栏

转到外观>小工具页面,并在其中添加自己的侧边栏:

2136.jpeg

完成之后,使用任何可用的小部件填充创建的侧栏:

2137.jpeg

分配侧边栏

有两种方法可以分配一个侧边栏:

  1. 在主题选项> 侧边栏的全局特定帖子类型。

编辑页面时,通过页面右侧的特定页面:

2043.jpeg

图标

Impreza 整合了整个FontAwsomeMaterial图标,您可以在内容元素,标题元素,小部件以及任何其他情况下将它们用作文本的一部分。

如何使用图标?

FontAwsome网站素材图标网站上选择合适的图标,将所选名称复制并粘贴到元素或选项的相关图标字段。

1851.jpeg1852.jpeg

注意:添加FontAwesome图标时,您始终需要使用带有图标名称的fa-前缀,请查看示例:

  • fa-heart,fa-star-o,fa-user-circle – 将被显示
  • 心脏,星号,用户圈 – 将不会显示

当图标名称不包含fa-前缀时,它将始终被解释为材质图标。

如何将图标添加到菜单项?

您可以通过将以下代码添加到“导航标签”字段中,将图标添加到菜单项中

对于FontAwesome图标:

<i class =“fa fa-star”> </ i>

或用于材料图标:

<i class =“material-icons”> star </ i>

41.png

响应式图像

本文将有助于理解在基于Impreza的网站上显示图像的机制。

首先你应该知道的 – 上传到你的媒体库的每一个图像将自动创建几个缩略图(尺寸为像素),这是一个默认的WordPress机制。这些缩略图的数量取决于图像的原始尺寸和设置。检查下表。

预定义的图像尺寸

尺寸(px) 在默认情况下使用
1024 x 1024 – 具有“经典”布局和1列的博客
– 元标记“og:image”
768 x任何 – 带有“砌体”模式的博客
– 带有“砌体”模式和2,3,4,5列的图库
– 投资组合内容元素
300 x 300 – 带有“砌体”模式和6,7,8,9,10列的图库
– 标志展示元素
– 预加载器屏幕自定义图像
150 x 150(裁剪) – 带有“网格”模式和8,9,10列的图像库
– 图像滑块“大拇指”附加导航
– 投资组合页面和帖子上的侧面导航
– 投资组合小部件图块
– 见证作者照片
– 产品页面上的产品库缩略图
– 产品预览WooCommerce小部件
600 x 600(裁剪) – 具有“经典”,“平面”,“卡片”,“瓷砖”布局的博客
– 带有“网格”模式的图像库和2,3,4列
350 x 350(裁剪) – 带有“小圆圈图像”和“小方形图像”布局的博客
– 带有“网格”模式和5,6,7列的图像库
– 人员元素
– 相关文章在帖子页面上的预览
600 x 600(裁剪) – 产品页面上的主要产品图像
300 x 300(裁剪) – 所有产品列表(商店和类别页面,交叉销售和追加销售区块)
  • (裁剪)意味着缩略图将被裁剪为精确的宽度和高度,忽略原始图像的比例
  • 如果两个或多个图像尺寸具有相同的值,则只会生成一个缩略图

关于上面的表格,当您上传大图片(大于1024px)时,默认情况下会生成6个缩略图(如果您使用WooCommerce,则会生成8个缩略图)。所有缩略图都位于WordPress安装的/ wp-content / uploads /文件夹中,缩略图的文件名后缀为后缀,即像素尺寸:

1967.png

如何添加新的图像尺寸

Impreza 4.4中,我们添加了通过主题选项>高级>自定义图像尺寸中的特定选项添加新图像尺寸的功能

2173.png

您可以设置任何数量的其他图像大小。添加新尺寸或更改现有尺寸后,您应该重新生成缩略图。

由于每个图像大小,我们不建议设置许多图像大小:

  • 当您将图像添加到媒体库时,会增加上传时间
  • 在上传目录中创建关于您上传图片数量的附加文件。例如,如果您上传100个图像到您的网站,默认情况下您将有700个文件摘要,每重新生成缩略图后每增加一个图像大小都会添加100个文件。

重新生成缩略图

当您更改现有图像大小的任何值或添加新图像时,应重新生成上传图像的缩略图。

再生仅通过插件提供。我们建议使用强制重新生成缩略图, 因为此插件也会从上传目录中删除所有未使用大小的图像。

你可以在哪里选择图片尺寸

在大多数情况下,主题元素使用最适合的图像尺寸,通过Impreza代码进行预定义,请查看“ 预定义图像尺寸 ”表了解更多信息。但为了更好地管理网站页面加载速度,我们实现了为以下元素选择图片大小的功能:

  1. 单个图像
  2. 图像滑块
  3. 图片库
  4. 投资组合
  5. 博客
  6. 博客帖子预览块在主题选项
  7. 相关帖子块在主题选项
  8. 主题选项中的博客主页
  9. 在主题选项中归档页面
  10. 主题选项中的搜索结果页面
  11. 通过文本编辑器中的“添加媒体”按钮显示图像
  12. 通过文本编辑器中的“添加媒体”按钮创建图库

主题选项

一般

2261.jpeg

维护模式

打开此选项将您的网站置于维护模式。将显示所有未登录访客的特定页面(从页面列表中选择)。

2004.jpeg

启用“503服务不可用”状态

打开此选项可将服务器设置为发送503标题(服务不可用),这可能有助于避免由搜索引擎机器人编制此维护页面的索引。仅在短时间内使用此选项。

网站图标

选择一个将用作您的网站的浏览器和应用程序图标的图像。图标必须是方形的,并且至少有512个像素宽和高。这个选项只是重复WordPress的功能,以更好的方便。

预加载器屏幕

选择一个预定义的预加载器或将其禁用。

圆角

用下一个选项选择角落外观。

链接下划线

如果您希望在悬停时为文字链接加下划线,请启用此选项。

键盘辅助功能

向元素添加突出显示,以指示其重点状态。

“返回页首”按钮

启用此选项以显示该按钮,该按钮允许将页面滚动回顶部并自定义其外观:

2003.jpeg

Google Maps API密钥

此API密钥是2016年6月22日之后创建的域所必需的。了解API密钥

支持自定义帖子类型

您应该创建自定义帖子才能显示此选项(我们建议使用自定义帖子类型UI插件来轻松创建自定义帖子)。

网站布局

2165.jpeg

响应式布局

打开此选项以启用响应式布局,使您的布局适合在不同设备(台式机,平板电脑和手机)上观看。

当响应行为被停用时,主题会在所有设备上显示页面的所有区域和元素的固定宽度,当屏幕宽度小于最大值,您还应该设置启用移动布局

网站布局

1953.jpeg

宽布局 盒装布局
1383.jpg 1384.jpg

一旦选择了Boxed布局,您可以设置Body Background ColorBody Background Image:

 

2036.jpeg

布局宽度

看看下一张截图,可以更好地理解布局,您可以设置主站点区域的宽度:

  1. 网站画布宽度
  2. 网站内容宽度
  3. 内容宽度
  4. 边栏宽度

1195.jpg

列堆叠宽度

当屏幕宽度小于此值时,一行内的所有列成为单个列。

影响禁用宽度

当屏幕宽度小于此值时,以下选项被禁用:

  • 行中的背景视频
  • 行和标题栏中的背景图像的视差效果
  • 列和单个图像元素的动态外观
  • 点击组合元素的图块,在弹出窗口中打开投资组合页面

行高度默认

为整个网站中的所有行设置默认行高值。

颜色

选择一种预定义的颜色方案:

2242.jpeg

或者根据其中一个预定义方案(通过更改现有值)创建一个新的方案,并保存它:

2243.jpeg

颜色值的含义

2241.jpeg

  • 背景颜色 – 所有网站页面的默认背景颜色
  • 备用背景颜色 – 用于所有表单中的输入字段,用于投资组合和博客中的“加载更多”按钮,用于投资组合过滤器栏,导览和标签标题背景以及常规定价表头
  • 边框颜色 – 所有元素的默认边框颜色
  • 标题颜色 – 所有文本标题的默认颜色
  • 文本颜色 – 所有网站页面的默认文本颜色
  • 链接颜色 – 文字链接的颜色
  • 链接悬停颜色 – 悬停时文本链接的颜色
  • 主要颜色 – 主要重点颜色,用于许多内容元素
  • 辅助颜色 – 辅助重音颜色,通常用于内容元素的悬停状态
  • 褪色元素颜色 – 用于贴子元素(日期,类别,标签,作者等),面包屑,标签云链接,一些图标

替代内容的颜色的含义相同内容的颜色,只是位于行或标题栏与替代内容的颜色项目:

1203.jpg

如何使用调色板?

转到Impreza>主题选项>颜色,选择所需颜色,然后单击加号图标将其添加到调色板:

2247.jpeg

添加颜色后,您可以将它们应用于主题选项,标题生成器网格布局编辑器,页面选项,WPBakery页面生成器元素中的其他颜色输入

2250.jpeg

对于文本编辑器:

2249.jpeg

如何应用页脚颜色?

将相应的行颜色样式指定给页脚行的行设置:

1-1aXSNS.jpeg

标题栏

标题栏是所有网站页面的特殊区域,其中始终包含页面标题,并可能包含面包屑页面描述。标题栏与页面内容区域无关,不能由内容元素填充。

您可以为页面,投资组合页面,博客文章,存档和搜索结果页面,WooCommerce商店和产品页面全局自定义标题栏外观。此外,您可以通过页面选项单独为每个页面定制标题栏外观。

2147.jpeg

默认值

为标题栏设置默认设置,它们将应用于所有常规页面和自定义帖子(由“自定义帖子类型UI”或其他任何添加自定义帖子的第三方插件创建)。

标题栏大小

选择预定义的标题栏大小之一:

  • 巨大

标题栏颜色风格

选择一种预定义的颜色样式:

  • 内容颜色
  • 备用内容颜色
  • 主要bg&白色文本
  • 中学bg&白色文本
  • 顶部页脚颜色
  • 底部页脚颜色

所有这些颜色样式可以在主题选项>颜色中更改。

面包屑

选择是否显示或隐藏面包屑。

背景图像

我们建议上传1920px宽的原始图片,以使它们在所有设备上看起来不错。一旦你添加了一个图像,点击设置图像按钮,会出现其他选项:

2030.jpeg

背景图像大小

选择如何延伸背景图片:

  • 填充区域
  • 适合区域
  • 初始

背景图片重复

选择背景图像将如何重复:

  • 重复
  • 水平
  • 垂直
  • 没有

背景图像位置

设置背景图像的起始位置,此时有9个可用值。

视差效应

选择背景图像的预定义视差效果之一:

  • 没有
  • 垂直视差
  • 垂直反转视差
  • 水平视差
  • 固定

覆盖颜色

选择所需的覆盖图颜色及其不透明度,它会出现在背景图像上方。

组合页面

显示标题栏

选择是否在投资组合页面上显示或隐藏标题栏。

使用默认值

禁用此选项可分别自定义标题栏外观,否则将从默认区域进行设置

帖子

显示标题栏

选择是否在博客文章上显示或隐藏标题栏。

使用默认值

禁用此选项可分别自定义标题栏外观,否则将从默认区域进行设置

标题栏标题

设置标题栏标题,它会显示在所有博客文章中。

目前,所有博客文章仅在标题栏中显示特定(由您设置)标题,以避免在同一页面上重复发布标题。

存档,搜索结果页面

显示标题栏

选择是否在存档,搜索结果页面上显示或隐藏标题栏。

使用默认值

禁用此选项可分别自定义标题栏外观,否则将从默认区域进行设置

商店和产品页面

显示标题栏

选择是在商店和产品页面上显示还是隐藏标题栏。

使用默认值

禁用此选项可分别自定义标题栏外观,否则将从默认区域进行设置

页脚

自Impreza 4.6以来,您可以将所需的页脚分配给页面,投资组合,帖子,商店,存档和搜索结果页面。

2151.jpeg

转到Impreza>页脚查找所有页脚。使用WPBakery Page Builder编辑它们 并分配合适的颜色样式:

2061.jpeg

字体选项

正则文本

1829.jpeg

选择一个默认的网页安全组合(由操作系统安装),这些字体不需要加载。或者选择一种自定义字体,该字体将从Google字体中加载。

1260.jpg

选择Google字体之一后,您可以设置其他字体重量。

1264.jpg

分别设置桌面和移动设备的字体大小。

1265.jpg

标题

1259.jpg

选择一个默认的网页安全组合(由操作系统安装),这些字体不需要加载。或者您可以选择自定义字体,该字体将从Google字体加载。

1260.jpg

选择Google字体之一后,您可以设置其他字体重量。

1261.jpg

分别设置台式机和移动设备的字体大小。此外,您可以设置字体间距,字体重量,并选择每个标题单独显示标题文本的方式(全部大写,斜体或按原样)。

2006.jpeg

主菜单文本

为主菜单标签选择一种字体。

1266.jpg

然后你可以自定义字体重量。

1267.jpg

在相关的标题元素选项中设置主菜单字体大小。

子集

为Google字体选择字符子集(对于特殊字符正确呈现可能很有用)。

1269.jpg

注意:某些字体不支持特定的子集。

纽扣

您可以设置所有网站页面上按钮的全局外观。

2169.jpeg

文本样式

选择您的按钮文字是大写还是斜体。

默认字体大小

为所有按钮设置默认字体大小,它将用于下面的相对值。编辑时可以更改单独按钮的字体大小(或具有按钮的元素)。

字体重量

为所有按钮设置字体重量。

字母间距

为所有按钮设置字母间距(字母之间的距离)。

使用来自

选择哪个字体系列将应用于所有按钮,它将采用“ 版式”选项卡中的值。

相对高度

设置所需的按钮高度,取决于按钮字体大小值。

相对宽度

设置所需的按钮宽度,取决于按钮字体大小值。

角半径

设置角点半径,取决于按钮字体大小值。

影子

应用阴影并设置其大小,取决于按钮的字体大小值。

悬停风格

当您将鼠标悬停在按钮上时,选择应用于按钮的效果。

悬停的阴影

应用悬停时在网站按钮下方显示的阴影和大小。

投资组合

2236.png

中级面包屑页面

将任何页面设置为中间面包屑。标题栏中仅提供面包屑。

评论

该选项允许用户对投资组合页面进行评论。当禁用此选项时,即使在某些投资组合页面上单独启用评论,也会一次隐藏所有投资组合页面上的评论。

上一个/下一个导航

此选项可以在屏幕两侧的前/后组合页面之间进行导航(请参阅此演示网站)。

反转上一个和下一个

该选项交换导航元素的位置。

在类别中导航

此选项可以在同一类别内的投资组合页面之间导航。

投资组合页面S ##

  • 该选项允许更改投资组合页面的slu g。
    例如:默认投资组合页面具有类似yoursite.com/portfolio/project-one/的 URL ,通过此选项可以更改URL,如yoursite.com/works/project-one/
  • 您可以将此栏位留空,以完全移除此slu,,网址将显示为yoursite.com/project-one/

投资组合类别弹头

该选项允许更改投资组合类别的slu g。

博客

帖子

2155.jpeg

特色图片布局

为所有帖子页面选择精选图片版式。编辑时可以将其设置为单独的特定帖子。

特色图片尺寸

选择精选图片大小。

邮政元素

选择将显示哪些贴文元素。

分享按钮

打开此选项以启用将显示在帖子内容下方的共享按钮。选择要显示的按钮和预定义的按钮类型之一:

简单

1754.jpeg

固体

1755.jpeg

概述

1753.jpeg

作者信息

打开此选项以显示包含作者信息的框。

1283.jpg

上一个/下一个导航

打开此选项以显示前一个/下一个帖子的链接。

2011.jpeg

在帖子内容下方

1284.jpg

屏幕的侧面

2012.jpeg

相关文章

相关帖子是具有相同标签的帖子,此时相关帖子在每个页面载荷上随机显示。您可以选择相关帖子的布局:

紧凑
1985.jpeg

标准
1984.jpeg

博客主页,档案和搜索结果页面

  • 博客主页是在设置>阅读中选择的页面作为您的最新帖子帖子页面:1300.jpg
  • 归档页面用于发布类别,月份归档,发布标签,发布作者和附件
  • 搜索结果页面在使用您网站上的任何搜索字段后显示

所有这些博客页面都有相同的选项,如下所述:

2013.jpeg

将帖子显示为

您可以为Classic,Flat,Cards,Tiles博客布局启用砌体模式。

布局

选择博客主页的布局

图像大小

选择缩略图大小。

帖子栏目

选择博客布局的列数。

帖子内容

选择内容进行后期预览。

职位元素

选择将显示哪些贴文元素。

分页

选择分页类型。

更多选项

2014.jpeg

摘录长度

在摘录中的词的输入量。如果您想显示帖子的全部内容,请将此栏留空。

阅读更多按钮样式

选择按钮的实体或轮廓样式。

阅读更多按钮颜色

将其中一个预定义的颜色应用于按钮。

阅读更多按钮尺寸

指定所需的按钮尺寸(例如:26px,1.3em,200%)。

博客响应行为

该选项会更改所有博客列表中的一系列帖子。它也适用于Carousel模式。

2157.jpeg

产品网格样式

为所有页面选择产品风格。

标准

1845.jpeg

现代

1846.jpeg

新潮

1847.jpeg

产品网格列

在一行产品网格中选择数量的列(从1到6)。该选项适用于全球所有网站页面。

792.png

相关产品数量

在产品页面和购物车页面上选择相关产品数量(从1到6)。

794.png

购物车页面样式

在购物车页面上选择页面块的外观:

标准

这种风格适用于有长词的语言(如德语)。

1828.jpeg

紧凑

1827.jpeg

目录模式

打开此选项可禁用通过在所有网站页面上删除“添加到购物车”按钮来购买产品的功能。

高级

主题模块

如果您不打算在您的网站上使用Portfolio或Testimonials模块,请关闭这些选项。

2167.jpeg

网站性能

2168.jpeg

推迟Google字体loading 

打开此选项可强制在页面内容之后加载Google字体文件。这应该会改善Google PageSpeed Insights测试的结果,并可能会提高Google的排名。

将jQuery脚本移动到页脚

打开这个选项来设置默认的WordPress jQuery脚本,在页面内容之后加载。这将提高页面加载速度。

请注意,如果其中一个3D派对插件在<head> </ head>部分中请求了jQuery库,那么脚本将不会移动到页脚。例如,要使此选项适用于Slider Revolution,您应该将其脚本移动到页脚,参阅本文以获取详细信息。

禁用jQuery迁移脚本

打开这个选项禁用jquery-migrate.min.js,这会提高页面加载速度,但可能会导致与某些3d插件的兼容性问题。

动态加载主题JS组件

打开此选项以设置要加载的Impreza主题JavaScript文件(gmaps.min.js,jquery.isotope.js,jquery.magnific-popup.js,jquery.royalslider.min.js,owl.carousel.min.js)动态地通过AJAX XHR请求,并且如果他们被特定元素请求,而没有额外的外部请求。这将提高页面加载速度,以及SEO排名。

禁用WPBakery页面生成器的额外功能

关闭此选项以启用Grid Builder和WPBakery Page Builder的一些默认内容元素(请查看下面的列表)。这些功能将在每个网站页面上加载额外的JS和CSS文件,因此它将减少页面加载速度。

以下内容元素在Impreza中默认处于禁用状态:

  • 部分
  • 图标
  • Facebook喜欢
  • Twitterme按钮
  • Google+按钮
  • Pinterest的
  • 常问问题
  • 可分页容器
  • VC按钮
  • 职位滑块
  • Flickr小工具
  • VC进度条
  • 饼形图
  • 邮政网格
  • 媒体网格
  • 后砌体网格
  • 砌体媒体网格

优化CSS大小

主题选项CSS代码可以以两种方式存储:

  • 在一个单独的CSS文件中,位于yourwebsite.com/wp-content/uploads/us-assets/文件夹中
  • 每个网站页面的HTML结构中的<head>部分

打开这个选项只加载一个CSS文件。您可以禁用未使用的组件以减小文件大小。这将改善页面加载速度。

2170.jpeg

每次点击“保存更改”按钮时,CSS代码都会被缩小并生成。

图像尺寸

设置您自己的图像大小将用于主题元素,以提高页面加载速度。
阅读图像大小

1972.jpeg

自定义代码

自定义CSS 

该字段允许通过CSS自定义您的网站外观(或修复一些小问题)。该字段的代码将被添加到主题选项生成样式的末尾。

自定义HTML 

此字段通常用于Google Tracking代码或其他跟踪代码(WebMaster工具代码)。此外,此字段允许将自定义代码(HTML,jQuery,原始JavaScript)插入每个网站页面的页脚部分(正好在关闭HTML结构的</ body>标记之前)。

管理选项

2160.jpeg

重置主题选项

您可以通过单击重置按钮来重置所有主题选项,重置它们时要小心,如果您没有进行备份将无法恢复它们

备份主题选项

在对主题选项进行任何更改之前或重新设置之前,运行现有主题选项的备份,在其他情况下,我们建议进行完整站点备份

传输主题选项

选择文本区域中的所有代码(通过按下键盘上的CTRL + A),复制它,然后将复制的代码插入到另一个站点,或者将其保存为文本文件。请注意,它仅适用于相同的Impreza版本。

 

更新于 2018年12月4日

帮到你了吗?

相关文章