Home / WordPress / Wordpress佈景主題教學 / WordPress佈景主題教學7-文章內頁

WordPress佈景主題教學7-文章內頁

這邊開始要分享如何顯示文章的內頁,在wordpress預設都是存在single.php,而如果文章內容頁沒有特別的編排的話,一般是跟index.php的格局很像。

步驟一:先把index.php的內容複製到single.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title><?php bloginfo('name'); ?></title>

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<div id="container">

<div id="content">

<h2>Good Morning Budapest</h2>

<div id="menu">

<ul>

<?php wp_nav_menu(array('menu'=>'Main Nav'));?>

</ul>

 

</div>

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

<article>

<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

<?php the_content();?>

<div class="article-meta">

<span><?php the_time('Y m d'); ?></span><span> / </span>

<span><?php the_category(' , '); ?></span><span> / </span>

<span><?php the_author(); ?></span><span>/</span>

<span>標籤:<?php the_tags('', ' , ',''); ?></span>

</div>

</article>

<?php endwhile; ?>

<?php endif; ?>

</div>

<div class="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?>

<?php endif; ?>

</div>

<div id="footer">Picture from: <strong>www.sxc.hu</strong>

|&nbsp;Copyright &copy; 2006 <strong>www.your-web-site.com</strong>

</div>

</div>

</body>

</html>

 

步驟二:加入<?php comments_template(); ?>

在</article> 結尾前 加入 <?php comments_template();?> 這樣就可以顯示迴響

現在就可以點其中一篇文章看一下

 

About RaiseDigital

RaiseDigital上升數位 官方網站 | 粉絲團