Introduction
感谢您购买WordPress模板. 本文档由几个部分组成,向您展示从头开始设置和管理WordPress网站的整个过程.
什么是WordPress CMS?
WordPress是一个免费的开源博客工具和基于PHP和MySQL的内容管理系统(CMS). 它使您能够建立网站和强大的在线应用程序,几乎不需要任何技术技能或知识来管理. Many aspects, 包括其易用性和可扩展性, 是什么让WordPress成为最流行的网站软件. Learn More
什么是WordPress模板
WordPress模板是使用WordPress CMS平台构建的网站的皮肤. 换句话说, 通过简单的几个步骤安装一个新的模板,你可以很容易地改变WordPress网站的外观. 虽然它很简单, WordPress模板提供了所有必要的源文件,您可以自由地编辑或扩展您需要的方式.
文件结构
您下载的模板包由几个文件夹组成. 让我们看看每个文件夹包含什么:
- documentation -包含文档文件.
- documentation.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标记等现代网站技术的使用. 我们的目标是用高质量的模板提供丰富的用户体验,有时我们不得不打破一些规则.
模板安装
如果您不想花时间安装模板,请不要犹豫 order 安装服务使用我们的实时聊天.
模板安装从未如此简单. 安装过程只包括三个简单步骤:Cherry框架安装, 子主题安装和示例数据安装.
所有的安装步骤都可以在WordPress界面内完成. 它使过程舒适和快速.
你可以通过点击下面的链接来验证这一点:
![](img/wordpress/banner2.jpg)
Step 1. CherryFramework安装
- 登录到你的WordPress管理面板(在浏览器地址栏中添加/wp-admin到你的域名).
- 打开菜单 Appearance > Themes and click the Add New Theme button.
- Click the Upload link.
- Click the Browse 按钮并导航到计算机上解压缩的模板包.
- 查找一个名为 CherryFramework.zip. 单击它来选择,然后单击 OK.
- Click the Install Now 按钮,等待安装完成.
- Click the Activate theme link.
欲了解更多信息,请查看详细的视频教程 如何安装樱桃框架模板.
祝贺您,您已经安装了框架.
Step 2. 主题安装
现在你可以继续安装子主题了: theme####.zip. 步骤是一样的:
- 打开菜单 Appearance > Themes and click the Add New Theme button.
- Click the Upload link.
- Click the Browse 按钮并导航到计算机上解压缩的模板包.
- 查找一个名为 theme####.zip (where XXXX 是您的主题的唯一编号). 单击它来选择,然后单击 OK.
- Click the Install Now 按钮,等待安装完成.
- Click the Activate 将网站的当前布局更改为您购买的主题的链接.
恭喜,框架和主题都已成功安装!
Step 3. 示例数据安装
要使您的WordPress网站看起来像我们的现场演示,请按照下面的说明. 我们还建议你随时准备一个备份 .sql file exported 从你的数据库中.
注意:对于在樱桃框架 v3上构建的模板.要安装样本数据,您需要从“sample_data”目录上传XML和JSON文件. 图像和其他媒体文件应该从“manual_install\uploads”目录上传. 确保从所有子目录上传所有图像.
- 打开菜单 Cherry Plugin > Import Content.
- 首先,您可能会看到需求表,显示您的托管服务器是否满足樱桃插件的要求. 如果有任何警告,请联系您的主机提供商.
- 如果所有服务器设置都正确,您将看到上传屏幕. Open “主题/ sample_data” 并将所有文件上传到WordPress. 选项中选择的所有文件都可以上传 “主题/ sample_data” 目录(CTRL+A或Command+A),并拖动到上传区域.
- 确保从sample_data目录上传所有文件,包括 .JSON and .XML files. 上传完成后,点击“继续安装”按钮继续.
ATTENTION: .JSON and .XML是继续进行示例数据安装所必需的. “继续安装”按钮仅在两种情况下可用 .XML and .已上传JSON文件. - 单击“继续安装”按钮将激活示例数据安装过程. 安装步骤可能需要一些时间,具体取决于您的服务器设置. 请耐心等待.
- 祝贺你! 你已经成功安装了Cherry WordPress主题. 你现在可以看主题了.
如果您不想花时间安装模板,请不要犹豫 order 安装服务使用我们的实时聊天.
开始
Preparation
在你开始设置WordPress网站之前,请确保你已经做好了充分的准备. 请完成以下准备步骤:
编辑软件
舒适地使用你的WordPress模板, 我们建议您下载所需的所有应用程序. 您可以在模板预览页面看到所需软件列表.
需求可能因模板而异,我们将告诉你一般需要什么:
- 首先,您需要正确的应用程序来提取受密码保护的源_#########.zip archive. 你可以使用WinZip 9+ (Windows)和Stuffit Expander 10+ (Mac).
- 您可能还需要Adobe Photoshop应用程序. 它是用来编辑的 .PSD源文件,它是必要的,如果你想编辑模板设计图形和图像.
- 编辑模板源代码文件, 你需要一些代码编辑器,比如Adobe Dreamweaver, Notepad++, Sublime Text, etc.
- 上传文件到主机服务器, 你可能需要一个FTP管理器,如总指挥官, FileZilla, CuteFTP, etc.
Hosting
由于WordPress CMS是一个基于PHP/MySQL的应用程序, 你需要准备一个运行WordPress的托管环境.
如果你有一个现场托管,请确保它匹配 WordPress软件要求 并准备用于WordPress网站.
否则,您可以使用本地服务器在本地计算机上运行WordPress. 要创建本地托管服务器,请使用localhost应用程序,例如 WAMP, AppServ, MAMP, etc. 其中任何一个都可以作为任何其他程序轻松安装并用于运行WordPress.
请查看下面关于如何配置本地开发环境的教程:
发动机安装
下载正确的WordPress引擎版本. 在模板预览页面, 在需求部分, 你可以看到所需的WordPress版本. 请确保您下载的是正确的.
- WordPress引擎可以从WordPress官方网站下载.org 下载WordPress. 如果您需要更早的版本,您可以单击 释放档案 link.
- 下载完成后, 您需要从引擎和模板包中解压缩这些文件. 从WordPress引擎中提取文件 ZIP 包,你可以使用任何档案管理器,可以处理ZIP档案.
下面的教程将向您展示如何在 窗口(WinZip) and MAC (StuffitExpander).
- 在提取文件之后, 你需要上传WordPress引擎文件和文件夹到你的主机服务器.
所有这些文件和文件夹都应该上传到您的主机服务器上. 引擎文件应该上传到 PUBLIC_HTML or WWW 服务器上的目录.
如果在托管服务器上没有看到PUBLIC_HTML或WWW目录, 请联系您的主机提供商并指定上传网站文件的位置.关于如何将文件上传到服务器,请查看以下教程:
- 在这一步,你需要创建一个数据库,它将被你的WordPress引擎使用.
您可以使用宿主控制面板中的数据库管理工具(通常PhpMyAdmin).
使用phpMyAdmin工具, 您将能够在3个简单的步骤中创建一个新的数据库(检查下面的幻灯片):
- 单击顶部导航菜单中的Database按钮以访问数据库清单.
- 在“创建新数据库”字段中输入数据库名称.
- 单击右侧的Create按钮.
您的数据库可以在数据库清单中看到. 单击其名称以访问数据库.
你也可以查看详细的视频教程 如何创建数据库.
如果您在创建数据库时遇到任何问题, 请联系您的托管服务提供商寻求帮助.请随意查看下面的详细教程:
- 在你的浏览器地址栏中,输入你的域名/root到WordPress文件,然后按回车键. 这将启动安装过程.
- 创建配置文件. 初始的WordPress安装屏幕将通知您配置文件不可用. 单击Create Configuration File按钮创建配置文件.
- 插入数据库详细信息. 您需要在这里输入WordPress数据库连接的详细信息.
- 插入网站详情. 在下面的屏幕上,您应该输入网站的详细信息,例如:
- website title
- 管理员用户名和密码
- 网站电邮地址.
- 完成后,单击Install WordPress按钮.
是否已正确插入所有数据, 你会看到Success窗口,上面有登录WordPress管理面板的按钮.
请随意查看下面的详细教程:
手动安装主题
如果在安装示例数据时遇到问题,请按照下面的说明进行操作.
注意:导入SQL文件到您的数据库将覆盖您现有的内容和网站设置. 如果您想保留现有的内容,请不要导入SQL文件.
注意:在执行任何修改之前,始终备份数据库.
请注意,WordPress数据库表的前缀应该是 wp_.
![](img/wordpress/wp_prefix.jpg)
要使你的WordPress看起来像我们的现场演示,请按照下面的说明.
- 确保主题已根据 下面的方向.
- Copy the"uploads文件夹(位于 主题/ manual_install / 文件夹)到 /wp-content/ 你FTP上的文件夹.
- Open the theme####.sql 文件中的 主题/ manual_install / 文件夹(最好是Dreamweaver或记事本),并替换所有your_website_url_here,在整个文档中使用 查找和替换 工具(按Ctrl+H热键打开此窗口). E.g.: http://www.mywebsite.com
- Please, 确保地址末尾没有正斜杠“/”符号,url以http://www开头.
- 保存更改并关闭文件.
- 控件导入转储文件 phpMyAdmin 工具或其他数据库管理工具.
如果通过管理面板安装它们有问题,这里有另一种方法.
通过FTP上传
使用这种方法, 你需要通过主机控制面板的文件管理器或FTP客户端(如Filezilla)在FTP上访问你的WordPress网站文件, CuteFTP, 总指挥官, etc.
如果您已经使用示例数据安装或手动安装主题,并且主题的显示与Live演示不同, 请打开樱桃选项,点击“恢复默认设置”."
- Unzip the CherryFramework.zip and theme####.zip 文件到硬盘驱动器上的任何文件夹(首先,右键单击每个 .Zip文件,选择 解压到…CherryFramework and theme#### 因此,您将得到两个名为CherryFramework和theme####的文件夹).
- Upload the CherryFramework and theme#### 文件夹到 / / wp-content /主题 目录在FTP服务器上.
- 登录你的WordPress管理面板(在浏览器地址栏的域名后添加/wp-admin).
- 打开菜单 Appearance > Themes.
- Under the 可用的主题 section find theme#### 激活它,点击 Activate button.
插件安装
在你安装并激活主题后,你可能需要安装额外的插件:
- 当主题被激活时, 在左上角,您会发现安装附加插件的通知. Follow the 开始安装插件 link.
您也可以安装插件从仪表板,导航到 Appearance- > Install Plugins. - 检查所需的插件.
- 在“批量操作”下拉菜单中选择 Install and click Apply.
主题插件:
Cherry Plugin
Attention: 安装和激活樱桃插件是需要短代码和小部件的正确工作. Cherry Plugin是在安装樱桃框架时默认安装并激活的.
Download: http://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip
Description: Cherry团队已经创建了一个可以被合理地称为完美的Cherry框架, 但我们一直在寻找更多的改进. 认识樱桃插件. 这是我们的樱桃框架的扩展,我们已经包括了所有的短代码和小部件,你将永远需要. 该插件是完全兼容任何WordPress主题的樱桃框架. So far, 该插件是一个测试版, 但我们将继续改进它,以提供更酷的功能.
联络表格7
Download: http://wordpress.org/extend/plugins/contact-form-7/
Description: 联络页面的联络表格.
兼容插件:
WPML
Download: http://wpml.org/
Description: WPML使构建和运行多语言站点变得很容易.
JigoShop
Download: http://wordpress.org/plugins/jigoshop/
Description: 一个功能丰富的电子商务插件,建立在WordPress核心功能之上,确保了出色的性能和可定制性.
WooCommerce
Download: http://wordpress.org/plugins/woocommerce/
Description: WooCommerce是一个强大的,可扩展的电子商务插件,可以帮助您销售任何东西. Beautifully.
BuddyPress
Download: http://wordpress.org/plugins/buddypress/
Description: 盒子里的社交网络. 为你的公司、学校、运动队或小众社区建立一个社交网络.
bbpress
Download: http://wordpress.org/plugins/bbpress/
Description: bbPress是仿照WordPress方式开发的论坛软件.
Mingle Forum
Download: http://wordpress.org/plugins/mingle-forum/
Description: Mingle Forum允许您轻松快速地将论坛放在您的WordPress站点/博客上.
WP论坛服务器
Download: http://wordpress.org/plugins/forum-server/
Description: 这个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注册链接
备份和更新
在更新樱桃框架之前,我们强烈建议对当前版本进行备份.
Backup
你可以为CherryFramework和子主题创建一个备份. 这可以在 "樱桃的选项 > Data management" 在WordPress管理面板.
![](img/wordpress/backup-child.png)
![](img/wordpress/backup-framework.png)
备份可以很容易地完成点击 "Backup" 按钮下的樱桃框架和子主题块.
文件中找到包含框架或子主题的归档文件 / wp-content / themes_backup / folder.
你也可以点击下载 “下载备份” button. 如果出现一些困难,您可以通过选项卡重新安装框架 Appearance -> Themes -> Install Themes -> Upload.
Update
要更新樱桃框架,您需要完成以下操作:
- 在管理面板中,打开选项卡 "樱桃的选项 > Data management".
- 点击樱桃框架块下的更新按钮
- 等待这个过程开始.
- Rest 樱桃框架将自行完成.
页面模板和侧边栏
注意:有必要在样式中编辑样式.less file. 因为选项样式是重新编译的,主样式.CSS文件保存后被重写.
页面模板
- 默认模板 (带有侧边栏位置的默认页面模板)
- 全宽页面 (一个没有边栏的单栏页面模板)
- Home Page (用于主页的页面模板)
- 滤镜组合2色 (2列显示的自定义图库/投资组合帖子的页面模板)
- 滤镜组合3色 (3列显示的自定义图库/投资组合帖子的页面模板)
- 滤镜组合4色 (4列显示的自定义图库/投资组合帖子的页面模板)
- Testimonials (显示推荐自定义帖子的页面模板)
- FAQs (显示常见问题解答帖子的页面模板)
- Archives (显示档案的页面模板)
侧边栏的位置
- Sidebar - areas 位于页面的右侧/左侧
- 页脚区域1,2,3,4 (可选)-区域 位于页面底部
帖子,类别和帖子格式
添加类别
有关添加类别的更多信息,请参阅以下文章: http://codex.wordpress.org/Manage_Categories_SubPanel
![](img/wordpress/cat1.png)
- 登录你的WordPress管理面板(仪表板).
- Click the Posts tab.
- 完成后,点击 Categories 浏览博客文章.
- 输入新类别的名称.
- 之后,单击 添加新类别 button.
创建博客文章
![](img/wordpress/cat2.png)
- 登录你的WordPress管理面板(仪表板).
- Click the Posts tab.
- Click the Add New tab.
- 输入你的帖子内容. 有关添加帖子的更多信息,请查看以下链接 http://codex.wordpress.org/Posts_Add_New_SubPanel.
选择文章格式
请参阅以下连结,以了解更多不同的职位格式: http://codex.wordpress.org/Post_Formats.
![](img/wordpress/post_format.png)
- 登录你的WordPress管理面板(仪表板).
- Click the Posts tab.
- 要选择帖子格式,请检查列表中列出的格式 Format box.
以下是可用的帖子格式及其描述和设置列表.
标准邮件格式
一个普通的、标准的职位有以下字段:
- Post title - post title
- Post content -帖子内容
- Categories -职位类别(-ies)
- Tags - post tags
- 有特色的图片 - post image
- 和其他可以启用的字段 屏幕上的选项 部分位于右上角.
![](img/wordpress/post_format_standard.png)
标准邮件格式
留言格式
这是一个简化的普通post版本. 换句话说, 它只有一个帖子内容字段,你不需要填写帖子标题和其他字段. 这就是所谓的便签.
![](img/wordpress/post_format_standard.png)
留言格式
图库邮件格式
这种帖子格式的主要特点是能够保持无限数量的附加图像.
添加图库帖子格式:
- Click the Add Media button.
- 要从硬盘驱动器添加图像,请将文件拖放到出现的框中或单击 Select Files 从计算机中选择要上传的图片.
- 图片上传完成后,您将看到媒体库中的所有图片. Select 上传至本帖 查看附图.
- 编辑完成后,您可以关闭媒体库. 上传的图片将自动附加.
画廊帖子格式有所有标准字段(如标题,内容,类别等).),就像普通的帖子格式一样.
链接帖子格式
![](img/wordpress/post_format_link.png)
链接帖子格式
在选择 Link Post格式,你会得到一个额外的 URL 字段,其中需要指定目标页面/资源的链接(URL). The Post title 会用作你的链接文本吗.
如果您填写了帖子内容字段,它将被用作目标页面/源描述.
图片Post格式
![](img/wordpress/post_format_image.png)
图片Post格式
An Image Post格式是基于通过 有特色的图片 option.
在选择图像发布格式后, 控件中的相应设置可以禁用灯箱图像特性 使Lightbox image option.
报价格式
![](img/wordpress/post_format_quote.png)
报价格式
A 报价格式 作为所谓的后引用. 它是用来发布报价的.
选择此帖子格式后,您将获得一个额外的 The Quote 字段-基本上是引语的主体和 Author 字段-引用作者名称.
音频发布格式
![](img/wordpress/post_format_audio.png)
音频发布格式
音频发布格式 用于发布音频内容.
选择此邮件格式后,您将获得以下额外选项:
- Title -曲目名称
- Artist -音轨表演者
- Audio Format -音轨格式
- Audio URL -直接链接到音轨
视频上传格式
![](img/wordpress/post_format_video.png)
视频上传格式
A 视频上传格式 用于发布视频内容.
选择此邮件格式后,您将获得以下额外选项:
- Title -视频剪辑标题
- Artist -视频剪辑表演者
- URL #1 -直接链接到视频剪辑在m4v格式
- URL #2 -直接链接到ogv格式的视频剪辑
- Embedded Code -用于非现场视频嵌入,e.g. 通过youtube, vimeo等.
创建滑动杆
![](img/wordpress/slide_new.png)
幻灯片本质上是 自定义帖子类型 这意味着它们不同于常见的帖子,比如博客文章. 这使我们能够很容易地管理网站的内容.
![](img/wordpress/slider.png)
创建滑动杆
- 登录你的WordPress管理面板(仪表板).
- Click the Slider tab.
- 现在点击 Add New tab.
- 插入滑块 title.
- 上传你的图片 有特色的图片 选项(单击 套装特色图片 link).
- 您可以在滑块中使用以下字段:
- Caption -幻灯片标题的字段.
- URL -幻灯片URL字段(你可以在这里放一个外部链接).
- 完成后,单击 Publish button.
添加一个Portfolio帖子
![](img/wordpress/folio_panel.png)
投资组合项目本质上是一种定制的帖子类型 http://codex.wordpress.org/Post_Types#Custom_Types 这意味着它们与普通岗位不同. 这使我们能够很容易地管理网站的内容.
![](img/wordpress/folio.png)
添加一个作品集帖子
- 登录你的WordPress管理面板(仪表板).
- Click the Portfolio tab.
- And now the Add New one.
- 填写所有必需的栏位(title, content).
- 上传你的图片 有特色的图片 选项(单击 套装特色图片 link).
- And click the Publish button.
选择作品集帖子格式
![](img/wordpress/folio_format.png)
在此主题中创建投资组合帖子允许您选择一种可用的帖子类型.
- Image -默认的画廊帖子格式. 只显示 有特色的图片.
- Slideshow -项目图库显示为幻灯片. 它可以包含无限数量的图片上传和附加到帖子.
- Grid Gallery -张贴图像显示为一个画廊. 可以包含无限数量的图片上传和附加到帖子.
- Video -在这个帖子类型中,你可以嵌入任何视频托管(YouTube, Vimeo等)的视频.).
- Audio -选择这个帖子类型,你可以嵌入你的音频链接.
添加一个推荐帖子
![](img/wordpress/testi.png)
添加一个推荐帖子
- 登录你的WordPress管理面板(仪表板).
- Click the Testimonials tab.
- 然后点击 Add New tab.
- 填写所有必需的栏位(title, content).
- 的帮助下上传您的图像 有特色的图片 选项(单击 套装特色图片 link).
- 您可以使用以下字段为这类帖子:
- Name -作者姓名
- URL -作者链接
- Info -作者的附加信息.
- Hit the Publish button.
添加faq帖子
![](img/wordpress/faq.png)
添加faq帖子
- 登录你的WordPress管理面板(仪表板).
- Click the FAQs tab.
- And now the Add New button.
- 因为这是一个问答类型的帖子, 帖子的标题是问题,内容是答案.
- Click Publish.
添加Our Team帖子
![](img/wordpress/our_team.png)
添加Our Team帖子
- 登录你的WordPress管理面板(仪表板).
- Click the Our Team tab.
- And now the Add New button.
- 填写所有必需的栏位(title, content).
- 上传您的图像 有特色的图片 选项(单击 套装特色图片 link).
- 您可以使用以下字段为这类帖子:
- Position ——这个人的位置
- Info -附加信息.
- Click Publish.
投资组合页面
创建作品集页面
![](img/wordpress/folio_page.jpg)
创建作品集页面
可以在页面模板的帮助下创建投资组合页面.
- 登录你的WordPress管理面板(仪表板).
- Click the Pages tab.
- Click the Add New tab.
- 例如,输入您的页面名称 投资组合页面.
- 选择您的网页模板( 滤镜组合2色, 滤镜组合3色 or 滤镜组合4色 in the 页面属性 下拉菜单).
- 完成后,单击 Publish button.
控件创建类别组合页面 类别包括 field. 您需要编写想要显示的类别的段符.
![](img/wordpress/category_in.jpg)
Shortcodes
短代码是一个强大的内容构建工具 http://codex.wordpress.org/Shortcode. 短代码很容易使用. 首先,确保编辑模式设置为 Visual.
![](img/wordpress/sc_visual.jpg)
然后请点击按钮查看短码. 之后,选择要插入的短代码.
![](img/wordpress/sc_menu.jpg)
所有可用的短代码有条件地分为以下几组:
- Dynamic -用于内容输出(帖子,自定义帖子类型,标签等).)
- Grid Columns -用于网格形成的各种列.
- Elements -内容形成的附加元素.
- Other -用于高级/复杂内容形成的附加元素.
Dynamic
Post Grid
![](img/wordpress/shortcode_postgrid_ld.jpg)
![](img/wordpress/shortcode_postgrid.jpg)
[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"]
Description: 在具有可配置列数和行数的表视图中显示标准和自定义帖子.
Post List
![](img/wordpress/shortcode_postlist_ld.jpg)
![](img/wordpress/shortcode_postlist.jpg)
[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"]
Description: 在博客页面上显示标准和自定义文章.
迷你邮电网
![](img/wordpress/shortcode_minipostgrid_ld.jpg)
![](img/wordpress/shortcode_minipostgrid.jpg)
[mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" align="left"]
Description: [post_grid]短代码的更紧凑版本. 显示具有可配置图像大小的标准和自定义帖子的图像.
小邮单
![](img/wordpress/shortcode_minipostlist_ld.jpg)
![](img/wordpress/shortcode_minipostlist.jpg)
[mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" order="DESC"节选t_count="20"]
Description: [posts_list]短代码的更紧凑的版本. 在列表视图中显示标准和自定义帖子.
Recent Posts
![](img/wordpress/shortcode_recentposts_ld.jpg)
![](img/wordpress/shortcode_recentposts.jpg)
[recent_posts num="3" post_format="standard" meta="false" thumb="true" summart_count ="20"]
Description: 显示最近的帖子,可以通过以下选项配置(帖子类型, 职位数量, post format, 段长度, 按钮标题等).
最近感言
![](img/wordpress/shortcode_recenttesti_ld.jpg)
![](img/wordpress/shortcode_recenttesti.jpg)
[recenttesti num="2" thumb="true"]
Description: 显示指定数量的奖状自定义帖子类型帖子, 包括显示/隐藏帖子图像和管理字数的能力.
Banner
![](img/wordpress/shortcode_banner_ld.jpg)
![](img/wordpress/shortcode_banner.jpg)
[banner img="#" banner_link="#" title=" title " text=" text " btn_text="Button" target="_self"]
Description: 用于显示带有静态文本和/或图像、标题、链接等的块.
Comments
![](img/wordpress/shortcode_comments_ld.jpg)
![](img/wordpress/shortcode_comments.jpg)
[recent_comments num = " 5 ")
Description: 显示最新的注释.
Post Cycle
![](img/wordpress/shortcode_postcycle_ld.jpg)
![](img/wordpress/shortcode_postcycle.jpg)
[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]
Description: 紧凑的显示不同的职位在迷你滑块视图.
旋转木马(Elasti)
![](img/wordpress/shortcode_car_ld.jpg)
![](img/wordpress/shortcode_car.jpg)
[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]
Description: 在轮播视图中显示帖子,具有各种附加选项.
Carousel(OWL)
![](img/wordpress/shortcode_car_owl_ld.jpg)
![](img/wordpress/shortcode_car_owl.jpg)
[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"]
Description: 在轮播视图中显示帖子,具有各种附加选项.
Roundabout
![](img/wordpress/shortcode_roundabout_ld.jpg)
![](img/wordpress/shortcode_roundabout.jpg)
[roundabout title=" title " num="3" type="blog"]
Description: Roundabout是一个jQuery插件,可以将静态HTML元素的结构转换为高度可定制的转盘式交互区域.
Service Box
![](img/wordpress/shortcode_service_ld.jpg)
![](img/wordpress/shortcode_service.jpg)
[service_box title=" title "icon ="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]
Description: 用于显示信息块,包括标题,图标,文本,按钮. 这个短代码的主要特点是存在预先安装的图标.
Hero unit
![](img/wordpress/shortcode_hero_ld.jpg)
![](img/wordpress/shortcode_hero.jpg)
[hero_unit title=" title " text=" text " btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]
Description: 用于显示网站主要信息、促销活动等. 通常位于网站的主页面,就在标题之后.
Categories
![](img/wordpress/shortcode_cat_ld.jpg)
![](img/wordpress/shortcode_cat.jpg)
[类别类= " + ")
Description: 用于显示类别.
Tags
![](img/wordpress/shortcode_tags_ld.jpg)
[tags]
Description: 用于显示标签.
Columns
网格柱(跨度1-12)
[跨度#][/跨度#]
Description: 用于结构网格单元的形成, 其中#是1到12之间的数字, 哪个定义了元素的宽度.
[row] [span6]你的内容... [/span6] [span6] t... [/span6] [/row]
Note, 当形成网格时,你应该将网格元素“包裹”到[row]短代码中:
流体柱(1 / 2,1 / 3...)
[one_half] [/ one_half]
Description: 用于形成结构网格元素,其中网格元素的宽度用%表示.
[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
![](img/wordpress/shortcode_label_ld.jpg)
![](img/wordpress/shortcode_label.jpg)
标签(标签风格=“默认”)[/标签]
Description: 用于显示具有预定义样式的标签.
Highlight
![](img/wordpress/shortcode_highlight_ld.jpg)
(强调)文本(/突出]
Description: 用于突出显示选定的文本片段.
Button
![](img/wordpress/shortcode_button_ld.jpg)
![](img/wordpress/shortcode_button.jpg)
[button text=" text " link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
Description: 用于插入具有各种显示设置(样式、大小、图标等)的按钮.).
Dropcap
![](img/wordpress/shortcode_dropcap_ld.jpg)
L [dropcap] [/ dropcap]
Description: 用于显示略去的大写字母.
Icon
![](img/wordpress/shortcode_icon_ld.jpg)
![](img/wordpress/shortcode_icon.jpg)
[icon image="#" align="left"]
Description: 用于显示一个简单的图标.
水平线
![](img/wordpress/shortcode_hr_ld.jpg)
[hr]
Description: 用于显示一条水平线.
小横尺
![](img/wordpress/shortcode_sm_hr_ld.jpg)
[sm_hr]
Description: 用于显示具有较小边距的可选水平线.
Vertical Rule
![](img/wordpress/shortcode_vr_ld.jpg)
[vr]
Description: 用于显示一条竖线.
Spacer
[spacer]
Description: 用于设置元素之间的垂直间距.
Progress bar
![](img/wordpress/shortcode_progress_ld.jpg)
![](img/wordpress/shortcode_progress.jpg)
[progressbar value="20" type="info" grad_type="vertical" animated="no"]
Description: 用于显示某个过程完成的指示符.
Address
你的地址在这里。
Description: 用作地址的容器.
Clear
[clear]
Description: 用于元素流周围的重新归零.
列出短代码(unstyled, check, check2, arrow, arrow2, star, plus, minus)
![](img/wordpress/shortcode_list_ld.jpg)
[check_list]列表在这里 ... [/check_list]
Description: 一组用于显示各种列表样式的短代码. 每个短代码都为列表项实现了自己的标记.
Extra Wrap
[extra_wrap] [/ extra_wrap]
Description: 用带有溢出的块包装内容的简短代码:隐藏.
Content Box
[content_box custom_class = " custom_content_box "] [/ content_box]
Description: 用伪类:before和:after包装内容以显示全宽度块.
Other
Video Preview
![](img/wordpress/shortcode_video_preview_ld.jpg)
![](img/wordpress/shortcode_video_preview.jpg)
[video_preview post_url = " http://demolink.http://blog/video -post-type/" title="yes" date="yes" author="yes"]
Description: 用于插入视频预览, 哪些可以从非站点服务(youtube, Vimeo)或从您的网站(自托管).
警告框(消息、信息、成功、危险)
![](img/wordpress/shortcode_alert_ld.jpg)
![](img/wordpress/shortcode_alert.jpg)
[alert_box style="message" close="yes"]你好,World![/alert_box]
Description: 用于显示服务消息的短代码集.
Well
![](img/wordpress/shortcode_well_ld.jpg)
[well size="well-normal"]你的文字在这里... [/well]
Description: 用于插入一个样式化的容器.
Small
![](img/wordpress/shortcode_small_ld.jpg)
你的文字在这里... [/small]
Description: 用于插入字体较小的文本块.
Title Box
![](img/wordpress/shortcode_title_ld.jpg)
![](img/wordpress/shortcode_title.jpg)
[title_box title=" title "subtitle ="subtitle text" icon="#"]
Description: 用于显示双标题:主标题文本和附加标题文本.
Tabs
![](img/wordpress/shortcode_tabs_ld.jpg)
[tabs direction="top" tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1]表1内容... [/tab1] [tab2]表2内容... [/tab2] [tab3]表3内容... [/ tab3][/标签]
Description: 用于显示按选项卡排列的内容. 选项卡可以包含静态和动态内容.
Accordion
![](img/wordpress/shortcode_accordion_ld.jpg)
[accordions] [accordion title="title1" visible="yes"]标签内容[/accordion] [accordion title="title2"]另一个内容标签[/accordion] [/ accorons]
Description: 用于显示带有标题的折叠面板.
Table
![](img/wordpress/shortcode_table_ld.jpg)
[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some Title 1 [/td2] [td3] some Value 1 [/td3] [/table]
Description: 用于显示表格.
Template URL
(template_url)
Description: 显示到您的网站的链接.
Sitemap
![](img/wordpress/shortcode_sitemap_ld.jpg)
![](img/wordpress/shortcode_sitemap.jpg)
[site_map title="Sitemap" type="Lines" custom_class="custom_class"]
Description: 显示站点地图的短代码.
Google Map
![](img/wordpress/shortcode_map_ld.jpg)
![](img/wordpress/shortcode_map.jpg)
[map src="#" width="300" height="200"]
Description: 将谷歌地图添加到页面. 为了使此短代码工作,您应该插入带有所需坐标的链接 Google site.
谷歌地图Api
![](img/wordpress/shortcode_map_api_ld.jpg)
![](img/wordpress/shortcode_map_api.jpg)
[google_map_api lat_value="45" lng_value="-80" zoom_value="8" zoom_wheel="no" custom_class="custom-class "]
Description: 允许添加和自定义谷歌地图API. 谷歌地图配置的详细说明可在 谷歌地图JavaScript API.
Pricing table
![](img/wordpress/shortcode_pr_table_ld.png)
![](img/wordpress/shortcode_pr_table.png)
[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]
Description: 用于显示价格表.
Audio / Video
Description: WordPress 3.6+对嵌入YouTube和Vimeo视频有很大的支持, 但如果你想播放视频或音频文件, 比如MP3或MP4文件, 已经上传到服务器上了, 您需要实现某种播放器,以便文件在您的站点上显示为媒体而不是链接. Read More
这个过程类似于在你的帖子内容中插入图片:- 添加或编辑页面或帖子.
-
点击你想让玩家出现的内容,然后点击 Add Media 在内容编辑器上方.
- Click Upload Files.
- 上传音频或视频文件.
-
确保您上传的文件被选中,然后在 附件显示设置, set Embed or Link 转到“嵌入媒体播放器”."
- 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).
MotoPress滑块插件
Description: MotoPress滑块 是一个易于使用和灵活的解决方案,构建引人注目的幻灯片与美丽的幻灯片. 它专注于简单性和功能性,并提供了所有必要的工具来脱颖而出. 你可以在两分钟内建立你的WordPress滑块,并在任何大小的屏幕上享受它, 因为它在任何设备上看起来都很棒.
注意:本说明适用于包含motoppress滑块的模板. 如果您购买了motoppress滑块作为额外的优惠 .Json文件将不会出现在模板包中.
Installation: 要使MotoPress滑块看起来像我们的现场演示,请遵循以下说明:
- 安装并激活MotoPress滑块插件.
- Go to Dashboard -> MotoPress滑块 -> 然后按下按钮 "Import & Export".
- 选择motoppress滑块导出 .json 可以在模板包中找到的文件.
- 导入滑块设置后,安装完成.
滑块设置:
![](img/wordpress/motoslider1.jpg)
- Slider title -输入滑块的名称, 如果你为你的网站创建了几个滑块,它应该很容易识别.
- Slider alias -帮助滑块为您提供滑块短代码. 它的名字必须是唯一的.
- 滑块短码 -你会把这个短代码插入到你想要放置滑块的页面或帖子中.
- 力全宽 -启用此选项使此滑块全宽.
- 网格尺寸 -启用设置滑块的宽度,指示图层网格大小.
- 使幻灯片 -启用或禁用幻灯片.
- 幻灯片延迟 -一张幻灯片停留在屏幕上的时间,以毫秒为单位.
- 悬停暂停 -悬停滑块时暂停幻灯片播放.
- 幻灯片的倒序 -动画幻灯片以相反的顺序.
- Show counter -显示幻灯片的数量.
幻灯片设置:
在指示滑块的设置之后,是时候开始添加滑块了.
自定义幻灯片的过程直观而简单. 你只需要命名你的幻灯片,并选择它的背景类型:图像或简单的一种颜色.
![](img/wordpress/motoslider5.jpg)
General:
- Slide Title -将在幻灯片列表中显示的幻灯片的标题.
- Status -选择幻灯片的状态(已发布或草稿).
Color:
- 背景色类型: -选择颜色或渐变幻灯片的背景.
- 背景颜色 -请插入颜色(此选项仅适用于背景颜色类型为“color”).
- 渐变颜色1,渐变颜色2,渐变角度 -插入两个渐变颜色和角度(这些选项仅适用于背景颜色类型“gradient”).
Image:
- Image Source -图像可以从您的计算机,媒体库或外部URL添加.
- Size -幻灯片图像的大小.
- Cover -这意味着背景图像将被尽可能大的缩放,以便背景区域被图像完全覆盖.
- Contain -图像可以缩放到最大尺寸. 宽度和高度都适合内容区域.
- Percentage -背景图像的宽度和高度可以以百分比固定.
- Normal -背景图像有自己的宽度和高度.
- Repeat -背景图像可重复或不重复.
- Position -选择背景图像的位置.
Video:
- 视频源MP4 - upload .MP4视频文件.
- 视频源WEBM - upload .WEBM视频文件.
- 视频源OGG - upload .OGG视频文件.
- Loop Video -允许您循环播放视频.
- Mute Video -设置视频静音.
- 视频填充模式 -选择填充或匹配.
- Video Cover -启用视频封面.
- 视频封面类型 —选择“视频封面类型”.
Link:
- 链接这张幻灯片 - insert link.
- 在新窗口中打开 -在新窗中打开幻灯片的链接.
- Link id
- Link class
- Link rel
- Link title
Visibility:
- 只有已登录的用户才能查看此幻灯片
- Visible from -从日历中选择开始日期
- Visible until -从日历中选择最后一天
Misc:
- Class name
- CSS id
下一步是设置背景图像的位置和“重复”选项, 但这只取决于你的意愿, 因为您可以将这些字段保留为空.
为了演示目的, 我们将在我们的滑块中使用一些图片向您展示该插件的优点. 设置图像选项后,您可以开始图层设置.
![](img/wordpress/motoslider3.jpg)
此功能为您提供了许多自定义选项. 您可以根据需要创建尽可能多的图层. 图层可以呈现为文本,图像或按钮,对于每个图层,您可以设置:
- 开始动画 -它在幻灯片上的样子.
- End Animation -它如何从幻灯片上消失.
- Display -一个图层出现所需的时间.
- Hide -一层消失所需的时间. 请注意,时间是从幻灯片开始计算的,并以毫秒表示.
图层设置也允许指定图层的文本和样式. 当你完成添加层,你可以设置他们的顺序简单地通过拖放他们在任何特定的顺序.
更多信息请点击 here.
樱桃MediaParallax插件
Description: 这个插件允许设置背景图像或视频到您的页面内容,并通过添加特定的视差功能(相对于页面滚动上的其余内容的偏移)来改变其外观。.
Media upload: 您应上传以下视频文件格式的文件至媒体库: 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: - name of “.mp4” file
- src_webm: - name of “.webm” file
- src_ogv: - name of “.ogv” file
- src_poster: - name of “.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: - name of “.jpg” file
- offset_value: -背景图像在滚动页面上移动(值:yes / no)
- fixed_value: -修复图像相对于浏览器窗口(取值:yes / no)
- invert_value: -反转垂直偏移量(取值为yes / no)
- custom_class: -短码的自定义CSS类
Сherry BgSlider插件
Description: 这个插件允许创建具有视差效果的滑块,并将其放置在页面背景中. 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)
- navigation: -定义导航按钮的显示(值:true / false)
- custom_class: -短码的自定义CSS类
Cherry视差插件
Description: 这个插件允许设置应用视差效果的背景图像(相对于页面滚动上的其余内容的偏移).
为了使用这个插件,你应该插入以下短代码:
(=“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插件
Description: 这个插件允许在页面滚动上平滑地显示内容的外观.
为了使用这个插件,你应该插入以下短代码:
[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
Description: 这个插件允许设置背景图像或视频到您的页面内容,并通过添加特定的视差功能(相对于页面滚动上的其余内容的偏移)来改变其外观。.
Media upload: 您应上传以下格式的视频文件到媒体库: Mp4, webm, ogv and jpg for poster.
为了设置 image 背景,你应该使用这个短代码::
[cherry_parallax图像= " img." speed="normal" invert="false" custom_class="custom-class"]Text[/cherry_parallax]
- image: - name of “.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: - name of “.webm” file
- ogv: - name of “.ogv” file
- mp4: - name of “.mp4” file
- poster: - name of “.jpg” file. 当浏览器缓冲必要的视频部分时显示.
- speed: -动画速度(取值为none, low, normal, ight, fixed)
- invert: -反转背景偏移方向
- custom_class: -短码的自定义CSS类
樱桃单旋转木马
Description: 这个插件允许在页面内容上添加视差效果(相对于页面滚动上的其余内容的偏移).
[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
下面的小部件也在主题中使用:
![](img/wordpress/widget_recent_comments.jpg)
樱桃-近期评论
以更方便的格式显示最近的注释. 给定的小部件包括以下选项:
- Title: -小部件标题
- 要显示的评论数: -要显示的评论数
- 显示《og体育首页》: -显示头像
- 头像大小(px): -你可以选择头像的大小
- 显示评论作者: -显示评论作者
- 显示评论日期: -显示评论日期
- 显示职位标题: -显示职位标题
- Meta format: -元数据的输出格式
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_recent_posts.jpg)
樱桃-最近文章
显示您最近的帖子. 您还可以显示某些类别的自定义帖子,并添加阅读更多链接. 给定的Widget包含以下选项:
- Title: -小部件标题
- 类别鼻涕虫: -职位类别蛞蝓.
- Post Format: —选择“帖子格式”显示帖子.
- Post Order: —您可以选择显示帖子的顺序.
- 每页发文数: —要显示的帖子数.
- 节选长度(字): -节选长度(字数).
- Link Text: —“最近发布”后显示的“链接文本”.
- Link Url: —“最近发布”后显示的链接地址.
![](img/wordpress/widget_advanced_cycle.jpg)
樱桃-高级循环
这个多功能小部件用于显示不同的文章类型,包括博客文章. 高度可定制,它具有更改显示设置的功能. 这个小部件包含以下选项:
- Title: -小部件标题
- Posts type: -选择职位类型
- 要显示的帖子数量: -职位数量
- Sort by: -职位选择选项
- 反向排序顺序(升序): -倒序排序
- 显示评论数 -显示评论数
- Show meta - show meta
- 容器类: -包装类. Set to featured_custom_posts by default.
- 显示职位标题 -显示职位名称
- Date as title -使用日期而不是标题
- Before title: -在标题前自定义html标记
- After title: -自定义html标记后的标题
- 显示文章节选 -显示节选
- 节选长度(字) -节选长度(字数)
- 节选链接 -将摘录转换为链接
- 显示“更多”链接 - show link More 邮寄后
- Link text: - link text
- Link class: - CSS-class More link
- 显示帖子缩略图 -显示一个帖子的缩略图
- Width: - image width
- Height: -图像高度
- 缩略图为链接 -将图像转换为链接
- 显示所有帖子的全局链接 -显示所有帖子的全局链接
- Link text: -给定链接的文本
- Link URL: - link URL.
![](img/wordpress/widget_social_networks.jpg)
樱桃-社交网络
这是一个允许链接到你的社交网络账户的小工具. 小部件包含以下选项:
- Title: -小部件标题
- Facebook URL, Twitter URL, Flickr URL, etc. -链接到您的社交网络帐户
- Display: 图标的显示方式
![](img/wordpress/widget_banners.jpg)
樱桃- 125x125广告
这是一个小部件,允许您显示一组横幅. 小部件包含以下选项:
- Title: -小部件标题
- 图片广告链接: -您的横幅图像的路径
- Add link: -你的横幅链接.
![](img/wordpress/widget_flickr.jpg)
樱桃- Flickr
这个小部件允许您显示Flickr图库中的照片. 它包含以下选项:
- Title: -小部件标题
- Flickr ID: -你的flickr ID
- Images count: -要显示的照片数量
- Link Text: -链接文本下你的flickr照片.
![](img/wordpress/widget_vcard.jpg)
Cherry - vCard
这个小部件允许您显示有关您的公司或您自己的信息. 它包含以下选项:
- 标题(可选): -小部件标题
- Google Map: - display map
- HTML地图代码: -字段输入HTML代码谷歌地图
- 街道地址: 把你的街道地址写在这里
- 城市/地区: -在这里输入您的城市或位置
- State/Region: -在这里输入您所在的州或地区
- Zipcode /邮政编码: -在这里输入您的邮政编码或邮政编码
- Telephone: -电话号码
- Email: - your email.
- Meta format: -元数据的输出格式
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_post_cycle.png)
樱桃-后循环
这个小部件允许您显示有关您的公司或您自己的信息. 它包含以下选项:
- 标题(可选): -小部件标题
- Post type: -选择邮件格式
- Categories: —选择要显示帖子的类别
- Posts count: -显示的帖子数
- 缩略图宽度(像素): -后缩略图的宽度
- 缩略图高度(以像素为单位): -缩略图的高度
- Show titles: -显示职位标题
- Show date: -显示邮寄日期
- Show author: -显示作者
- 显示评论: -显示帖子评论
- Show excerpt: -显示文章节选
- 节选字数: -节选中显示的字数
- 更多按钮文本: - more按钮的文本
- 幻灯片显示骑行速度(以秒为单位.): -以毫秒为单位的幻灯片显示速度
- Arrows: -显示滑块箭头
- Pagination: -显示滑块分页
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_cherry_banner.jpg)
樱桃旗
小部件用于显示横幅. 它包含以下选项:
- 标题(可选): -小部件标题
- 横幅描述: -小部件横幅说明
- Image URL: -背景源图像
- Fill image: -两个横幅显示选项之间切换的选项:调整图像大小,使其适合横幅尺寸作为背景或将图像置于横幅内容之上
- Link URL: - link URL
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_facebook_like_box.jpg)
樱桃- Facebook喜欢盒子小部件
这个小部件用于显示Facebook页面. 它包含以下选项:
- 标题(可选): -小部件标题
- Facebook页面网址: - url your Facebook Page
- Width: & Height: - Widget size
- Color Scheme: -配色方案(浅色/深色)
- 显示标题: -启用/禁用报头
- 显示的脸: -启用/禁用人脸
- 显示流: -启用/禁用流
- 显示边界: -启用/禁用边界
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_cherry_instagram.jpg)
樱桃- Instagram
小部件用于显示最近的Instagram帖子. 它包含以下选项:
- 小部件标题:(可选): -小部件标题
- 用户名:(必填字段) - Instagram用户名(小部件将仅适用于在Instagram帐户中拥有完全权利的用户.)
- 显示图像数量: —显示图片数量(最多20张).)
- 图片尺寸: -显示图像的大小(大/缩略图)
- 显示图片说明: -启用/禁用图像描述
- 显示评论号: -启用/禁用注释号
- 显示点赞数: -启用/禁用点赞数
- 展示图片发布日期: -启用/禁用映像发布日期
- 显示图片网址: -启用/禁用图片URL
- 用户帐户按钮文本: -文本配置文件链接Instagram
- 自定义CSS类: -小部件自定义类
![](img/wordpress/widget_cherry_twitter.jpg)
樱桃-推特嵌入
这个小部件允许显示最近的条目(tweet). 它包括以下选项:
- Widget Title: -小部件的标题
- Widget ID: -在这里输入您的小部件ID. 首先,您需要创建一个新的小部件 here. 然后将小部件ID插入到适当的字段中.
- User Name: - Twitter用户名.
- Color Scheme: -配色方案(浅色/深色)
- 自定义CSS类: -小部件的自定义CSS类
![](img/wordpress/widget_cherry_pinterest.jpg)
樱桃- Pinterest嵌入
这个小部件允许显示主题集合. 它包括以下选项:
- Widget Title: -小部件的标题
- Pinterest用户URL: - type Pinterest 这里的账号URL
- 自定义CSS类: -小部件的自定义CSS类
樱桃的选项
下面的主题包含设置选项. 这些设置允许您更改主题的调色板, 项目顺序, 打开/关闭项目,做很多其他的事情. 要使用这些设置,请转到 外观→樱桃色选项.
General
![](img/wordpress/theme_options_general.jpg)
- Body styling -你可以选择身体的颜色和背景图案.
- Layout Style: -您可以为您的网站选择布局(宽/框样式)
- 标题样式: -标题背景图像和填充颜色.
- 按钮和链接颜色 -按钮和链接颜色.
- 按钮和链接悬停的颜色 -按钮和链接悬停颜色.
- Body Text -你可以选择你喜欢的字体正文. 以下选项可用于编辑字体:
Note: 用星号(*)标记的字体意味着它将从谷歌网页字体库加载.
- H1-H6标题 -你可以选择你喜欢的字体为标题和标题. 以下选项可用于编辑字体:
Note: 字体标有*意味着它将从谷歌网页字体库加载.
- 显示搜索框? -显示/隐藏标题中的搜索栏.
- 显示面包屑? -显示/隐藏页面中的面包屑.
- Custom CSS -如果你需要添加一些CSS规则, 但你不想打乱主CSS文件, 你可以使用这个字段. 只需插入新的css规则.
- 即时聊天帐号ID - Your Olark在线聊天 account ID
Logo & Favicon
Navigation
Slider
滑块高度可以在 # # #“wp-content /主题/主题/滑块.php". 编辑$slider_default_params数组中的“高度”值.
禁用滑块
Slideshow
![](img/wordpress/theme_options_slider_camera.jpg)
- 滑动效果 -滑块过渡效果
- 按参数排序 -按参数(按顺序)对检索到的帖子进行排序
- Sort order -排序顺序的帖子
- 列数 -列数
- 行数 -行数
- Banner effect -选择你的横幅动画类型
- Pause time -暂停时间(毫秒)
- 动画速度 -动画速度(毫秒)
- Slideshow -自动动画滑块?
- Thumbnails -显示缩略图?
- Pagination -显示分页?
- Next & Prev导航 -下一步显示 & prev导航?
- Display next & 只在悬停时进行导航? - If 'yes,导航按钮(上), 下一步和播放/停止按钮)将只在悬停状态下可见, if 'no,’他们总是看得见的.
- 播放/暂停按钮 -显示播放/暂停按钮?
- Loader -滑块装载机.
Accordion
![](img/wordpress/theme_options_slider_accordion.jpg)
- 要显示的幻灯片 —选择需要在滑块上显示的幻灯片. 如果没有选择幻灯片,将显示所有幻灯片.
- 按参数排序 -按参数(按顺序)对检索到的帖子进行排序
- Sort order -排序顺序的帖子
- Slideshow -自动动画滑块?
- 鼠标悬停时暂停 -当鼠标移到滑块上时,自动播放将暂停.
- Pause time -暂停时间(毫秒).
- 动画速度 -动画速度(毫秒).
- 动画放缓 -您可以选择不同类型的动画减速幻灯片的过渡.
- 用于幻灯片转换的鼠标事件 -您可以选择不同类型的鼠标事件进行幻灯片的过渡.
- Active slide -设置默认激活的幻灯片数量. 如果该值为0,则在加载页面时,所有幻灯片将具有相同的宽度.
Blog
![](img/wordpress/theme_options_blog.jpg)
- Blog Title -您在博客页面上使用的博客标题
- 相关职位名称 -你的标题使用在单个帖子页面上的相关帖子
- Blog layout -选择博客布局
- 博客图片大小 -图片大小(正常大小或大尺寸)的博客页面
- 单后置图像尺寸 -每个网页的图片大小(一般大小或大尺寸)
- 在单个帖子中显示分享按钮? -在单个帖子中显示分享按钮
- 图片应该在滚动页面上上传吗? -你可以启用图像加载只有当你向下滚动页面. 否则图像将同时加载.
- 启用博客文章摘录? -显示文章摘录
- 博客文章的按钮文本. -按钮文本的博客文章
- 查看博客的元数据 -选择将显示在博客和帖子页面上的元数据块类型
- 发布日期 -是否显示发布日期?
- 本文作者 —显示帖子的作者?
- 直接链接到帖子 -是否应该显示直接链接到该职位?
- 职位类别 -是否应该显示帖子类别?
- 显示标签 -是否应该显示标签?
- 评论数 -是否显示评论的数量?
- 观看次数 -是否显示视图的数量?
- 点赞数 -是否应该显示喜欢的数量?
- 不喜欢的次数 -是否应该显示不喜欢的数量?
Portfolio
Footer
![](img/wordpress/theme_options_footer.jpg)
- 页脚版权文本 -页脚文本内容. 如果文本字段为空,则显示默认内容. 它位于 footer.php file.
- 谷歌分析代码 -你可以放一个代码来收集你网站的SEO统计数据. For instance, 谷歌分析代码.
- Feedburner URL - Feedburner 是一个谷歌服务,照顾你的RSS源. 粘贴你的Feedburner URL在这里,让读者看到它在您的网站.
- 显示页脚菜单 -启用或禁用页脚菜单.
- 页脚菜单排版 -你可以为页脚菜单选择你喜欢的字体. 以下选项可用于编辑字体:
Note: an asterisk * 靠近字体意味着字体将从谷歌网页字体库加载.
Cookie Policy
cookie是网站放在访问者电脑上的小文本文件. 它们通常用于识别特定的访问者,并为他们提供更好的体验. cookie是许多网站功能的关键部分,我们认为这是理所当然的.
For instance, 通常是cookie让网上商店记住你购物车里有什么东西. 它们也被用来保持你登录到一个网站, 或者为网站所有者提供有价值的使用统计数据和信息.
如果你运行一个网站,它几乎肯定会使用cookie. 它们最有可能的功能是通过谷歌分析(Google Analytics)等工具监控访问者数量和行为. 它们也可用于向访问者显示相关广告, 或者-如果你在网上销售-电源的关键部分,你的网上购物系统.
2012年5月26日——ICO发布了一项执法变更, 现在,只要您明确您的隐私/cookie政策在哪里,就允许“暗示同意”.
为了您的方便,我们在樱桃的选项中添加了Cookie Banner.
附加选项
以下部分是可选的. 它们在某些主题中可能不可用.
Social
视差滑块
Description: 这个选项块允许您创建视差效果滑块并将其放置在页眉中.
Important: Options that are set in Dashboard -> 樱桃的选项 -> Slider Settings do not affect this kind of slider.
幻灯片内容应在 Dashboard -> Slides.
视差滑块v1.0
Description: 这个选项块允许您创建视差效果滑块并将其放置在页眉中. 此外,这个滑块允许插入视频幻灯片与 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 Video 部分出现. 您应该输入所需的Youtube视频ID到 Youtube视频ID field.
- Vimeo视频类型 -允许在幻灯片上显示Vimeo视频. 使用此选项,可以增加 Vimeo Video 部分出现. 您应该输入所需的Vimeo视频ID到 Vimeo视频ID field.
![](img/wordpress/theme_options_parallax_slider_1_0.jpg)
- 显示视差滑块? -定义是否显示视差滑动条(是/否)
- 视差效果 -允许配置背景图像相对于浏览器窗口的偏移量(值:none), low, normal, high, fixed)
- 反转视差滑块 -反转幻灯片偏移方向(是/否)
- 滑动效果 -滑块过渡动画效果(简单淡出,缩放淡出,滑动顶部)
- Slideshow -滑块自动播放(是/否)
- Pause time -幻灯片转换之间的延迟(毫秒)
- 动画速度 -滑块转换速度(毫秒)
- 滚动的描述 -幻灯片内容偏移和滚动时的透明度变化(是/否)
- Pagination -定义是否显示分页(按钮分页/图像分页/否)
- Next & Prev导航 -定义导航按钮是否应该显示(是/否)
Video
Description: 这个选项块允许您插入标题视频或根据浏览器窗口大小拉伸它.
媒体文件初始化: 上传以下格式的文件至媒体库: Mp4, webm, ogv and JPG.
视差视频
Description: 这个选项块允许放置视差效果的视频.
媒体文件初始化: 上传以下格式的文件至媒体库: Mp4, webm, ogv and JPG.
商店入门工具包
Important! 商店初学者工具包只适用于 樱桃框架 version 2.0 and higher.
如果您的版本早于2.0,你需要 update 樱桃框架.
如果您的版本早于2.0,你需要 update 樱桃框架.
Shop初学者工具包可以与任何WordPress主题捆绑购买,也可以单独购买.
首先,您需要安装并激活 WooCommerce or Jigoshop 插件,它将准备与您的商店工作.
你可在此下载插件:
Jigoshop插件: http://wordpress.org/plugins/jigoshop/
WooCommerce插件: http://wordpress.org/plugins/woocommerce/
Please note! 对于正常操作,您只需要一个插件.
插件安装
- 在你的WordPress管理面板中,进入菜单 Plugins -> Add New.
- Click Upload.
- Click Browse.
- 选择此目录中的一个插件文件并单击 OK.
- Click Install Now.
- 插件安装完成后,单击 Activate.
如果你接受这个提议 和WordPress主题一起,您需要执行几个步骤来确保事情正常工作.
此外,您还可以为您的商店安装小部件和演示产品.
您需要执行以下步骤:
- 部件的安装:
- In the menu, find 樱桃的选项 -> Import
- 选择jigoshop_widgets.Json或woocommerce_widgets.Json,具体取决于您选择的插件. 之后,按下显示小部件设置(you can skip this step and set up all the necessary widgets manually using the menu option Appearance -> Widgets).
- 选择要安装的小部件,然后按Import Settings按钮.
- 请等待安装完成.
- 设置演示产品.
- 选择shop_sample_data.xml文件,并按上传文件和导入按钮(您可以跳过这一步,稍后再做).
- 在Import Author字段中,选择您的用户并按Import Data按钮.
- 设置完演示产品后,按Finish按钮. 现在,您的商店已经为进一步的工作做好了准备.
如果您决定在之前购买的模板中添加存储功能, 您需要获取额外的文件,以使Cherry框架与 WooCommerce and Jigoshop plugins.
首先,你需要获得 “店铺入门教材” 提供,然后你需要通过几个简单的步骤:
- 安装和激活 WooCommerce or Jigoshop plugins (你只需要其中一个).
- 从文件夹中 theme####,复制两个文件(shop.less and shop.php)与子主题一起放入根文件夹.
此外,您还可以为您的商店安装小部件和演示产品. 请查看上面的说明.