Cherry WooCommerce文档

介绍

感谢您购买WordPress模板. 本文档由几个部分组成,向您展示从头开始设置和管理WordPress网站的整个过程.

什么是WordPress CMS?

WordPress是一个免费的开源博客工具和基于PHP和MySQL的内容管理系统(CMS). 它使您能够建立网站和强大的在线应用程序,几乎不需要任何技术技能或知识来管理. 许多方面, 包括其易用性和可扩展性, 是什么让WordPress成为最流行的网站软件. Learn More

什么是WordPress模板

WordPress模板是使用WordPress CMS平台构建的网站的皮肤. 换句话说, 通过简单的几个步骤安装一个新的模板,你可以很容易地改变WordPress网站的外观. 虽然它很简单, WordPress模板提供了所有必要的源文件,您可以自由地编辑或扩展您需要的方式.

帮助和支持

文件结构

您下载的模板包由几个文件夹组成. 让我们看看每个文件夹包含什么:

  • 文档 -包含文档文件.
    • 文档.html -主文档文件. 你就在这里:)
  • screenshots -包含模板截图. 不用于生产.
  • sources.zip -包含模板源文件.
    • psd -模板adobephotoshop源文件(.psd).
  • theme -包含WordPress主题文件.
    • CherryFramework.zip -樱桃框架主题存档. 包含所有主题文件. 应该通过WordPress扩展管理器安装吗.
    • theme####.zip -theme (child-theme)存档. 包含所有主题文件. 应该通过WordPress扩展管理器安装吗.
    • sample_data -包含文件,可以使您的WordPress网站看起来像我们的现场演示.
      • sample_data.xml -包含所有模板样本数据(帖子,页面,类别等.).
      • widgets.json -包含小部件设置.
      • 各种图像和其他媒体文件
    • manuall_install -包含文件,可以使您的WordPress网站看起来像我们的现场演示.
      • uploads -包含主题图像.
      • theme#####.sql -数据库备份文件(包含主题内容).
  • license.txt -包含许可证详细信息.
  • fonts_info.txt -包含可以下载模板自定义字体的链接.
  • info.txt -包含如何提取源文件的说明.

Validation

模板中使用的HTML标记和CSS样式在语义上都是正确和有效的. 但是,仍然会发生一些W3C错误. 使代码100%符合W3C标准,消除了CSS3功能和HTML5标记等现代网站技术的使用. 我们的目标是用高质量的模板提供丰富的用户体验,有时我们不得不打破一些规则.

模板安装

模板安装从未如此简单. 安装过程只包括三个简单步骤:Cherry框架安装, 子主题安装和示例数据安装.

所有的安装步骤都可以在WordPress界面内完成. 它使过程舒适和快速.

你可以通过点击下面的链接来验证这一点:

Step 1. CherryFramework安装

  1. 登录到你的WordPress管理面板(在浏览器地址栏中添加/wp-admin到你的域名).
  2. 打开菜单 Appearance > Themes 然后点击 添加新主题 button.
  3. Click the Upload link.
  4. Click the Browse 按钮并导航到计算机上解压缩的模板包.
  5. 查找一个名为 CherryFramework.zip. 单击它来选择,然后单击 OK.
  6. Click the 现在安装 按钮,等待安装完成.
  7. Click the Activate theme link.

欲了解更多信息,请查看详细的视频教程 如何安装樱桃框架模板.

祝贺您,您已经安装了框架.

Step 2. 主题安装

现在你可以继续安装子主题了: theme####.zip. 步骤是一样的:

  1. 打开菜单 Appearance > Themes 然后点击 添加新主题 button.
  2. Click the Upload link.
  3. Click the Browse 按钮并导航到计算机上解压缩的模板包.
  4. 查找一个名为 theme####.zip (where XXXX 是您的主题的唯一编号). 单击它来选择,然后单击 OK.
  5. Click the 现在安装 按钮,等待安装完成.
  6. Click the Activate 将网站的当前布局更改为您购买的主题的链接.

恭喜,框架和主题都已成功安装!

Step 3. 示例数据安装

要使您的WordPress网站看起来像我们的现场演示,请按照下面的说明. 我们还建议你随时准备一个备份 .sql file exported 从你的数据库中.

注意:对于在Cherry Framework v3上构建的模板.要安装样本数据,您需要从“sample_data”目录上传XML和JSON文件. 图像和其他媒体文件应该从“manual_install\uploads”目录上传. 确保从所有子目录上传所有图像.
  1. 打开菜单 樱桃插件 > Import Content.
  2. 首先,您可能会看到需求表,显示您的托管服务器是否满足樱桃插件的要求. 如果有任何警告,请联系您的主机提供商.
  3. 如果所有服务器设置都正确,您将看到上传屏幕. Open “主题/ sample_data” 并将所有文件上传到WordPress. 选项中选择的所有文件都可以上传 “主题/ sample_data” 目录(CTRL+A或Command+A),并拖动到上传区域.
  4. 确保从sample_data目录上传所有文件,包括 .JSON and .XML files. 上传完成后,点击“继续安装”按钮继续.

    ATTENTION: .JSON and .XML是继续进行示例数据安装所必需的. “继续安装”按钮仅在两种情况下可用 .XML and .已上传JSON文件.
  5. 单击“继续安装”按钮将激活示例数据安装过程. 安装步骤可能需要一些时间,具体取决于您的服务器设置. 请耐心等待.
  6. 祝贺你! 你已经成功安装了Cherry WordPress主题. 你现在可以看主题了.

开始

准备

在你开始设置WordPress网站之前,请确保你已经做好了充分的准备. 请完成以下准备步骤:

编辑软件

舒适地使用你的WordPress模板, 我们建议您下载所需的所有应用程序. 您可以在模板预览页面看到所需软件列表.
需求可能因模板而异,我们将告诉你一般需要什么:

  1. 首先,您需要正确的应用程序来提取受密码保护的源_#########.zip archive. 你可以使用WinZip 9+ (Windows)和Stuffit Expander 10+ (Mac).
  2. 您可能还需要Adobe Photoshop应用程序. 它是用来编辑的 .PSD源文件,它是必要的,如果你想编辑模板设计图形和图像.
  3. 编辑模板源代码文件, 你需要一些代码编辑器,比如Adobe Dreamweaver, Notepad++, 崇高的文本, etc.
  4. 上传文件到主机服务器, 你可能需要一个FTP管理器,如总指挥官, FileZilla, CuteFTP, etc.

Hosting

由于WordPress CMS是一个基于PHP/MySQL的应用程序, 你需要准备一个运行WordPress的托管环境.

如果你有一个现场托管,请确保它匹配 WordPress软件要求 并准备用于WordPress网站.

否则,您可以使用本地服务器在本地计算机上运行WordPress. 要创建本地托管服务器,请使用localhost应用程序,例如 WAMP, AppServ, MAMP, etc. 其中任何一个都可以作为任何其他程序轻松安装并用于运行WordPress.

请查看下面关于如何配置本地开发环境的教程:

发动机安装

