WordPressテーマ制作の全工程(9)：single.phpの作成

今日は、単一記事ページの single.php を作成します。以前にindex.phpを作成した経験があるので、single.phpの作成はそれほど難しくありません。ここでは、一部のコンテンツを直接スキップして、結果を直接提供します。修正がわからない場合は、WordPressテーマ制作の全工程(8):index.phpの作成

を参照してください。 1. 記事のタイトル:

<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>

を追加し、次のように変更します:

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

2. 記事タグ

<a href="#">News</a>, <a href="#">Products</a>

## を追加します。 # を変更し、次のように変更します:

<?php the_tags(&#39;标签：&#39;, &#39;, &#39;, &#39;&#39;); ?>

3。追加日

検出日: 2009 年 9 月 31 日 変更:

<?php the_time(&#39;Y年n月j日&#39;) ?>

4。コメント数の表示

<a href="#">7 Comments</a>

を

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

5 に変更します。編集ボタン

を追加します。上記のコメント コードを接続し、次のように変更します:

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

6. 記事コンテンツを追加します

50fe872d71b4a2762f68054588be4962 と 6d6ec9949f5bcc5c80fb11a636f8ed23 に置き換えて、

<?php the_content(); ?>

さらに、記事ページの画像を削除し、次のコードを削除することもできます:

<img class="thumb" src="<?php bloginfo(&#39;template_url&#39;); ?>/images/610x150.gif" alt=""/>

7. ボタンを追加します。ブログのホームページに戻ってコメントを投稿します

実際には、ブログのホームページとコメントのアンカー リンクを追加することです。header.php を作成するときに、次の方法でブログのアドレスを取得できることはすでにわかっています。 get_option('ホーム');。

<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>

変更:

<p class="clearfix"> <a href="<?php echo get_option(&#39;home&#39;); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p>

基本的な変更はこれですべてですが、記事ページにはまだ記事コンテンツを表示できません。次のような条件ステートメントを追加する必要があります。 WordPress はデータベースにアクセスして記事のコンテンツを読み取ります。検索コード: 7a11a7d25379a7a9fef5edf21eec1354

Changed to:

<!-- Column 1 /Content -->
<?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

Changed:

</div>
<?php get_sidebar(); ?>

to:

</div>
<?php else : ?>
<div class="errorbox">
没有文章！
</div>
<?php endif; ?>
<?php get_sidebar(); ?>

これで記事の内容が正常に表示され、基本的に記事ページが形成されるはずです。次項ではコメントページの作成方法について説明しますが、今回は修正テーマファイルのダウンロードは提供しませんので、次回提供する予定です。

さらに、記事ページの上部にテキストが表示されます:

Our blog, keeping you up-to-date on our latest news.

はコンテンツに置き換えることができます。不要な場合は、次のコードを削除できます:

<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
<div class="hr grid_12 clearfix"> </div>

推奨学習: "

WordPress チュートリアル "

以上がWordPressテーマ制作の全工程(9)：single.phpの作成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。