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;
如下的操作步骤请参考:
一、安装MobilePress插件
在此之前,你需要有个wordpress博客平台,然后按照下图的(图示一)安装MobilePress插件。
MobilePress插件是一款自动识别访问设备的插件,它可以根据用户的设备来决定以什么样的主题来呈现内容,非常方便。
二、配置MobilePress Options选项
安装成功后,会在左侧菜单栏增加一个菜单荐,名字为“MobilePress”,点击展开,会有3个选项(图1):
- Options:选项
- Themes :主题
- Moblie Ads:广告代码
这一步,我们打开Options这个菜单,如(图2)所示,
- Blog Title:博客标题
- Blog Description:博客描述
- Mobile Themes Directory:手机博客主题目录
- Force Mobile Site:是否强制使用手机模式浏览
三、配置MobilePress Themes选项
MobilePress插件自身会提供两套现成的手机主题:
- default(默认):`plugins/mobilepress/system/themes/default`
- iphone(iphone版):`plugins/mobilepress/system/themes/iphone`
用户可以选择自已喜欢的模板做为展现用。
四、配置Moblie Ads选项
因为MobilePress系国外的插件,所以,广告联盟也是国外的,这个选项暂时无用,可跳过。
五、准备手机主题的2次开发
MobilePress自带的两个主题模板,样式简陋,兼容性也比较差,我们可以在它的基础上进行2次开发,以达到我们的个性化的需求。
开发流程:
- 复制 default默认主题模板,路径为`plugins/mobilepress/system/themes/default`;
- 按照自已的需求对defult主题代码进行2次开发即可。
default模板文件布如图所示:
这个模板提供了基础的输出功能和简单的样式,按照文件名可以为各个页面进行方便地2次开发。
首先,打开wordpress后台
按提示输入需要的东西
要牢记你的用户名和密码
以后随时都要用到
不然你就进不去你的网站后台了
点击“外观”
“主题”,就是给网站添加一个基本的框架。
点击"添加”,记住要添加一个适合你的网站的主题,不能操之过急。
然在点击“上传主题”
如果想用wordpress里的主题就不用在去网上下载啦
如果是淘宝客的话你可以去百度看看
也可以去淘宝网里购买一个网站模板
然后在百度上搜索主题下载
看看你需要什么样的主题模板。
注意必须是zip压缩格式的
不是zip压缩格式的可以把他转换成zip压缩格式的
不然就会上传失败
失败因素也有很多种,一定要注意上传之前的注意事项,这样可以节省你的时间。
然后就点击“现在安装”就行了。安装完成之后你要添加你要发布的文章,可以控制你的网站进行创作。
于是大家萌生了修改现有主题或自己动手从头制作一个主题的想法,但是问题又来了,如何制作呢?制作主题是需要编写代码的,很多网友根本没有接触过编程,大多数人看到代码就头大。汤菜博客着手编写一个WordPress主题制作的系列基础教程,将从头到尾手把手教大家如何制作一个完整的WordPress主题,希望对大家有所帮助。但是本人的能力也有限,这系列教程只能让你初步认识主题的制作过程,并不能让你完全地掌握WordPress主题的精髓。本系列教程适合以下人群阅读:懂一点点的HTML、CSS知识但不懂写PHP代码的朋友;自己动手编写过简单HTML代码的自己会设计网页界面,想了解怎么制作WordPress主题了解一点PHOTOSHOP或FIREWORKS的简单处理图片的朋友本系列教程不适合以下人群阅读:不打算动手编写代码,不想照着本教程一步一步地操作,只是想看看的朋友没有任何网页设计知识的朋友非常熟悉WordPress主题制作过程的朋友也没必要看啦阅读完本系列教程,你将收获:了解WordPress主题制作的大致步骤明白如何去修改WordPress主题,以及扩展主题的功能制作主题,必须配备以下工具:WordPress本地运行环境(或者在线网站空间),并且已安装好WordPress;配备各种浏览器, Internet Explorer、搜狗、Mozilla Firefox、Google Chrome、360、用于测试网页是否显示正常,因为你不知道看你网页的人是用的什么浏览器;一个文本编辑器用于编写代码,Dreamweaver、UltraEdit等,不推荐使用记事本,具体原因点此查看《不用记事本写网页代码的理由》图片处理软件: PhotoShop或FireworksWordPress主题制作全过程列表: 如何制作WordPress主题(二):主题文件结构