下载正确的WordPress引擎版本. 在模板预览页面, 在需求部分, 你可以看到所需的WordPress版本. 请确保您下载的是正确的.
  1. WordPress引擎可以从WordPress官方网站下载.org 下载WordPress. 如果您需要更早的版本,您可以单击 释放档案 link.
  2. 下载完成后, 您需要从引擎和模板包中解压缩这些文件. 从WordPress引擎中提取文件 ZIP 包,你可以使用任何档案管理器,可以处理ZIP档案.

    下面的教程将向您展示如何在 窗口(WinZip) and MAC (StuffitExpander).

  3. 在提取文件之后, 你需要上传WordPress引擎文件和文件夹到你的主机服务器.

    所有这些文件和文件夹都应该上传到您的主机服务器上. 引擎文件应该上传到 PUBLIC_HTML or WWW 服务器上的目录.

    如果在托管服务器上没有看到PUBLIC_HTML或WWW目录, 请联系您的主机提供商并指定上传网站文件的位置.

    关于如何将文件上传到服务器,请查看以下教程:

  4. 在这一步,你需要创建一个数据库,它将被你的WordPress引擎使用.

    您可以使用宿主控制面板中的数据库管理工具(通常PhpMyAdmin).

    使用phpMyAdmin工具, 您将能够在3个简单的步骤中创建一个新的数据库(检查下面的幻灯片):

    1. 单击顶部导航菜单中的Database按钮以访问数据库清单.
    2. 在“创建新数据库”字段中输入数据库名称.
    3. 单击右侧的Create按钮.

    您的数据库可以在数据库清单中看到. 单击其名称以访问数据库.

    • 1. 单击Database按钮以访问数据库清单.

    • 2. 输入数据库名称.
      3. 单击Create按钮.

    • 4. 您的数据库可以在数据库清单中看到. 单击其名称以访问数据库.


    你也可以查看详细的视频教程 如何创建数据库.


    如果您在创建数据库时遇到任何问题, 请联系您的托管服务提供商寻求帮助.

    请随意查看下面的详细教程:

  5. 在你的浏览器地址栏中,输入你的域名/root到WordPress文件,然后按回车键. 这将启动安装过程.
  6. 创建配置文件. 初始的WordPress安装屏幕将通知您配置文件不可用. 单击Create Configuration File按钮创建配置文件.
    创建配置文件.

  7. 插入数据库详细信息. 您需要在这里输入WordPress数据库连接的详细信息.
    插入数据库详细信息.

  8. 插入网站详情. 在下面的屏幕上,您应该输入网站的详细信息,例如:
    • 网站标题
    • 管理员用户名和密码
    • 网站电邮地址.
    插入网站详情.

  9. 完成后,单击Install WordPress按钮.
    安装WordPress按钮.

    是否已正确插入所有数据, 你会看到Success窗口,上面有登录WordPress管理面板的按钮.

请随意查看下面的详细教程:

手动安装主题(通过FTP)

如果在安装示例数据时遇到问题,请按照下面的说明进行操作.

注意:导入SQL文件到您的数据库将覆盖您现有的内容和网站设置. 如果您想保留现有的内容,请不要导入SQL文件.
注意:在执行任何修改之前,始终备份数据库.
请注意,WordPress数据库表的前缀应该是 wp_.

要使你的WordPress看起来像我们的现场演示,请按照下面的说明.

  1. 确保主题已根据 下面的方向.
  2. Copy the"uploads文件夹(位于 主题/ manual_install / 文件夹)到 / wp-content / 你FTP上的文件夹.
  3. Open the theme####.sql 文件中的 主题/ manual_install / 文件夹(最好是Dreamweaver或记事本),并替换所有your_website_url_here,在整个文档中使用 查找和替换 工具(按Ctrl+H热键打开此窗口). E.g.: http://www.mywebsite.com
  4. Please, 确保地址末尾没有正斜杠“/”符号,url以http://www开头.
  5. 保存更改并关闭文件.
  6. 控件导入转储文件 phpMyAdmin 工具或其他数据库管理工具.

如果通过管理面板安装它们有问题,这里有另一种方法.
通过FTP安装样例数据

使用这种方法, 你需要通过主机控制面板的文件管理器或FTP客户端(如Filezilla)在FTP上访问你的WordPress网站文件, CuteFTP, 总指挥官, etc.

如果您已经使用示例数据安装或手动安装主题,并且主题的显示与Live演示不同, 请打开樱桃选项,点击“恢复默认设置”."
  1. Unzip the CherryFramework.zip and theme####.zip 文件到硬盘驱动器上的任何文件夹(首先,右键单击每个 .Zip文件,选择 解压到…CherryFramework and theme#### 因此,您将得到两个名为CherryFramework和theme####的文件夹).
  2. Upload the CherryFramework and theme#### 文件夹到 / / wp-content /主题 目录在FTP服务器上.
  3. 登录你的WordPress管理面板(在浏览器地址栏的域名后添加/wp-admin).
  4. 打开菜单 Appearance > Themes.
  5. Under the 可用的主题 部分找到 theme#### 激活它,点击 Activate button.

插件安装

在你安装并激活主题后,你可能需要安装额外的插件:

  1. 当主题被激活时, 在左上角,您会发现安装附加插件的通知. Follow the 开始安装插件 link.
    您也可以安装插件从仪表板,导航到 Appearance- > Install Plugins.
  2. 检查所需的插件.
  3. 在“批量操作”下拉菜单中选择 Install and click Apply.

主题插件:

樱桃插件

Attention: 安装和激活樱桃插件是需要短代码和小部件的正确工作. 樱桃插件是在安装Cherry Framework时默认安装并激活的.

Download: http://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip
描述: Cherry团队已经创建了一个可以被合理地称为完美的Cherry框架, 但我们一直在寻找更多的改进. 认识樱桃插件. 这是我们的樱桃框架的扩展,我们已经包括了所有的短代码和小部件,你将永远需要. 该插件是完全兼容任何WordPress主题的樱桃框架. So far, 该插件是一个测试版, 但我们将继续改进它,以提供更酷的功能.

联络表格7

Download: http://wordpress.org/extend/plugins/contact-form-7/
描述: 联络页面的联络表格.

兼容插件:

WPML

Download: http://wpml.org/
描述: WPML使构建和运行多语言站点变得很容易.

WooCommerce

Download: http://wordpress.org/plugins/woocommerce/
描述: WooCommerce是一个强大的,可扩展的电子商务插件,可以帮助您销售任何东西. 漂亮的.
文档: WooCommerce文档 在WooThemes.

BuddyPress

Download: http://wordpress.org/plugins/buddypress/
描述: 盒子里的社交网络. 为你的公司、学校、运动队或小众社区建立一个社交网络.

bbpress

Download: http://wordpress.org/plugins/bbpress/
描述: bbPress是仿照WordPress方式开发的论坛软件.

交流论坛

Download: http://wordpress.org/plugins/mingle-forum/
描述: 交流论坛允许您轻松快速地将论坛放在您的WordPress站点/博客上.

WP论坛服务器

Download: http://wordpress.org/plugins/forum-server/
描述: 这个WordPress插件是一个完整的论坛系统,为您的WordPress博客.

从Google服务器加载数据

一些国家在连接谷歌服务器方面存在问题. 这可能会导致加载谷歌字体的问题. 要解决这些问题,请执行以下操作:

无法加载谷歌字体:

Open ...\ CherryFramework \ admin \ options-sanitize.php file

定位线路:

Wp_enqueue_style ("options_typography_$f", "//字体.googleapis.com/css?Family =$f$ch", false, null, 'all');

将其替换为以下内容:

Wp_enqueue_style ("options_typography_$f", "//字体.useso.com/css?Family =$f$ch", false, null, 'all');

Olark在线聊天

