Maison  >  Article  >  Tutoriel CMS  >  L'ensemble du processus de production du thème WordPress (9) : création de single.php

L'ensemble du processus de production du thème WordPress (9) : création de single.php

藏色散人
藏色散人avant
2023-02-21 10:07:341642parcourir

Aujourd'hui, nous allons créer une seule page d'article single.php. Avec l'expérience précédente de création d'index.php, créer single.php n'est plus si difficile. Ici, nous allons directement sauter du contenu et donner directement les résultats. Si vous n'êtes pas sûr de certaines modifications, vous pouvez vous référer à : L'ensemble du processus de production du thème WordPress (8) : Création d'index.php

L'ensemble du processus de production du thème WordPress (9) : création de single.php

1 Ajoutez le titre de l'article :

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

et modifiez.

2. Ajoutez la balise d'article

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
et remplacez-la par :

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

3 Ajoutez la date

Trouvé : 31 septembre 09 et remplacez-la par :

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

4. . Affichez le nombre de commentaires

<?php the_time(&#39;Y年n月j日&#39;) ?>
changez-le en :

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

5 Ajoutez un bouton d'édition

Connectez le code du commentaire ci-dessus et remplacez-le par :

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

6. b8781e49deb066474507adb1ebc42c63 et 23c088270236998a6fc0ff3c2061254a et remplacez-le par :

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>
De plus, vous pouvez supprimer l'image sur la page de l'article et supprimer le code suivant :
<?php the_content(); ?>

7. Ajouter des boutons pour revenir à la page d'accueil du blog et poster des commentaires

En fait, il s'agit d'ajouter des liens d'ancrage de la page d'accueil du blog et des commentaires. Lors de la création de header.php, nous savons déjà que nous le faisons. peut obtenir l'adresse du blog via get_option('home');.

<img class="thumb" src="<?php bloginfo(&#39;template_url&#39;); ?>/images/610x150.gif" alt=""/>
Modifié par :
<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>

D'accord, ce sont tous les changements de base, mais votre page d'article ne peut toujours pas afficher le contenu de l'article. Vous devez y ajouter une instruction conditionnelle pour que WordPress la lise à partir de la base de données. contenu des articles. Code de recherche : 9dccfe457d5ecb6a54fb4056e9c249c0 Remplacez

par :

<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>

Remplacez :

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

par :

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

Maintenant, le contenu de votre article devrait s'afficher normalement, une page d'article a essentiellement pris forme. . Dans la section suivante, nous expliquerons comment créer une page de commentaires. Nous ne proposerons pas le téléchargement du fichier de thème modifié cette fois-ci. Nous le fournirons la prochaine fois.

De plus, il y aura un texte en haut de la page de l'article :

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

qui pourra être remplacé par votre contenu. Si vous n'en avez pas besoin, vous pouvez supprimer le code suivant :

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

Apprentissage recommandé : "

Tutoriel WordPress

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer