加载中...

首页模版及调用options表数据

知识点

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

功能实现

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

  1. <!doctype html>
  2. <head>
  3. 	<meta http-equiv="Content-Type" content="text/html; charset=<?php echo get_bloginfo('charset'); ?>" />
  4. 	<title><?php bloginfo('name'); ?></title>
  5. 	<meta name="description" content="<?php bloginfo('description'); ?>" />
  6. 	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
  7. </head>
  8. <body>
  9. 	<div id="header">
  10. 		<div id="headerimg">
  11. 			<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
  12. 			<div class="description"><?php bloginfo('description'); ?></div>
  13. 		</div>
  14. 	</div>
  15. 	<?php wp_footer(); ?>
  16. </body>
  17. </html>

效果页面:

2015-12-15_213622.png

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

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

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

2015-12-15_214549.gif

下载地址

立即下载
还没有评论.