从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。
网络上已经有很多关于制作 WordPress 主题的教程,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的术语的话,这些教程可能不一定会帮助你,甚至还会误导你,所以这个教程会真正从零开始教你如何创建 WordPress 主题。
所需的工具和准备
开始真正制作主题之前,你需要使用到下面这些工具:
为了测试方便和快速,你首先需要在本地安装 WordPress,至于如何在 Windows 系统上安装 WordPress,你可以参考这篇日志:在 WordPress 本地安装 WordPress。
如果由于某种原因不能在本地安装 WordPress,那么你也可以的服务器上安装一个测试版的 WordPress。这个时候你必须要有一个支持 WordPress 主机的服务器,一般我使用 LAMP 主机(Linux+Apache+MySQL+PHP)主机,Win+IIS 主机可能会有很多问题,调试也比较麻烦,而 LAMP 主机,从我个人使用经验来说,我推荐 (MT) Media Temple 主机。
代码编辑工具,如 NotePad++ 或者 Vim 都可以,主要是适合自己个人使用习惯。
FTP 工具,用于上传主题到服务器上测试,这方面的工具很多,如 Filezilla,SmartFTP 等,如果你先安装软件麻烦(对啊,现在是云计算时代,谁还装软件),你也可以安装 Firefox 的 FTP 扩展,Fireftp,直接在 Firefox 中上传文件到服务器上。
XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题是否符合 XHTML 和 CSS 标准,并且可以使用它查出奇正错误的地方。
下载教程源代码
整个教程中会用到一些源代码,请到这里下载从零开始制作 WordPress 主题的源代码,请保存好,以后教程中会用到。
这篇就介绍到这里,主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备,下面就开始要了解和开始制作 WordPress 主题。
一、工具:wordpress
二、:登陆wordpress控制面板。
1在“添加新页面”菜单下新建两个页面。将其中一个页面命名为“Home”(其它名称也可),作为“静态首页”。
2将“Home”模板
设为默认模板或其它自定义模板
,根据自己的意愿在“Home”页面的正文部分中添加内容
3
发布“Home”页面
。
3将另一个页面命名为“Blog”(或“News”、“Articles”等),作为网站日志的预留位置。
不要为该页面使用自定义模板!
不要在Blog页面上添加内容。保留空白页面。页面上所有内容都将被忽略——页面标题除外。
发布“Blog”页面
。
二:在管理界面>设置>阅读菜单下
1设置“主页”页面。将“Blog”页面设为“显示最近文章”,并选择“Home”页面作为“静态首页”。
保存所做修改
2/indexphpp=423这样的链接会阻碍静态主页的形成,因此需要激活“固定链接”,在地址栏中显示“页面标题”。虽然叫做“静态主页”,但你只要通过修改Home页面就可以更改“主页”上的内容了。
注意事项:
不是所有WordPress主题都可以轻松转换静态首页。
wordpress主题版权隐藏或删除的方法:
wordpress默认主题功能模块调用的是wordpress原程序中wp-includes文件夹中的默认代码,我们修改的时候只需要找到原始文件,去除多余代码即可:
1、用编辑工具dreamweaver或是UE等打开以下路径中的文件:wp-includesdefault-widgetsphp;
2、Ctrl+F搜索“<php wp_register(); >”,找到以下代码:
<ul>
<php wp_register(); >
<li><php wp_loginout(); ></li>
<li><a href=“<php bloginfo(‘rss2_url’); >” title=“<php echo esc_attr(__(‘Syndicate this site using RSS 20’)); >”><php _e(‘Entries <abbr title=“Really Simple Syndication”>RSS</abbr>’); ></a></li>
<li><a href=“<php bloginfo(‘comments_rss2_url’); >” title=“<php echo esc_attr(__(‘The latest comments to all posts in RSS’)); >”><php _e(‘Comments <abbr title=“Really Simple Syndication”>RSS</abbr>’); ></a></li>
<li><a href=“<php esc_attr_e( ‘http://wordpressorg/’ ); >” title=“<php echo esc_attr(__(‘Powered by WordPress, state-of-the-art semantic personal publishing platform’)); >”><php
/ translators: meta widget link text /
_e( ‘WordPressorg’ );
></a></li>
<php wp_meta(); >
</ul>
其中如下的三句代码分别是控制“文章RSS”、“评论RSS”、“WordPressorg”输出的,删除即可:
<li><a href=“<php bloginfo(‘rss2_url’); >” title=“<php echo esc_attr(__(‘Syndicate this site using RSS 20’)); >”><php _e(‘Entries <abbr title=“Really Simple Syndication”>RSS</abbr>‘); ></a></li>
<li><a href=“<php bloginfo(‘comments_rss2_url’); >” title=“<php echo esc_attr(__(‘The latest comments to all posts in RSS’)); >”><php _e(‘Comments <abbr title=“Really Simple Syndication”>RSS</abbr>‘); ></a></li>
<li><a href=“<php esc_attr_e( ‘http://wordpressorg/’ ); >” title=“<php echo esc_attr(__(‘Powered by WordPress, state-of-the-art semantic personal publishing platform’)); >”><php
/ translators: meta widget link text /
_e( ‘WordPressorg’ );
></a></li>
去除底部“自豪地采用 WordPress”版权信息:
1、打开主题文件夹:wp-contentthemestwentyelevenfooterphp;
2、搜索找到以下代码:
<a href=“<php echo esc_url( __( ‘http://wordpressorg/’, ‘twentyeleven’ ) ); >” title=“<php esc_attr_e( ‘Semantic Personal Publishing Platform’, ‘twentyeleven’ ); >” rel=“generator”><php printf( __( ‘Proudly powered by %s’, ‘twentyeleven’ ), ‘WordPress’ ); ></a>
3、删除这段代码即可,当然删除后会什么都不显示,这样不是很美观,我们可以自己添加下自己的版权信息,可以替换为以下代码:
<a href=“<php echo get_option(‘home’); >” title=“<php bloginfo(‘name’); >” rel=“generator”><php bloginfo(‘name’); ></a>
欢迎分享,转载请注明来源:表白网
评论列表(0条)