购买模板的客户可以免费使用6个月的Olark聊天工具. 注册6个月免费青铜包,你应该遵循 Olark注册链接
填写表格注册您的帐户
将生成的ID插入到樱桃的选项 (General)中的Live Chat帐户ID字段中

备份和更新

在更新Cherry Framework之前,我们强烈建议对当前版本进行备份.

Backup

你可以为CherryFramework和子主题创建一个备份. 这可以在 "樱桃的选项 > Data management" 在WordPress管理面板.

备份可以很容易地完成点击 "Backup" 按钮下的樱桃框架和子主题块.
文件中找到包含框架或子主题的归档文件 / wp-content / themes_backup / folder.

你也可以点击下载 “下载备份” button. 如果出现一些困难,您可以通过选项卡重新安装框架 Appearance -> Themes -> Install Themes -> Upload.

Update

要更新Cherry Framework,您需要完成以下操作:

  1. 在管理面板中,打开选项卡 "樱桃的选项 > Data management".
  2. 点击樱桃框架块下的更新按钮
  3. 等待这个过程开始.
  4. Rest Cherry Framework将自行完成.

页面模板和侧边栏


注意:有必要在样式中编辑样式.less file. 因为选项样式是重新编译的,主样式.CSS文件保存后被重写.

页面模板

  • 默认模板 (带有侧边栏位置的默认页面模板)
  • 全宽页面 (一个没有边栏的单栏页面模板)
  • Home Page (用于主页的页面模板)
  • 滤镜组合2色 (2列显示的自定义图库/投资组合帖子的页面模板)
  • 滤镜组合3色 (3列显示的自定义图库/投资组合帖子的页面模板)
  • 滤镜组合4色 (4列显示的自定义图库/投资组合帖子的页面模板)
  • 奖状 (显示推荐自定义帖子的页面模板)
  • FAQs (显示常见问题解答帖子的页面模板)
  • Archives (显示档案的页面模板)

侧边栏的位置

  • Sidebar - areas 位于页面的右侧/左侧
  • 页脚区域1,2,3,4 (可选)-区域 位于页面底部

帖子,类别和帖子格式

添加类别

有关添加类别的更多信息,请参阅以下文章: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Posts tab.
  3. 完成后,点击 Categories 浏览博客文章.
  4. 输入新类别的名称.
  5. 之后,单击 添加新类别 button.
Click the Publish button.

创建博客文章

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. 输入你的帖子内容. 有关添加帖子的更多信息,请查看以下链接 http://codex.wordpress.org/Posts_Add_New_SubPanel.

选择文章格式

请参阅以下连结,以了解更多不同的职位格式: http://codex.wordpress.org/Post_Formats.

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Posts tab.
  3. 要选择帖子格式,请检查列表中列出的格式 Format box.
Note: 其中一些格式有自己的选项. 它们的设置将出现在后期编辑器下.

以下是可用的帖子格式及其描述和设置列表.

标准邮件格式

一个普通的、标准的职位有以下字段:

  • Post title -职位名称
  • 发布内容 -帖子内容
  • Categories -职位类别(-ies)
  • Tags - post tags
  • 有特色的图片 -后期图像
  • 和其他可以启用的字段 屏幕上的选项 部分位于右上角.

标准邮件格式

留言格式

这是一个简化的普通post版本. 换句话说, 它只有一个帖子内容字段,你不需要填写帖子标题和其他字段. 这就是所谓的便签.

留言格式

图库邮件格式

这种帖子格式的主要特点是能够保持无限数量的附加图像.

添加图库帖子格式:

  1. Click the Add Media button.
  2. 要从硬盘驱动器添加图像,请将文件拖放到出现的框中或单击 选择文件 从计算机中选择要上传的图片.
  3. 图片上传完成后,您将看到媒体库中的所有图片. Select 上传至本帖 查看附图.
  4. 编辑完成后,您可以关闭媒体库. 上传的图片将自动附加.

画廊帖子格式有所有标准字段(如标题,内容,类别等).),就像普通的帖子格式一样.

链接帖子格式

链接帖子格式

在选择 Link Post格式,你会得到一个额外的 URL 字段,其中需要指定目标页面/资源的链接(URL). The Post title 会用作你的链接文本吗.

如果您填写了帖子内容字段,它将被用作目标页面/源描述.

图片Post格式

图片Post格式

An Image Post格式是基于通过 有特色的图片 option.
在选择图像发布格式后, 控件中的相应设置可以禁用灯箱图像特性 使Lightbox 图片选择.

报价格式

报价格式

A 报价格式 作为所谓的后引用. 它是用来发布报价的.

选择此帖子格式后,您将获得一个额外的 The Quote 字段-基本上是引语的主体和 Author 字段-引用作者名称.

音频发布格式

音频发布格式

音频发布格式 用于发布音频内容.

选择此邮件格式后,您将获得以下额外选项:

  • Title -曲目名称
  • Artist -音轨表演者
  • 音频格式 -音轨格式
  • Audio URL -直接链接到音轨

视频上传格式

视频上传格式

A 视频上传格式 用于发布视频内容.

选择此邮件格式后,您将获得以下额外选项:

  • Title -视频剪辑标题
  • Artist -视频剪辑表演者
  • URL #1 -直接链接到视频剪辑在m4v格式
  • URL #2 -直接链接到ogv格式的视频剪辑
  • 嵌入代码 -用于非现场视频嵌入,e.g. 通过youtube, vimeo等.

创建滑动杆

幻灯片本质上是 自定义帖子类型 这意味着它们不同于常见的帖子,比如博客文章. 这使我们能够很容易地管理网站的内容.

创建滑动杆

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Slider tab.
  3. 现在点击 Add New tab.
  4. 插入滑块 title.
  5. 上传你的图片 有特色的图片 选项(单击 套装特色图片 link).
  6. 您可以在滑块中使用以下字段:
    • Caption -幻灯片标题的字段.
    • URL -幻灯片URL字段(你可以在这里放一个外部链接).
  7. 完成后,单击 Publish button.

添加一个Portfolio帖子

投资组合项目本质上是一种定制的帖子类型 http://codex.wordpress.org/Post_Types#Custom_Types 这意味着它们与普通岗位不同. 这使我们能够很容易地管理网站的内容.

添加一个作品集帖子

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Portfolio tab.
  3. 现在 Add New one.
  4. 填写所有必需的栏位(title, content).
  5. 上传你的图片 有特色的图片 选项(单击 套装特色图片 link).
  6. 然后点击 Publish button.

选择作品集帖子格式

在此主题中创建投资组合帖子允许您选择一种可用的帖子类型.

  • Image -默认的画廊帖子格式. 只显示 有特色的图片.
  • Slideshow -项目图库显示为幻灯片. 它可以包含无限数量的图片上传和附加到帖子.
  • 网格画廊 -张贴图像显示为一个画廊. 可以包含无限数量的图片上传和附加到帖子.
  • Video -在这个帖子类型中,你可以嵌入任何视频托管(YouTube, Vimeo等)的视频.).
  • Audio -选择这个帖子类型,你可以嵌入你的音频链接.

添加一个推荐帖子

添加一个推荐帖子

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the 奖状 tab.
  3. 然后点击 Add New tab.
  4. 填写所有必需的栏位(title, content).
  5. 的帮助下上传您的图像 有特色的图片 选项(单击 套装特色图片 link).
  6. 您可以使用以下字段为这类帖子:
    • Name -作者姓名
    • URL -作者链接
    • Info -作者的附加信息.
  7. Hit the Publish button.

