素食文档
Contents
素食文档
样本数据文件
素食主义者
素食主义者
veggie.xml
文档菜单
- 入门
- 首页
- 博客
- 标题菜单
- 页脚
- 定制器
- 范本
- 滑杆
- 店
- 特征
- 学分
- 演示内容
- WPML
1.一般与安装
1.1关于蔬菜的几句话
素食是美丽的WordPress主题,非常适合创建与食品相关的网站。非常适合食谱网站,博客,杂志等。 Veggie首先构建为移动设备,可以在各种尺寸的设备上观看。它具有现代的,易于阅读的字体和简约的设计。作为奖励和真正的享受,我们每天都会使用和享受我们自己的健康食谱。非常欢迎您尝试和分享。食谱附有我们在准备这些餐点时制作的真实且免版税的图片。好胃口!
1.2入门
要安装此主题,您必须已经安装了工作版本的WordPress。有关WordPress平台安装的信息,请参阅WordPress Codex – http://codex.wordpress.org/Installing_WordPress
主题使用基本的,核心的WordPress选项(页面,帖子,类别)创建了一个网站,即使对于初学者来说也很容易使用。没有具有许多设置的选项面板,所有可用的主题选项都可从WordPress内部获得 “主题定制器” 网站管理员可以调整主题设置,并实时查看这些更改的预览。您将能够上传徽标或更改网站标题和标语,更改背景颜色,上传背景图片,更改标题图片等等.
*我们制作的真实食谱和图像免版税,并且在演示文件中作为奖励包含在内!
1.3安装
准备安装主题时,首先需要上传主题安装zip文件,然后激活主题本身。主题文件可以通过两种方式上载:
- FTP上传:使用您的FTP程序上传非压缩主题文件夹素食主义者进入服务器上的/ wp-content / themes /文件夹
- WordPress上传:导航到 外观»主题»添加新内容»上传. 请点击 浏览, 然后选择压缩的主题文件夹 “ veggie.zip”. 击中 “现在安装” 主题将被上传并安装.
主题上传后,您需要激活它.
激活后,您应该将“素食主题”作为活动主题:
1.4如何开始?
有两种方法可以使用此WordPress主题开始构建您的网站.
- 从头开始 具有您自己的内容-从头开始,我们建议您遵循文档。从首页,博客,页眉,菜单和页脚开始,然后添加内页.
- 复制演示 网站,然后从那里开始-要复制演示,请按照 演示导入.
2.前页
前页包括前页 页面编辑器内容 和 4个小部件化的内容块. 在首页编辑器中,可以添加各种内容,并适合与页面构建器插件一起使用.
可以用不同的方式组合4个窗口小部件区域,而不必全部使用。您保留为空的窗口小部件区域不会显示在首页上.
要开始创建首页,您首先需要创建一个新页面并将其分配为您的首页.
导航到页面并创建一个新页面并命名(在演示中,我们将其命名为“ Welcome to Veggie”)。来自 页面属性 选择 “前模板” 然后点击“发布”.
默认情况下,首页上的WordPress显示您的最新帖子.
如果您想将创建的页面设置为首页,只需导航至 设置»阅读 而不是默认值 “首页显示:-您的最新帖子” 选择 “静态页面” 并选择您之前创建的页面。来自 帖子,页面 下拉菜单选择您要用作博客页面的页面.
2.1头版首页
A.顶级内容-特色帖子
导航 外观»小部件 拖放 “素食精选内容” 内的小部件 头版首页 小部件区域.
选择多个帖子,要显示的列和一个类别标签.
为了能够显示任何内容,您需要创建几个帖子,并将它们分配给要在首页上显示的类别.
我们用于精选博客文章的图像尺寸为740x820px.
B.顶级内容-幻灯片
您可以在页面顶部添加一个滑块,而不是精选的帖子窗口小部件。.
*在此处查找有关Soliloquy滑块安装和使用的更多信息: 设置滑块
导航 外观»小部件 拖放 “独白” 内的小部件 头版首页 小部件区域.
在Soliloquy中创建至少一个滑块,然后选择要显示的滑块.
滑块图像尺寸为2600x800px.
*如果您不想在页面顶部放置滑块或帖子,只需将首页“第一块”留空!
2.2页面内容
导航 页数 并打开您之前创建的页面“欢迎使用蔬菜”。在编辑器内添加您的内容,它将显示在首页上.
我们在编辑器中添加的内容是:
素食是Anariel Design制作的精美WordPress主题,非常适合创建与食品相关的网站。非常适合食谱网站,博客,杂志等。 Veggie首先构建为移动设备,很高兴在各种尺寸的设备上进行查看。它具有现代的,易于阅读的字体和简约的设计。作为奖励和真正的享受,我们每天都会使用和享受我们自己的健康食谱。非常欢迎您尝试和分享。食谱附有我们在准备这些餐点时制作的真实且免版税的图片。好胃口!探索
如果您想在网站上的任何地方添加蓝色按钮,只需复制并粘贴此代码,然后添加“#”符号即可添加您自己的链接:
探索
2.3首页第二块
导航 外观»小部件 并将小部件拖放到 头版第二块 小部件区域.
在此小部件区域,我们添加了 素食最近的帖子 小部件两次:每个实例具有不同数量的帖子,不同类别的标签以及不同数量的列(一列和四列)。该区域还包括素食促销区小部件.
2.4头版第三块
导航 外观»小部件 并将小部件拖放到 头版第三块 小部件区域.
在此小部件区域,我们添加了两个 素食最近的帖子 小部件,每个小部件具有不同数量的帖子,不同的类别标签以及不同数量的列(一列和两列).
2.5头版第四块
导航 外观»小部件 并将小部件拖放到 头版第四块 小部件区域.
在此小部件区域,我们添加了两个 简单的Instagram Feed小部件. 为了能够使用此小部件,您需要安装并激活简单Instagram: https://wordpress.org/plugins/simple-instagram/ 插入.
*首页由您在页面编辑器中添加的页面内容和4个不同的窗口小部件组成。这使您可以自由创建不同的布局。使用Jetpack插件功能-Widget Visibility,您可以使用同一“前模板”创建许多不同的页面。窗口小部件可见性模块使您可以使用“可见性”面板将窗口小部件配置为仅显示在某些页面上(或隐藏在某些页面上)。使用此功能,我们在演示中创建了不同的首页版本以显示选项: 头版选项
3.博客
您选择作为帖子页面的页面将自动按时间顺序列出所有博客帖子,从最新的开始。对于博客页面,无法选择页面模板。定制程序中提供了不同的博客布局选项.
3.1博客选项
在“定制程序的主题选项”面板中,在 博客布局, 选择最适合您网站的布局。您可以更改侧边栏的位置,选择网格布局或选择不带侧边栏的列表布局。此布局也适用于存档页面.
在“定制程序”的“主题选项”面板中,您可以隐藏帖子作者和日期等项目.
3.2创建帖子
帖子是在帖子页面上以相反顺序显示的条目。帖子通常在其下方有评论字段,并包含在您站点的RSS feed中.
3.3 CSS样式
要单独设置页面样式,可以在页面文本/ HTML编辑器中使用其他CSS样式。要使用黑色边框框来对食谱和食谱方法进行样式设置,就像在演示中一样,请将div与CSS类“ recipe”一起使用:
配料
- 2杯全麦拼粉
- 4汤匙椰子油
- 4-5大汤匙龙舌兰糖浆
- 1大酸奶
- 1公斤苹果(5-6个大苹果)
- 1茶匙有机发酵粉
- 1-2茶匙肉桂
4.标题
4.1菜单
要创建菜单,我们建议您至少创建几页内容优先的页面!
导航到外观»菜单,然后创建一个菜单。您可以将其命名为“主菜单”.
在 主题位置 检查主菜单并保存.
在此处找到有关设置菜单的更多信息:WordPress菜单用户指南
4.2如何删除搜索框?
导航到外观»定制程序»主题选项,然后选中“隐藏搜索框”
4.3如何添加社交图标?
导航到外观»菜单,然后创建一个菜单。您可以将其命名为“社交菜单”
在 主题位置 检查社交链接菜单
您需要做的就是在 自订连结 菜单。在“ URL”字段中添加您的社交页面网址,在“链接文本”中添加社交名称,例如“ Facebook”。将其添加到菜单后,社交图标将自动显示在社交栏上。完成后,点击“保存菜单”.
可用图标
链接到以下任何站点将自动在菜单中显示其图标.
- 码笔
- 掘客
- 运球
- 脸书
- Flickr
- 的GitHub
- 谷歌+
- Instagram的
- 领英
- Pinterest的
- RSS Feed(网址为
/饲料/
) - Tumblr
- 推特
- Vimeo
- WordPress的
- 的YouTube
5.脚
Veggie支持三个页脚小部件区域: 页脚小部件1,页脚小部件2和页脚小部件3. 如果将小部件添加到页脚小部件区域,它们将显示在网站的所有页面上。您可以具有一,两或三列的页脚区域。如果仅将窗口小部件添加到一个页脚窗口小部件区域,则将具有一列页脚。如果将窗口小部件添加到两个页脚窗口小部件区域,则将是两列页脚,依此类推。例如:
5.1页脚小部件1
在演示中,我们在第一列中使用了Jetpack Blog Subscription Widget。.
5.2页脚小部件2
我们在第二列中将Text Widget与该内容一起使用:
素食烹饪班。我们学会了制作漂亮的苹果蛋糕,并获得了很多乐趣.
5.3页脚小部件3
第三栏中使用了最近发布的小部件.
6. WORDPRESS客户
6.1介绍WordPress主题定制器?
主题自定义屏幕(即“主题自定义程序”)允许网站管理员调整主题设置,并实时查看这些更改的预览.
Veggie主题已实现定制程序,并添加了一些有用的选项来帮助您设置主题背景样式,颜色元素,上传图像徽标,选择不同的博客布局等等。.
导航到外观»自定义
在左侧,您会发现 主题定制器 与所有选项.
6.2选项
1.网站身份
您可以在此处设置网站的标题,标语和徽标.
2.标题图片
在这里您可以上传标题图片.
3.背景图片
在这里您可以添加背景图片.
4.颜色
在这里您可以更改背景颜色.
5.自定义颜色
使用颜色选择器轻松更改大多数主题颜色元素.
6.附加CSS
轻松地向您的WordPress网站添加其他CSS代码.
7.主题选项
选择适合您网站的最佳博客布局。您可以更改边栏的位置并选择网格或列表布局。此设置也适用于存档页面。您可以隐藏搜索框,隐藏帖子作者和帖子中的日期以及隐藏作者简历.
8.小部件
您可以在此处预览当前正在查看的页面上的所有可用小部件,并在可用小部件化区域内添加或更改小部件.
7.页面模板
页面模板提供了可用于创建页面的不同布局选项。在这些布局中,您可以将各种内容添加到编辑器中,甚至可以使用页面构建器插件来进一步增强布局选项.
这个主题提供 4 不同的页面模板:网格模板,全角无边栏模板,默认模板和正确内容无边栏模板.
7.1网格模板
此页面在网格中显示此页面的所有子页面以及特色图像。非常适合项目,团队或服务类型页面.
- 创建或编辑页面,并将其分配给 网格模板.
- 网格页面模板在网格中显示页面的所有子页面。了解有关创建子页面(或子页面)的更多信息.
- 每个子页面的特色图像,标题和内容摘录创建一个网格项.
7.2全宽无边栏
此页面模板删除了侧边栏,为您的内容提供了足够的空间来展开!
要使用此模板,请创建或编辑页面,然后将其分配给全宽,无侧边栏模板.
7.3默认模板
这是页面的默认外观,内容在左边,边栏在右边.
要使用此模板,请创建或编辑页面,然后将其分配给 默认模板 模板.
7.4正确的内容无侧栏
该页面模板以类似于博客的格式显示您的内容,条目标题在左侧,内容在右侧。此页面模板不包含侧边栏.
要使用此模板,请创建或编辑页面,然后将其分配给 内容正确,无侧边栏 模板.
在此处找到有关创建页面和使用模板的更多信息: 页数
8.滑块
要安装滑块,请导航至Plugins»Add New»Upload»从主题随附的plugins文件夹中选择一个文件,然后单击Install Now按钮。.
要创建滑块,请单击 “添新” 选项并命名。现在,您可以使用此出色的滑块提供的许多选项和功能来播放和创建滑块.
首先,上传您的图像。我们在演示滑块中使用的图片大小为2600x800px.
添加图像后,您可能需要通过导航到“配置”来配置滑块设置.
屏幕截图显示了演示中使用的配置.
完成创建滑块后,导航至要使用滑块的页面,帖子或小部件。在页面和帖子的内部,在编辑器顶部,您会发现 “添加滑块”按钮.
点击按钮打开新窗口。您可以在其中选择创建的滑块,并将其放在页面中或发布:
如果您想使用小部件侧栏中的滑块,请导航至外观»小部件,您将在其中找到 “独白” 小部件。将小部件拖放到可用的侧边栏之一,然后从下拉菜单中选择要显示的滑块.
9.店铺
在开始设置商店站点之前,您需要安装WooCommerce插件: http://wordpress.org/plugins/woocommerce/.
由于这不是WooCommerce主题,而是支持并在外观上适合该插件的主题,因此我们将不解释WooCommerce插件的工作原理。有关设置商店和使用WooCommerce插件的更多信息,请阅读此处: http://www.woothemes.com/woocommerce/
A.如何向商店页面添加内容?
如果要像演示中一样在编辑器中添加滑块和内容.
商店页面会自动列出您在WooCommerce中添加的产品-产品
10.功能
10.1联系方式
导航到页面并创建一个名为“ Contact”或您要调用的页面的新页面。联系人页面用途 默认模板 从页面属性.
要添加联系表,您首先需要一个提供此功能的插件。在里面 演示 我们使用了启用了Jetpack的插件 联系表 特征.
您可以自由使用任何其他联系方式插件,例如联系方式7: https://wordpress.org/plugins/contact-form-7/ 代替Jetpack.
10.2菜单
在开始设置菜单之前,您需要安装Food and Drink Menu插件: https://themeofthecrop.com/plugins/food-and-drink-menu/.
Veggie支持并采用视觉样式以适合插件。有关设置菜单和使用此插件的更多信息,请在此处阅读: http://doc.themeofthecrop.com/plugins/food-and-drink-menu/
10.3餐厅预订
在开始设置预订页面之前,您需要安装餐厅预订插件: https://themeofthecrop.com/plugins/restaurant-reservations/.
Veggie支持并采用视觉样式以适合插件。有关设置预订和使用此插件的更多信息,请在此处阅读: http://doc.themeofthecrop.com/plugins/restaurant-reservations/
11.学分
1.通用名: http://genericons.com/
2. Soliloquy Slider插件
3. WooCommerce: http://wordpress.org/plugins/woocommerce/ – 创建自己的商店
4. Jetpack: https://wordpress.org/plugins/jetpack/ – 可以从Jetpack插件中快速在主题中添加许多功能:平铺的画廊,相关文章,额外的侧边栏小部件,小部件可见性等..
5. WPZOOM的Instagram窗口小部件: https://wordpress.org/plugins/instagram-widget-by-wpzoom/ – Instagram提要
6. Google字体: https://www.google.com/fonts
7.餐饮菜单: https://themeofthecrop.com/plugins/food-and-drink-menu/ – 餐饮菜单
8.餐厅预订: https://themeofthecrop.com/plugins/restaurant-reservations/ – 餐厅预订
9.元素: https://wordpress.org/plugins/elementor/ – 页面生成器
10. Beaver Builder: https://wordpress.org/plugins/beaver-builder-lite-version/ – 页面生成器
11. Beaver Builder的终极插件: https://wordpress.org/plugins/ultimate-addons-for-beaver-builder-lite/ – Page Builder的插件
*所有配方和图像均免版税,并且作为演示文件中的奖励包含在内!
12.演示内容
如果要在开始编辑和添加自己的内容之前复制演示站点,则需要执行以下步骤:
- 安装演示中使用的所有插件。插件在下面列出.
- 使用一键演示导入插件导入XML文件,小部件设置(WIE文件)和定制程序设置(DAT文件).
- 在外观»菜单中设置主菜单和社交菜单.
- 在“设置”»“阅读”中设置静态首页.
12.1用于此主题的插件:
1. WooCommerce: http://wordpress.org/plugins/woocommerce/ – 创建自己的商店
2. Jetpack: https://wordpress.org/plugins/jetpack/ – 可以从Jetpack插件中快速在主题中添加许多功能:平铺的画廊,相关文章,额外的侧边栏小部件,小部件可见性等..
3. Soliloquy Slider插件位于 外挂程式 主下载文件夹中的文件夹.
4. WPZOOM的Instagram窗口小部件: https://wordpress.org/plugins/instagram-widget-by-wpzoom/ – Instagram提要
5.餐饮菜单: https://themeofthecrop.com/plugins/food-and-drink-menu/ – 餐饮菜单
6.餐厅预订: https://themeofthecrop.com/plugins/restaurant-reservations/ – 餐厅预订
7.元素: https://wordpress.org/plugins/elementor/ – 页面生成器
8. Beaver Builder: https://wordpress.org/plugins/beaver-builder-lite-version/ – 页面生成器
9. Beaver Builder的终极插件: https://wordpress.org/plugins/ultimate-addons-for-beaver-builder-lite/ – Page Builder的插件
为了工作,上面提到的插件不是强制性的!如果要导入演示内容,请在继续下一步之前安装并激活这些插件。!
13. WPML
首先,您将需要WPML和附加插件,即始终需要的核心WPML多语言CMS和String转换附加组件。 WPML入门指南中提供了有关安装和激活WPML的信息。.
13.1如何设置和翻译主题的主要功能
使用翻译管理http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/
翻译管理和功能– http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/
翻译网址段– http://wpml.org/documentation/getting-started-guide/translate-page-slugs/
13.2如何转换主题的字符串的示例
如何扫描来自主题的字符串– http://wpml.org/documentation/getting-started-guide/theme-localization/
如何使用“字符串翻译”翻译字符串– http://wpml.org/documentation/getting-started-guide/string-translation/
13.3如果需要对WPML语言切换器进行调整,请同时添加
http://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/