今天给各位分享wordpress主题定制的知识,其中也会对WordPress主题定制进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、如何构建WordPress主题选项 Theme Options
- 2、如何自己写wordpress主题
- 3、wordpress怎么自己创建主题和设置主题
- 4、如何为wordpress单个页面添加主题
- 5、如何自制wordpress主题?
1、如何构建WordPress主题选项 Theme Options
制作主题选项的方法
用WordPress的Settings API。
用现成的主题选项框架,例如比较有名的Options Framework Theme。
用主题框架中自带的主题选项功能,例如Genesis Framework,Thesis Framework,Elegant Theme的epanel或WooTheme自带的框架等
用WordPress的Settings API是最精简的方法,定制化最高,对编程要求也高。
用Options Framework Theme是最简单的方法,不需要知道什么编程技巧,装上了就可以用,很像傻瓜照相机,所以也不能对定制化和性能有过高期望。
用主题框架,前提用这个框架构建主题,很多优秀的框架开源却不免费。
易用性和性能的平衡
如果既要追求易用性又要追求性能,需要了解一些代码又不用玩命读文档,那还有一个不错的选择,该方法来自这里。
首先下载示例文件,该文件是twentyten的Child Theme,安装方法参考如何安装WordPress主题。
激活主题后,在外观选项看下就会出现Theme Options选项卡。
这个主题选项页面主要是又文件夹下的theme-options.php控制的,打开这个文件看看如何通过修改文件来定制我们需要的主题选项界面。
如何使用theme-options.php
1. 引入文件
将theme-options.php放到主题目录下,通过下面代码引入
require_once ( get_template_directory() . '/theme-options.php' );
如果是Child Theme
require_once ( get_stylesheet_directory() . '/theme-options.php' );
2. 修改textdomain
WordPress的多语言主题必须有textdomain,这个示例文件中的textdomain是sampletheme,全文替换成自己主题的textdomain即可。
3. 修改外观选项卡下的Theme Options菜单名称
13-18行的代码用于产生Theme Options名称
/**
* Load up the menu page
*/
function theme_options_add_page() {
add_theme_page( __( 'Theme Options', 'sampletheme' ), __( 'Theme Options', 'sampletheme' ), 'edit_theme_options', 'theme_options', 'theme_options_do_page' );
}
使用的函数是add_theme_page,函数定义如下,根据定义修改
add_theme_page( $page_title, $menu_title, $capability, $menu_slug, $function);
$page_title控制页面title,$menu_title控制菜单名称
4. 生成选项
select下拉菜单和radio单选按钮通过定义数组产生,分别是$select_options和$radio_options。
select、radio、input或checkbox等HTML结构均在函数theme_options_do_page()中输出。
5. 调用主题选项中的项目
$options是一个数组,输出主题选项页面所有的选项,以安装后默认的选项为例,$options的内容如下
Array
(
[sometext] =
[selectinput] = 0
[sometextarea] =
[option1] = 0
[radioinput] =
)
6. 更改存储在wp_options表中的主题选项名称
如果你不想用sample_options作为选项名称,可以修改成自己主题的名字,假设你的主题叫greattheme,将下面的代码
function theme_options_init(){
register_setting( 'sample_options', 'sample_theme_options', 'theme_options_validate' );
}
替换为
function theme_options_init(){
register_setting( 'greattheme_options', 'great_theme_options', 'theme_options_validate' );
}
进行全文替换,将sample_options全文替换为greattheme_options,将some_theme_options全部替换为great_theme_options。
register_setting是WordPress Settings API中的一个函数,用来注册选项并通过回调函数(callback)输出HTML结构,函数原型如下
register_setting( $option_group, $option_name, $sanitize_callback );
使用这个简单的主题选项模板,很轻量级,不会影响主题性能。
2、如何自己写wordpress主题
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怎么自己创建主题和设置主题
首先,打开wordpress后台
按提示输入需要的东西
要牢记你的用户名和密码
以后随时都要用到
不然你就进不去你的网站后台了
点击“外观”
“主题”,就是给网站添加一个基本的框架。
点击"添加”,记住要添加一个适合你的网站的主题,不能操之过急。
然在点击“上传主题”
如果想用wordpress里的主题就不用在去网上下载啦
如果是淘宝客的话你可以去百度看看
也可以去淘宝网里购买一个网站模板
然后在百度上搜索主题下载
看看你需要什么样的主题模板。
注意必须是zip压缩格式的
不是zip压缩格式的可以把他转换成zip压缩格式的
不然就会上传失败
失败因素也有很多种,一定要注意上传之前的注意事项,这样可以节省你的时间。
然后就点击“现在安装”就行了。安装完成之后你要添加你要发布的文章,可以控制你的网站进行创作。
4、如何为wordpress单个页面添加主题
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默认的按钮样式。
5、如何自制wordpress主题?
你可以参考
老外写的教程很细致,水煮鱼把他翻译了,也很详尽
后台不需要重新做.
不过wp的主题制作相对还是复杂些吧,我同意kris,最好还是懂点php.
你也可以下载sandbox,是老外写的空白wp模版,你在此基础上编写可以省很多事情.写写css文件和制图片就可以了.
wordpress主题定制的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于WordPress主题定制、wordpress主题定制的信息别忘了在本站进行查找喔。