添加faq帖子

添加faq帖子

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the FAQs tab.
  3. 现在 Add New button.
  4. 因为这是一个问答类型的帖子, 帖子的标题是问题,内容是答案.
  5. Click Publish.

添加Our Team帖子

添加Our Team帖子

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Our Team tab.
  3. 现在 Add New button.
  4. 填写所有必需的栏位(title, content).
  5. 上传您的图像 有特色的图片 选项(单击 套装特色图片 link).
  6. 您可以使用以下字段为这类帖子:
    • Position ——这个人的位置
    • Info -附加信息.
  7. Click Publish.

投资组合页面

创建作品集页面

创建作品集页面

可以在页面模板的帮助下创建投资组合页面.

  1. 登录你的WordPress管理面板(仪表板).
  2. Click the Pages tab.
  3. Click the Add New tab.
  4. 例如,输入您的页面名称 投资组合页面.
  5. 选择您的网页模板( 滤镜组合2色, 滤镜组合3色 or 滤镜组合4色 in the 页面属性 下拉菜单).
  6. 完成后,单击 Publish button.

控件创建类别组合页面 类别包括 field. 您需要编写想要显示的类别的段符.

Shortcodes

短代码是一个强大的内容构建工具 http://codex.wordpress.org/Shortcode. 短代码很容易使用. 首先,确保编辑模式设置为 Visual.

然后请点击按钮查看短码. 之后,选择要插入的短代码.


所有可用的短代码有条件地分为以下几组:

  • Dynamic -用于内容输出(帖子,自定义帖子类型,标签等).)
  • 网格列 -用于网格形成的各种列.
  • Elements -内容形成的附加元素.
  • Other -用于高级/复杂内容形成的附加元素.

Dynamic

