GG资源网

WoodMart主题安装步骤(WordPress主题开发中如何添加主题设置页面)

WoodMart主题安装步骤

本文讲解如何安装Woodmart主题,根据安装向导,如何绑定购买代码、安装子主题和必要的插件、导入演示内容。

前往购买Woodmart主题

将Woodmart主题安装到Wordpress

如果你还不会安装主题,请查看:如何安装WordPress主题(3种方法)。

然后,将你从主题森林里购买的woodmart的安装包下载下来,按照上述方法,安装到网站里。

WoodMart主题安装向导

一旦正确安装并激活了 WoodMart 主题,就会出现一个分步向导,包括六个选项卡:“激活”、“子主题”、“页面编辑器”、“插件”、“演示”、“完成” ”。

激活主题

为了获得主题的自动更新,你需要输入购买代码以便激活在线更新功能。

如何找到你的购买代码呢?

  1. 登录您的主题森林
  2. 将鼠标悬停在屏幕右上方的用户名上。
  3. 从下拉菜单中单击“download”。
  4. 找到你购买的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主题开发中如何添加主题设置页面)

发表回复

CAPTCHAis initialing...