怎么使用仿制的静态页面制作出wordpress模板

2017-04-28 16:03:37 725阅读

昨天给大家说了说新手如何仿制自己喜欢的网站模板,今天就说一下怎么使用仿制的静态页面制作出wordpress模板。学会了这个仿制模板的方法,以后再也不用为网站模板发愁了,再也不用花钱购买网站模板。当然不同的网站程序,使用的动态标签也是不同的,但操作步骤基本相似。这里主要给大家说说wordpress程序的动态标签调用,大家可以举一反三。

1.学习wordpress程序模板的基本构造。它包含哪些文件,都是以什么名字来命名的。像模板头部用header.php、模板侧边用sidebar.php、模板底部用footer.php、css文件必须是style.css等,还要了解一下文件的放置位置,style.cc必须和模板页面header、footer等在一起,而不能放到images中。建议大家去程序官网了解一下,不同程序所需要文件名。

2.整理出wordpress程序所需要的动态标签。其实网络上很多高手早已把程序标签给整理出来了,大家只需要拿过来用即可。即使没有整理过的程序,大家去官网上或官网论坛上一般都能找得到。关于wordpress常用标签,建议大家看看个人制作或修改wordpress程序模板常使用的标签

3.把静态页面拆开,像上节介绍的index.html,就可以拆分为头部header.php、首页index.php、侧边栏siderbar.php和底部footer.php。index.html拆分完成后,让index.php使用wordpress标签再调出网站头部和底部。调用完成后,和index.html一致则为制作成功。

<?php get_header(); ?> 调用header.php文件的内容 <?php get_sidebar(); ?>调用sidebar.php文件的内容 <?php get_footer(); ?> 调用footer.php文件的内容

4.把每个部分分别填充wordpress动态标签。比如header里面包含的标题、关键词、描述等,分别将静态的html代码替换成动态的标签代码。侧边栏可以调用网站分类标签、最新文章标签等。看着复杂,操作起来确很简单,只需要大家把页面用dreamweaver打开,选中相应的静态页面代码,把wordpress动态标签复制替换即可。主要是操作过程中一定要仔细,最好每操作一步都简单的看一下效果。

5.以同样的方法制作出其他动态页面。头部、底部、侧边栏都是通用的,可以直接调用出来。文章页面和独立页面相似,tag页面、分类列表页、归档页面和搜索页面相似,大家都是直接使用制作好的一个页面代码做一下简单的修改即可。

6.制作完成后,用不同的浏览器打开查看效果。主要看浏览器兼容性怎么样,如果问题不大,则模板制作成功。如果错位比较严重,大家需要简单的修改一下代码或css文件。如何大家觉得麻烦,也可以直接下载仿卢松松免费模板


文章版权声明:除非注明,否则均为小奎学习网原创文章,转载或复制请以超链接形式并注明出处。