Post Grid
[posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes"节选t_count="20" link="yes" link_text="more" custom_class="custom_class"]

描述: 在具有可配置列数和行数的表视图中显示标准和自定义帖子.


Post List
[posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="摘录" order_by="date" order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 

描述: 在博客页面上显示标准和自定义文章.


迷你邮电网
[mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" align="left"]

描述: [post_grid]短代码的更紧凑版本. 显示具有可配置图像大小的标准和自定义帖子的图像.


小邮单
[mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" order="DESC"节选t_count="20"] 

描述: [posts_list]短代码的更紧凑的版本. 在列表视图中显示标准和自定义帖子.


最近的帖子
[recent_posts num="3" post_format="standard" meta="false" thumb="true" summart_count ="20"]

描述: 显示最近的帖子,可以通过以下选项配置(帖子类型, 职位数量, post format, 段长度, 按钮标题等).


最近感言
[recenttesti num="2" thumb="true"]

描述: 显示指定数量的奖状自定义帖子类型帖子, 包括显示/隐藏帖子图像和管理字数的能力.


Banner
[banner img="#" banner_link="#" title=" title " text=" text " btn_text="Button" target="_self"]

描述: 用于显示带有静态文本和/或图像、标题、链接等的块.


Comments
[recent_comments num = " 5 ")

描述: 显示最新的注释.


Post Cycle
[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]

描述: 紧凑的显示不同的职位在迷你滑块视图.


旋转木马(Elasti)
[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]

描述: 在轮播视图中显示帖子,具有各种附加选项.


旋转木马(OWL)
[carousel_owl title=" title " post_type="blog" posts_count="5" visbility_items ="3" thumb="yes" thumb_width="200" thumb_height="200" date="yes" author="yes" comments="no"摘录t_count="10" display_navs="yes" display_pagination="yes"]

描述: 在轮播视图中显示帖子,具有各种附加选项.


Roundabout
[roundabout title=" title " num="3" type="blog"]

描述: Roundabout是一个jQuery插件,可以将静态HTML元素的结构转换为高度可定制的转盘式交互区域.


Service Box
[service_box title=" title "icon ="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]

描述: 用于显示信息块,包括标题,图标,文本,按钮. 这个短代码的主要特点是存在预先安装的图标.


Hero unit
[hero_unit title=" title " text=" text " btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]

描述: 用于显示网站主要信息、促销活动等. 通常位于网站的主页面,就在标题之后.


Categories
[类别类= " + ")

描述: 用于显示类别.


Tags
[tags]

描述: 用于显示标签.


Columns

网格柱(跨度1-12)
[跨度#][/跨度#] 

描述: 用于结构网格单元的形成, 其中#是1到12之间的数字, 哪个定义了元素的宽度.


[row]
[span6]你的内容... [/span6]
[span6] t... [/span6]
[/row]

Note, 当形成网格时,你应该将网格元素“包裹”到[row]短代码中:


流体柱(1 / 2,1 / 3...)
[one_half] [/ one_half] 

描述: 用于形成结构网格元素,其中网格元素的宽度用%表示.


[row_fluid]
你的内容... [/ five_sixth]
[one_sixntent... [/ one_sixth]
[/ row_fluid]

Note, 当形成一个流体网格时,你应该将网格元素“包裹”到[row_fluid]短代码中:


多列(75% / 25%等.)
[row]
[span8] t... [/span8]
[span4]你的内容... [/span4]
[/row]

多列短代码用于通过插入最常见的网格变体来简化内容的形成.


定制类
(行custom_class =“custom-row”)
[span8 custom_class="custom-span8"] content [/span8]
[span4 custom_class="custom-span4"] content [/span4]
[/row]

还可以向Columns类别短代码中添加自定义类. 这扩展了特定块的自定义选项.


Elements

Label
标签(标签风格=“默认”)[/标签]

描述: 用于显示具有预定义样式的标签.


Highlight
(强调)文本(/突出]

描述: 用于突出显示选定的文本片段.


Button
[button text=" text " link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 

描述: 用于插入具有各种显示设置(样式、大小、图标等)的按钮.).


Dropcap
L [dropcap] [/ dropcap] 

描述: 用于显示略去的大写字母.


Icon
[icon image="#" align="left"]

描述: 用于显示一个简单的图标.


水平线
[hr] 

描述: 用于显示一条水平线.


小横尺
[sm_hr] 

描述: 用于显示具有较小边距的可选水平线.


垂直规则
[vr] 

描述: 用于显示一条竖线.


Spacer
[spacer] 

描述: 用于设置元素之间的垂直间距.


进度条
[progressbar value="20" type="info" grad_type="vertical" animated="no"]  

描述: 用于显示某个过程完成的指示符.


Address
你的地址在这里。 

描述: 用作地址的容器.


Clear
[clear] 

描述: 用于元素流周围的重新归零.


列出短代码(unstyled, check, check2, arrow, arrow2, star, plus, minus)
[check_list]列表在这里 ... [/ check_list] 

描述: 一组用于显示各种列表样式的短代码. 每个短代码都为列表项实现了自己的标记.


Extra Wrap
[extra_wrap] [/ extra_wrap]

描述: 用带有溢出的块包装内容的简短代码:隐藏.


Content Box
[content_box custom_class = " custom_content_box "] [/ content_box]

描述: 用伪类:before和:after包装内容以显示全宽度块.

Other

视频预览
[video_preview post_url = " http://demolink.http://blog/video -post-type/" title="yes" date="yes" author="yes"]

描述: 用于插入视频预览, 哪些可以从非站点服务(youtube, Vimeo)或从您的网站(自托管).

警告框(消息、信息、成功、危险)
[alert_box style="message" close="yes"]你好,World![/ alert_box]

描述: 用于显示服务消息的短代码集.


Well
[well size="well-normal"]你的文字在这里... [/well]

描述: 用于插入一个样式化的容器.


Small
你的文字在这里... [/small]

描述: 用于插入字体较小的文本块.


Title Box
[title_box title=" title "subtitle ="subtitle text" icon="#"]

描述: 用于显示双标题:主标题文本和附加标题文本.


Tabs
[tabs direction="top" tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1]表1内容... [/tab1] [tab2]表2内容... [/tab2] [tab3]表3内容... [/ tab3][/标签]

描述: 用于显示按选项卡排列的内容. 选项卡可以包含静态和动态内容.


Accordion
[accordions] [accordion title="title1" visible="yes"]标签内容[/accordion] [accordion title="title2"]另一个内容标签[/accordion] [/ accorons]

描述: 用于显示带有标题的折叠面板.


Table
[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some Title 1 [/td2] [td3] some Value 1 [/td3] [/table]

描述: 用于显示表格.


模板的URL
(template_url)

描述: 显示到您的网站的链接.


Sitemap
[site_map title="Sitemap" type="Lines" custom_class="custom_class"]

描述: 显示站点地图的短代码.


Google Map
[map src="#" width="300" height="200"]  

描述: 将谷歌地图添加到页面. 为了使此短代码工作,您应该插入带有所需坐标的链接 Google site.


谷歌地图Api
[google_map_api lat_value="45" lng_value="-80" zoom_value="8" zoom_wheel="no" custom_class="custom-class "]

描述: 允许添加和自定义谷歌地图API. 谷歌地图配置的详细说明可在 谷歌地图JavaScript API.


定价表
[chp_pricing_table columns="3" labeled ="yes"] 

[chp_pricing_column_label title =“特性”)
[chp_pricing_row_label odd="true"]标签1 [/chp_pricing_row_label]
[chp_pricing_row_label]标签2 [/chp_pricing_row_label]
[chp_pricing_row_label odd="true"]标签3 [/chp_pricing_row_label]
[chp_pricing_row_label]标签4 [/chp_pricing_row_label]
[/ chp_pricing_column_label]

[chp_pricing_column title="Column 1" price="100" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label]标签1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签2 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签4 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/ chp_pricing_column]

[chp_pricing_column title="Column 2" highlight="true" highlight_reason="Most Popular" price="200" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label]标签1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签2 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签4 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/ chp_pricing_column]

[chp_pricing_column title="Column 3" price="300" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label]标签1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签2 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"]你的文本在这里[/chp_pricing_row]
[chp_pricing_row_label]标签4 [/chp_pricing_row_label]
[chp_pricing_row]你的文本在这里[/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/ chp_pricing_column]

[/ chp_pricing_table]
        

描述: 用于显示价格表.


音频/视频

描述: WordPress 3.6+对嵌入YouTube和Vimeo视频有很大的支持, 但如果你想播放视频或音频文件, 比如MP3或MP4文件, 已经上传到服务器上了, 您需要实现某种播放器,以便文件在您的站点上显示为媒体而不是链接. Read More

这个过程类似于在你的帖子内容中插入图片:
  1. 添加或编辑页面或帖子.
  2. 点击你想让玩家出现的内容,然后点击 Add Media 在内容编辑器上方.
  3. Click 上传文件.
  4. 上传音频或视频文件.
  5. 确保您上传的文件被选中,然后在 附件显示设置, set 嵌入或链接 转到“嵌入媒体播放器”."
  6. Click 插入页面.

WordPress会为你的音频或视频插入一个短代码,它将被播放器取代.

也许你上传了一个音频或视频文件到另一个服务器, 例如Amazon S3或文件托管服务. 只需在自己的行中输入您的媒体文件的URL(未链接). 例如,您想要嵌入YouTube视频. 只需将其粘贴到自己的内容中,YouTube播放器将在发布时显示在其位置. 确保URL没有被链接.

http://www.youtube.com/watch?v = mmRPSoDrrFU

上面这条简单的线变成了这样:

插件和自定义小部件

Plugins

注意:您的主题可能不包含下面列出的一些插件.

联络表格7

Download: http://wordpress.org/extend/plugins/contact-form-7/
说明:联系人页面的联系表单.

通讯注册

Download: http://wordpress.org/plugins/newsletter-sign-up/
说明:为您的访问者添加各种方式来注册您的邮件列表(复选框), widget, form).

樱桃MediaParallax插件

描述: 这个插件允许设置背景图像或视频到您的页面内容,并通过添加特定的视差功能(相对于页面滚动上的其余内容的偏移)来改变其外观。.

媒体上传: 您应上传以下视频文件格式的文件至媒体库: Mp4, webm, ogv and jpg for poster.

为了设置 video 背景,你应该使用这个短代码:

[cherry_media_parallax typemedia="video" buffer_ratio=.5“src_mp4 = "视频.mp4视频“src_webm =”.webm视频“src_ogv =”.ogv " src_poster = "视频.jpg定制类“custom_class =]文章[/ cherry_media_parallax]
  • typemedia: -文件类型(默认设置)
  • buffer_ratio: -表示视差块比外部容器大多少倍的数值.
  • src_mp4: -“.mp4” file
  • src_webm: -“.webm” file
  • src_ogv: -“.ogv” file
  • src_poster: -“.jpg” file
  • custom_class: -短码的自定义CSS类

为了设置 image 背景,你应该使用这个短代码:

[cherry_fixed_parallax src_poster = "形象.. jpg" offset_value="是" fixed_value="否" invert_value="是"custom_class ="custom_class"]文本[/cherry_fixed_parallax]
  • src_poster: -“.jpg” file
  • offset_value: -背景图像在滚动页面上移动(值:yes / no)
  • fixed_value: -修复图像相对于浏览器窗口(取值:yes / no)
  • invert_value: -反转垂直偏移量(取值为yes / no)
  • custom_class: -短码的自定义CSS类

Сherry BgSlider插件

描述: 这个插件允许创建具有视差效果的滑块,并将其放置在页面背景中. Slides and their content should be edited in Dashboard -> Slides section.

Important: Options set at Dashboard -> 樱桃的选项 -> Slider Settings do not affect this slider.

您应该使用以下简短代码来显示文本框和滑块分页:

[cherry_bgslider pagination="true" navigation="true" custom_class="custom-class"] 
  • pagination: -定义分页的显示(值:true / false)
  • 导航: -定义导航按钮的显示(值:true / false)
  • custom_class: -短码的自定义CSS类

Cherry视差插件

描述: 这个插件允许设置应用视差效果的背景图像(相对于页面滚动上的其余内容的偏移).

为了使用这个插件,你应该插入以下短代码:

(=“wp-content /上传/ cherry_parallax形象../../image.jpg" width="1920" speed="2" custom_class="custom-class"]Text[/cherry_parallax]
  • image: -背景图像URL(必需属性)
  • width: -整数,背景图像宽度(默认设置为1920)
  • speed: -数值(非0), 图像滚动速度相对于页面内容, 数字越小,图像滚动的速度越快
  • custom_class: -短码的自定义CSS类

Cherry Lazy Load Boxes插件

描述: 这个插件允许在页面滚动上平滑地显示内容的外观.

为了使用这个插件,你应该插入以下短代码:

[lazy_load_box effect="slidefromright" speed="800" delay="200" custom_class="custom-class"]Text[/lazy_load_box]
  • effect: -外观效果, 取值为:fade, slideup, slidefromleft, slidefromright, zoomin, zoomout, rotate, skew
  • speed: -动画速度(毫秒)
  • delay: -在元素出现之前延迟(如果你需要一个一个地动画它们,它可以用于连续2-3个元素)
  • custom_class: -短码的自定义CSS类

樱桃视差插件v1.0

描述: 这个插件允许设置背景图像或视频到您的页面内容,并通过添加特定的视差功能(相对于页面滚动上的其余内容的偏移)来改变其外观。.

媒体上传: 您应上传以下格式的视频文件到媒体库: Mp4, webm, ogv and jpg for poster.

为了设置 image 背景,你应该使用这个短代码::

[cherry_parallax图像= " img." speed="normal" invert="false" custom_class="custom-class"]Text[/cherry_parallax]
  • image: -“.jpg” file
  • speed: -动画速度(取值为none, low, normal, ight, fixed)
  • invert: -反转背景偏移方向
  • custom_class: -短码的自定义CSS类

为了设置 video 背景,你应该使用这个短代码:

[cherry_video_parallax webm = "视频.webm视频“ogv =”.ogv " mp4 = "视频.Mp4 " speed="none" invert="false" poster="video_poster ..jpg定制类“custom_class =]文章[/ cherry_video_parallax]
  • webm: -“.webm” file
  • ogv: -“.ogv” file
  • mp4: -“.mp4” file
  • poster: -“.jpg” file. 当浏览器缓冲必要的视频部分时显示.
  • speed: -动画速度(取值为none, low, normal, ight, fixed)
  • invert: -反转背景偏移方向
  • custom_class: -短码的自定义CSS类

樱桃单旋转木马

描述: 这个插件允许在页面内容上添加视差效果(相对于页面滚动上的其余内容的偏移).

[cherry_single_carousel] title=" title " type="portfolio" posts_count="-1" movement="15"视差="true" buffer_ratio="1.5" pagination="true" controls="true" autoplay="false" autoplay_delay="3000" stop_on_mouse_over="false" fullwidth="true" control_count ="35" custom_class="custom-class"]
  • title: -主旋转木马标题
  • type: -显示为幻灯片的帖子类型
  • posts_count: -帖子数(“-1”表示显示所有帖子, “正整数数值”-输入的幻灯片数量显示)
  • movement: -在幻灯片过渡上的图像偏移设置为%
  • parallax: 启用视差效果(true / false)
  • buffer_ratio: 视差系数,如果视差= " true "(取值从1到10)
  • pagination: -分页显示(true / false)
  • controls: -显示分页按钮(true / false)
  • autoplay: -滑动条自动播放(true / false)
  • autoplay_delay: -滑动块自动播放的延迟,如果autoplay= " true "可以应用
  • stop_on_mouse_over: 停止滑块在悬停时自动播放,如果autoplay= " true "可以应用
  • fullwidth: -定义carousel是否应该显示在整个浏览器窗口的宽度上(true / false)
  • excerpt_count: -从后文中推断出的字数
  • custom_class: -短码的自定义CSS类

Widgets

下面的小部件也在主题中使用:

樱桃-近期评论

以更方便的格式显示最近的注释. 给定的小部件包括以下选项:

  • Title: -小部件标题
  • 要显示的评论数: -要显示的评论数
  • 显示《og体育首页》: -显示头像
  • 头像大小(px): -你可以选择头像的大小
  • 显示评论作者: -显示评论作者
  • 显示评论日期: -显示评论日期
  • 显示职位标题: -显示职位标题
  • 元格式: -元数据的输出格式
  • 自定义CSS类: -小部件自定义类

樱桃-最近文章

显示您最近的帖子. 您还可以显示某些类别的自定义帖子,并添加阅读更多链接. 给定的Widget包含以下选项:

  • Title: -小部件标题
  • 类别鼻涕虫: -职位类别蛞蝓.
  • 文章格式: —选择“帖子格式”显示帖子.
  • Post Order: —您可以选择显示帖子的顺序.
  • 每页发文数: —要显示的帖子数.
  • 节选长度(字): -节选长度(字数).
  • Link Text: —“最近发布”后显示的“链接文本”.
  • Link Url: —“最近发布”后显示的链接地址.

樱桃-高级循环

这个多功能小部件用于显示不同的文章类型,包括博客文章. 高度可定制,它具有更改显示设置的功能. 这个小部件包含以下选项:

  • Title: -小部件标题
  • Posts type: -选择职位类型
  • 要显示的帖子数量: -职位数量
  • Sort by: -职位选择选项
  • 反向排序顺序(升序): -倒序排序
  • 显示评论数 -显示评论数
  • Show meta -显示meta
  • 容器类: -包装类. Set to featured_custom_posts by default.
  • 显示职位标题 -显示职位名称
  • 日期为标题 -使用日期而不是标题
  • 在标题: -在标题前自定义html标记
  • 在标题: -自定义html标记后的标题
  • 显示文章节选 -显示节选
  • 节选长度(字) -节选长度(字数)
  • 节选链接 -将摘录转换为链接
  • 显示“更多”链接 -显示链接 More 邮寄后
  • Link text: - link text
  • Link class: - CSS-class More link
  • 显示帖子缩略图 -显示一个帖子的缩略图
  • Width: -图像宽度
  • Height: -图像高度
  • 缩略图为链接 -将图像转换为链接
  • 显示所有帖子的全局链接 -显示所有帖子的全局链接
  • Link text: -给定链接的文本
  • Link URL: - link URL.

樱桃-社交网络

这是一个允许链接到你的社交网络账户的小工具. 小部件包含以下选项:

  • Title: -小部件标题
  • Facebook网址, 微博网址, Flickr URL, etc. -链接到您的社交网络帐户
  • Display: 图标的显示方式
    • Icons -仅限图标
    • Labels -纯文本
    • Both -图标和文本.

樱桃- 125x125广告

这是一个小部件,允许您显示一组横幅. 小部件包含以下选项:

  • Title: -小部件标题
  • 图片广告链接: -您的横幅图像的路径
  • Add link: -你的横幅链接.

樱桃- Flickr

这个小部件允许您显示Flickr图库中的照片. 它包含以下选项:

  • Title: -小部件标题
  • Flickr ID: -你的flickr ID
  • 图片数: -要显示的照片数量
  • Link Text: -链接文本下你的flickr照片.

Cherry - vCard

这个小部件允许您显示有关您的公司或您自己的信息. 它包含以下选项:

  • 标题(可选): -小部件标题
  • 街道地址: 把你的街道地址写在这里
  • 城市/地区: -在这里输入您的城市或位置
  • 国家/地区: -在这里输入您所在的州或地区
  • Zipcode /邮政编码: -在这里输入您的邮政编码或邮政编码
  • Telephone: -电话号码
  • Email: -你的电子邮件.

樱桃-后循环

这个小部件允许您显示有关您的公司或您自己的信息. 它包含以下选项:

  • 标题(可选): -小部件标题
  • Post type: -选择邮件格式
  • 类别: —选择要显示帖子的类别
  • 文章数: -显示的帖子数
  • 缩略图宽度(像素): -后缩略图的宽度
  • 缩略图高度(以像素为单位): -缩略图的高度
  • 显示标题: -显示职位标题
  • Show date: -显示邮寄日期
  • 显示作者: -显示作者
  • 显示评论: -显示帖子评论
  • 显示摘录: -显示文章节选
  • 节选字数: -节选中显示的字数
  • 更多按钮文本: - more按钮的文本
  • 幻灯片显示骑行速度(以秒为单位.): -以毫秒为单位的幻灯片显示速度
  • Arrows: -显示滑块箭头
  • Pagination: -显示滑块分页
  • 自定义CSS类: -小部件自定义类

樱桃旗

小部件用于显示横幅. 它包含以下选项:

  • 标题(可选): -小部件标题
  • 横幅描述: -小部件横幅说明
  • Image URL: -背景源图像
  • 填充图片: -两个横幅显示选项之间切换的选项:调整图像大小,使其适合横幅尺寸作为背景或将图像置于横幅内容之上
  • Link URL: - link URL
  • 自定义CSS类: -小部件自定义类

樱桃- Facebook喜欢盒子小部件

这个小部件用于显示Facebook页面. 它包含以下选项:

  • 标题(可选): -小部件标题
  • Facebook页面网址: - url your Facebook页面
  • Width: & Height: -部件大小
  • 配色方案: -配色方案(浅色/深色)
  • 显示标题: -启用/禁用报头
  • 显示的脸: -启用/禁用人脸
  • 显示流: -启用/禁用流
  • 显示边界: -启用/禁用边界
  • 自定义CSS类: -小部件自定义类

樱桃- Instagram

小部件用于显示最近的Instagram帖子. 它包含以下选项:

  • 小部件标题:(可选): -小部件标题
  • 用户名:(必填字段) - Instagram用户名(小部件将仅适用于在Instagram帐户中拥有完全权利的用户.)
  • 显示图像数量: —显示图片数量(最多20张).)
  • 图片尺寸: -显示图像的大小(大/缩略图)
  • 显示图片说明: -启用/禁用图像描述
  • 显示评论号: -启用/禁用注释号
  • 显示点赞数: -启用/禁用点赞数
  • 展示图片发布日期: -启用/禁用映像发布日期
  • 显示图片网址: -启用/禁用图片URL
  • 用户帐户按钮文本: -文本配置文件链接Instagram
  • 自定义CSS类: -小部件自定义类

樱桃-推特嵌入

这个小部件允许显示最近的条目(tweet). 它包括以下选项:

  • 小部件标题: -小部件的标题
  • Widget ID: -在这里输入您的小部件ID. 首先,您需要创建一个新的小部件 here. 然后将小部件ID插入到适当的字段中.
  • User Name: - Twitter用户名.
  • 配色方案: -配色方案(浅色/深色)
  • 自定义CSS类: -小部件的自定义CSS类

樱桃- Pinterest嵌入

这个小部件允许显示主题集合. 它包括以下选项:

  • 小部件标题: -小部件的标题
  • Pinterest用户URL: - type Pinterest 这里的账号URL
  • 自定义CSS类: -小部件的自定义CSS类

樱桃的选项

下面的主题包含设置选项. 这些设置允许您更改主题的调色板, 项目顺序, 打开/关闭项目,做很多其他的事情. 要使用这些设置,请转到 外观→樱桃色选项.

General

  • 身体样式 -你可以选择身体的颜色和背景图案.
  • 设计风格: -您可以为您的网站选择布局(宽/框样式)
  • 标题样式: -标题背景图像和填充颜色.
  • 按钮和链接颜色 -按钮和链接颜色.
  • 按钮和链接悬停的颜色 -按钮和链接悬停颜色.
  • Body Text -你可以选择你喜欢的字体正文. 以下选项可用于编辑字体:
    1. Font size
    2. Line height
    3. 字体
    4. 字体样式(普通、粗体、斜体)
    5. 字符集(拉丁文、希腊文、西里尔文等.)
    6. Color

    Note: 用星号(*)标记的字体意味着它将从谷歌网页字体库加载.

  • H1-H6标题 -你可以选择你喜欢的字体为标题和标题. 以下选项可用于编辑字体:
    1. Font size
    2. Line height
    3. 字体
    4. 字体样式(普通、粗体、斜体)
    5. 字符集(拉丁文、希腊文、西里尔文等.)
    6. Color

    Note: 字体标有*意味着它将从谷歌网页字体库加载.

  • 显示搜索框? -显示/隐藏标题中的搜索栏.
  • 显示面包屑? -显示/隐藏页面中的面包屑.
  • Custom CSS -如果你需要添加一些CSS规则, 但你不想打乱主CSS文件, 你可以使用这个字段. 只需插入新的css规则.
  • 即时聊天帐号ID - Your Olark在线聊天 account ID

Logo & Favicon

  • 什么样的标志?? -表示使用哪一种标识,文本标识还是图像标识.
  • Logo URL -选择图像标志, 你可以在“上传”功能的帮助下上传新图像,或者使用媒体库中的任何图片.
  • 商标印刷 -您可以选择您喜欢的字体的文字标志. 以下选项可用于编辑字体:
    1. Font size
    2. Line height
    3. 字体
    4. 字体样式(普通、粗体、斜体)
    5. 字符集(拉丁文、希腊文、西里尔文等.)
    6. Color

    Note: an asterisk * 靠近字体意味着字体将从谷歌网页字体库加载.

  • Favicon -你可以在“上传”功能的帮助下上传新的图标,或者使用媒体库中的任何图片.

Slider

滑块高度可以在 # # #“wp-content /主题/主题/滑块.php". 编辑$slider_default_params数组中的“高度”值.

禁用滑块

你可以关掉滑块.

Slideshow
  • 滑动效果 -滑块过渡效果
  • 按参数排序 -按参数(按顺序)对检索到的帖子进行排序
  • Sort order -排序顺序的帖子
  • 列数 -列数
  • 行数 -行数
  • 横幅的效果 -选择你的横幅动画类型
  • Pause time -暂停时间(毫秒)
  • 动画速度 -动画速度(毫秒)
  • Slideshow -自动动画滑块?
  • Thumbnails -显示缩略图?
  • Pagination -显示分页?
  • Next & Prev导航 -下一步显示 & prev导航?
  • 显示下一个 & 只在悬停时进行导航? - If 'yes,导航按钮(上), 下一步和播放/停止按钮)将只在悬停状态下可见, if 'no,’他们总是看得见的.
  • 播放/暂停按钮 -显示播放/暂停按钮?
  • Loader -滑块装载机.
Accordion
  • 要显示的幻灯片 —选择需要在滑块上显示的幻灯片. 如果没有选择幻灯片,将显示所有幻灯片.
  • 按参数排序 -按参数(按顺序)对检索到的帖子进行排序
  • Sort order -排序顺序的帖子
  • Slideshow -自动动画滑块?
  • 鼠标悬停时暂停 -当鼠标移到滑块上时,自动播放将暂停.
  • Pause time -暂停时间(毫秒).
  • 动画速度 -动画速度(毫秒).
  • 动画放缓 -您可以选择不同类型的动画减速幻灯片的过渡.
  • 用于幻灯片转换的鼠标事件 -您可以选择不同类型的鼠标事件进行幻灯片的过渡.
  • 活跃的幻灯片 -设置默认激活的幻灯片数量. 如果该值为0,则在加载页面时,所有幻灯片将具有相同的宽度.

Blog

  • Blog Title -您在博客页面上使用的博客标题
  • 相关职位名称 -你的标题使用在单个帖子页面上的相关帖子
  • Blog layout -选择博客布局
  • 博客图片大小 -图片大小(正常大小或大尺寸)的博客页面
  • 单后置图像尺寸 -每个网页的图片大小(一般大小或大尺寸)
  • 在单个帖子中显示分享按钮? -在单个帖子中显示分享按钮
  • 图片应该在滚动页面上上传吗? -你可以启用图像加载只有当你向下滚动页面. 否则图像将同时加载.
  • 启用博客文章摘录? -显示文章摘录
  • 博客文章的按钮文本. -按钮文本的博客文章
  • 查看博客的元数据 -选择将显示在博客和帖子页面上的元数据块类型
  • 发布日期 -是否显示发布日期?
  • 本文作者 —显示帖子的作者?
  • 直接链接到帖子 -是否应该显示直接链接到该职位?
  • 职位类别 -是否应该显示帖子类别?
  • 显示标签 -是否应该显示标签?
  • 评论数 -是否显示评论的数量?
  • 观看次数 -是否显示视图的数量?
  • 点赞数 -是否应该显示喜欢的数量?
  • 不喜欢的次数 -是否应该显示不喜欢的数量?

Portfolio

  • Filter -投资组合过滤器.
  • Show title? -启用或禁用投资组合帖子的标题.
  • 显示摘录? -启用或禁用投资组合帖子的摘录.
  • 摘录的话 -节选长度(字).
  • Show button? -启用或禁用投资组合帖子按钮.
  • Layout -组合有不同的布局模式. 您可以使用此选项设置和更改布局模式.
  • 作品集2栏项目数量 -投资组合2列模板的投资组合项目编号.
  • 作品集3栏项目数量 -投资组合3列模板的投资组合项目编号.
  • 作品集4列项目数量 -投资组合4列模板的投资组合项目编号.

附加选项

以下部分是可选的. 它们在某些主题中可能不可用.

Footer Logo

  • Logo图像路径 -如果您选择了图像徽标选项, 您可以使用“上传”按钮上传新图像或从网站媒体库中选择任何图像.

Contacts

  • 街道地址 -街道地址.
  • 城市/地区 ——城市/地区.
  • Zipcode -邮政编码.
  • 电话号码 -联络电话.

Social

  • Facebook网址 -链接到Facebook页面.
  • 谷歌+网址 -链接到谷歌+页面.
  • RSS URL -连结至RSS频道.
  • Pinterest URL -链接到Pinterest页面.
  • Linkedin的URL -链接到Linkedin页面.

视差滑块

描述: 这个选项块允许您创建视差效果滑块并将其放置在页眉中.

Important: Options that are set in Dashboard -> 樱桃的选项 -> Slider Settings do not affect this kind of slider.

幻灯片内容应在 Dashboard -> Slides.

  • 显示视差滑块? -定义是否显示视差滑动条(是/否)
  • 滑动效果 -滑块过渡动画效果(简单淡出,缩放淡出,滑动顶部)
  • Slideshow -滑块自动播放(是/否)
  • Pause time -幻灯片转换之间的延迟(毫秒)
  • 动画速度 -滑块转换速度(毫秒)
  • Pagination -定义是否显示分页(是/否)
  • Next & Prev导航 -定义导航按钮是否应该显示(是/否)

视差滑块v1.0

描述: 这个选项块允许您创建视差效果滑块并将其放置在页眉中. 此外,这个滑块允许插入视频幻灯片与 Youtube, Vimeo 视频或本地上传的 MP4, WEBM and OGV format.

Important: Options, set in Dashboard -> 樱桃的选项 -> Slider Settings do not affect on this slider.

视频初始化: 将以下格式的视频文件添加到站点媒体库中: Mp4, webm, ogv.

应该编辑幻灯片内容 Dashboard -> Slides. Go to Dashboard -> Slides to add/initialize image or video. 选择所需的 Slide Type:

  • Image Type -上传滑块图像
  • 媒体库视频类型 -允许上传本地视频到幻灯片. 使用此选项,可以增加 媒体库视频 部分出现,其中包括用于选择视频的相应字段 MP4, WEBM and OGV format. In addition, 有机会启用可视化加载进度(显示加载进度视频).
  • Youtube视频类型 -允许在幻灯片上显示Youtube视频. 使用此选项,可以增加 Youtube视频 部分出现. 您应该输入所需的Youtube视频ID到 Youtube视频ID field.
  • Vimeo视频类型 -允许在幻灯片上显示Vimeo视频. 使用此选项,可以增加 Vimeo视频 部分出现. 您应该输入所需的Vimeo视频ID到 Vimeo视频ID field.
  • 显示视差滑块? -定义是否显示视差滑动条(是/否)
  • 视差效果 -允许配置背景图像相对于浏览器窗口的偏移量(值:none), low, normal, high, fixed)
  • 反转视差滑块 -反转幻灯片偏移方向(是/否)
  • 滑动效果 -滑块过渡动画效果(简单淡出,缩放淡出,滑动顶部)
  • Slideshow -滑块自动播放(是/否)
  • Pause time -幻灯片转换之间的延迟(毫秒)
  • 动画速度 -滑块转换速度(毫秒)
  • 滚动的描述 -幻灯片内容偏移和滚动时的透明度变化(是/否)
  • Pagination -定义是否显示分页(按钮分页/图像分页/否)
  • Next & Prev导航 -定义导航按钮是否应该显示(是/否)

Video

描述: 这个选项块允许您插入标题视频或根据浏览器窗口大小拉伸它.

媒体文件初始化: 上传以下格式的文件至媒体库: Mp4, webm, ogv and JPG.

  • Media type -选择媒体类型(视频/图像)
  • 海报文件名 -加载视频时显示的图像. Name of “.jpg” file
  • MP4视频文件名 -“.mp4” file
  • WEBM视频文件名 -“.webm” file
  • OGV视频文件名 -“.ogv” file
  • 显示progressbar -显示视频加载进度(是/否)

视差视频

描述: 这个选项块允许放置视差效果的视频.

媒体文件初始化: 上传以下格式的文件至媒体库: Mp4, webm, ogv and JPG.

  • Media type -选择媒体类型(视频/图像)
  • 海报文件名 -加载视频时显示的图像. Name of “.jpg” file
  • MP4视频文件名 -“.mp4” file
  • WEBM视频文件名 -“.webm” file
  • OGV视频文件名 -“.ogv” file
  • 显示progressbar -显示视频加载进度(是/否)
  • 视差效果 -定义视差系数(无/低/正常/高/固定)
  • 反转视差 -反转偏移方向

商店的选择

  • 空车信息 -头中购物车小部件中的默认空购物车消息
  • 每页产品 -每个目录页的产品数量
  • 产品标题长度限制 -最大字数, 将显示在目录页的产品标题中(留空以显示完整标题)
  • 产品描述 -在目录页面显示/隐藏产品描述
  • 在目录页上显示详细信息按钮 -在目录页面上显示/隐藏产品详细信息按钮
  • 显示登录链接? -在商店菜单中显示登录链接?
  • 用户配置文件link -用户配置文件链接标题. 如果使用宏%username%,它将被替换为当前用户名. 例如Site %username% .
  • 下线链接 -下线链接标题.
  • 注册链接 -注册链接标题
  • 认证链接(登录) —认证(登录)链接标题