加载中...

首页模版及调用options表数据


知识点

get_bloginfo返回你博客的信息
bloginfo显示你的博客信息
get_option主要用来从 WordPress 博客数据库 option 表中取得我们想要的字段内容

功能实现

修改/wp-content/themes/shouce/index.php如下:

<!doctype html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=<?php echo get_bloginfo('charset'); ?>" />
	<title><?php bloginfo('name'); ?></title>
	<meta name="description" content="<?php bloginfo('description'); ?>" />
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
</head>
<body>
	<div id="header">
		<div id="headerimg">
			<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
			<div class="description"><?php bloginfo('description'); ?></div>
		</div>
	</div>
	<?php wp_footer(); ?>
</body>
</html>

效果页面:

2015-12-15_213622.png

现在背景是空白一片,因为我们还没有设置样式。CSS的使用这里不再多说,可以到这里CSS教程学习。

下面我直接使用一个简单CSS样式,本主题的CSS样式在本页的最下面可以下载。

下图是应用样式后的页面如图:

2015-12-15_214549.gif

下载地址


还没有评论.