WoodMart主题安装步骤(WordPress主题开发中如何添加主题设置页面)
文章目录
WoodMart主题安装步骤
本文讲解如何安装Woodmart主题,根据安装向导,如何绑定购买代码、安装子主题和必要的插件、导入演示内容。
前往购买Woodmart主题
将Woodmart主题安装到Wordpress
如果你还不会安装主题,请查看:如何安装WordPress主题(3种方法)。
然后,将你从主题森林里购买的woodmart的安装包下载下来,按照上述方法,安装到网站里。
WoodMart主题安装向导
一旦正确安装并激活了 WoodMart 主题,就会出现一个分步向导,包括六个选项卡:“激活”、“子主题”、“页面编辑器”、“插件”、“演示”、“完成” ”。
激活主题
为了获得主题的自动更新,你需要输入购买代码以便激活在线更新功能。
如何找到你的购买代码呢?
- 登录您的主题森林
- 将鼠标悬停在屏幕右上方的用户名上。
- 从下拉菜单中单击“download”。
- 找到你购买的woodmart,单击“License certificate & purchase code (text)”,在里头你就能找到购买代码了。
WoodMart 主题许可证可以在同一个站点的两个域名上激活:一个测试站,一个正式站。如果想要在多个站点上使用,你需要为每个站点再次购买WoodMart。
安装子主题(Child Theme)
如果你想对主题本身做修改,那么安装子主题是必要的,否则,你大可不必安装子主题。实际上,我自己并不会用到子主题,所以我选择SKIP。如果你想对子主题是什么有更多的了解,查看这篇。
选择页面编辑器
WoodMart支持两个页面编辑器:WPBakery和Elementor,但你不能同时安装并使用这两个编辑器。接下来,如果你要导入演示内容,它们是基于你所选的编辑器的。Elementor是我的最爱,WPBackry已被我淘汰,所以,我自然推荐你使用Elementor。
安装必要的插件
对于标记了required的插件,是主题必须的,但也有所区分,譬如woodmart core是一定必须的,而slider revolution并非一定必须,因为它是用于制作轮播广告图的,譬如放在首页首屏的轮播图,但这个插件本身比较重,所以我一般不装,而是直接用woodmart主题提供的slider功能、elementor pro的slider功能或直接用最简单的一张图片背景叠加文字,而不制作复制的slider。
当然,如果你是初学者,你完全可以将主题推荐的插件都装一下,这样导入演示站点时,才能完整的看到所有内容。然后,在你逐渐了解建站之后,可以再对这些插件进行禁用、删除。
那么,我会装它要求的哪些插件呢?Elementor、woodmart core、woocommerce,就这些,其他的我都不装。
演示站的虚拟内容
选择你喜欢的演示站进行导入,如果你不需要导入演示内容,那就直接跳过即可。
为了能导入完整的演示内容,所有与演示站相关的插件都应安装并激活。注意,如果你是在正式站点里操作,务必在导入演示内容之前,备份你的网站。导入演示内容会重置主题的所有设置,并且没有功能让你恢复从前。
完成主题安装向导
如果来到此页面,则表明woodmart主题已配置完成,接下来你可以开始发布产品,发布文章,编辑页面内容了。
WordPress主题开发中如何添加主题设置页面
本站开发的几款WordPress中文主题中大家会发现,都有独立的主题设置选项,很多朋友看了以后也很想为自己的WordPress主题添加这样的功能,那么今天就分享一下Options Framework框架。
这个框架是轻量级的,使用wp的api,提供了常用选项,使用起来也很简单。
首先,你可以通过这个链接直链下载新版本:https://github.com/devinsays/options-framework-theme/archive/master.zip
大家一定要注意了,下载下来以后不是直接解压放到插件目录,或通过后台安装插件的,因为这个不是一个插件形式的,算是一个主题,您需要安装下面的方法来启用它:
1.在主函数functions.php中加入以下代码(其实这个在Options Framework主题主函数functions.php里)(记得要放在<?php ?>之间):
|
|
然后下载上面那个主题,把其中的inc、images文件夹和options.php文件放入你的主题根目录
打开你的后台~是不是多了一个设置页面呢?
2.添加设置选项
一般,options.php中选项是以这种方式出现的(非标明必填即为选填):
|
|
如果你想添加最上面那个可以切换的选项卡,添加以下代码(注:自此段代码开始直到下一个此类代码为止,中间这一段都被视作是这个选项卡以内的!)
|
|
3.修改输出方式(非必须)
Options Framework的原本输出函数是of_get_option,如果你想更美观地让他出现,也为了便于记忆,可以进入inc/options-framework.php文件,找到72行和74行(以下1,2,3行分别对应72,73,74行):
|
|
比如说,你想要的输出函数是get_jiecao,那么此处就为
|
|
4.调用设置※
可以使用以下代码(此处的of_get_option被改成了get_jiecao,如有需要请自行修改)(请注意要使用echo!):
|
|
5.使用JavaScript
由于此框架的安全机制,回自动过滤掉js,object等,如需使用(比如说你想加一个统计代码,就必须使用这个否则js会无效),请在第一步的代码后加入此段代码:
|
|
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WoodMart主题安装步骤(WordPress主题开发中如何添加主题设置页面)