wordpress主题入门(二)

动手写模板文件

俗话说,光说不练假把式,开始向index.html中写点内容吧。先照着抄下来即可,不要拷贝。


<html>
<head>
<title>这是一个测试的网页</title>
<link href="<?php bloginfo("stylesheet_url")?>" type="text/css" rel="stylesheet">
</head>
<body>

<?php bloginfo("name");?>
<?php bloginfo("description");?>

<?php while ( have_posts() ) : the_post(); ?>

<?php the_excerpt();?>
<?php endwhile; ?>


</body>

</html>

保存,在wordpress后台选择使用这个主题,刷新下浏览器看看。

你可能会很好奇,发生了什么事情?为什么出现了这个东西? 用户输入localhost(或者网址)敲下回车,服务器软件Apache就开始在这个目录下找到了index.php,正想着把这个文件塞给用户的浏览器呢,发现里面有代码,于是Apache叫来了PHP,PHP认识这些代码。PHP就问MySQL,“博客的名字叫啥啊?简单描述下呗”,MySQL就如实回答了。php将处理后的网页后还给了Apache,Apache将处理后的这个文件交给用户浏览器。浏览器在翻译一下,就把网页显示出来了。不相信?查看下网页源代码吧。

思考下上面出现的几个PHP标签的作用,没错。PHP标签很多,不需要特别记忆,建议是找一个文本,将理解的PHP标签都记录下来,需要使用的时候复制粘贴就可以,多做几次自然就记住了,还比较快速。

style.css登场

style.css上次没有用到。他是做什么用的来着?规定网页的字体啊,背景啊等等。还是举个例子来说明。

1先向你的style.css中写入下列代码。

body{background-color:red}

2在将index.php改写成这个样子。


<html>
<head>
<title>这是一个测试的网页</title>
<link href="<?php bloginfo("stylesheet_url")?>" type="text/css" rel="stylesheet">
</head>
<body>

<?php bloginfo("name");?>
<?php bloginfo("description");?>

<?php while ( have_posts() ) : the_post(); ?>

<?php the_excerpt();?>
<?php endwhile; ?>


</body>

</html>

其实仔细观察可以发现,我们只添加了一行代码。先来解释下我们做了什么事情。Style.css的意思是说要把body元素背景设置为#eeeeee这个颜色,index加入的内容是说找到样式表。

summer
www.readbookba.com



7 thoughts on “wordpress主题入门(二)

  1. 基础知识 简单易懂 我这也有些资料 可以看看 或许有帮助 http://www.52meitun.com

发表评论

电子邮件地址不会被公开。

*