扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、创建所需的文件
专注于为中小企业提供网站制作、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业定日免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页
首先第一步需要在后台建立一个空白页面供我们使用。我们通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现我们所需的功能。这是我们创建选项页的最基本的功能。
?php
// 设置选项页
function themeoptions_admin_menu()
{
// 在控制面板的侧边栏添加设置选项页链接
add_theme_page(“主题设置”, “主题选项”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);
}
function themeoptions_page()
{
// 设置选项页面的主要功能
}
add_action(‘admin_menu’, ‘themeoptions_admin_menu’);
?
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;
现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段
现在我们就可以在刚创建的空白页面上添加我们的选项和字段。这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page()函数内。首先,我们先添加一个class=”wrap”的div容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
div class=“wrap”
div id=“icon-themes” class=“icon32″br //div
h2主题设置/h2
form method=“POST” action=“”
input type=“hidden” name=“update_themeoptions” value=“true” /
pinput type=“submit” name=“submit” id=“submit” class=“button button-primary” value=“保存更改”/p
/form
/div
在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。
WordPress 主题 Her-优雅的她
这款主题,你可以自由地在主题设置中根据你自己的需要进行修改。主题的设置十分简单,没有提供太多复杂的设置,基本上你看了都知道该怎么设置了。
官网链接,可以免费下载。网页链接
黑糖主题BlackCandy网页链接是一款简约漂亮为自媒体和创意工作者而设计的博客主题,在某宝找的价,博客变得更加酷炫。
焕然一新的界面,更加扁平简约和现代化!紧跟潮流,为大屏和响应式而设计
独特的创新,首页布局显示模式:左右列表和卡片式(站长后台可设置默认模式,访客可选择浏览模式)
个性化图标,由创造狮 草莓图标库 驱动,为中国本地化而打造,更多特色自定义!
优化交互细节,响应式布局,完美匹配电脑、平板、和移动端。
强大的管理,即有wordpress后台,也有黑糖个性化后台菜单!
极客的精神,纯手工原生代码。未集成任何第三方插件!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流