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

藏色散人
リリース: 2023-02-21 10:07:34
転載
1667 人が閲覧しました

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

WordPressテーマ制作の全工程(9):single.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. 記事コンテンツを追加します

に置き換えて、

<?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 はデータベースにアクセスして記事のコンテンツを読み取ります。検索コード:

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:ludou.org
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート