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

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

藏色散人

Libérer： 2023-02-21 10:07:34

avant

1705 Les gens l'ont consulté

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>

Copier après la connexion

et modifiez.

2. Ajoutez la balise d'article

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

Copier après la connexion

et remplacez-la par :

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

Copier après la connexion

3 Ajoutez la date

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

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

Copier après la connexion

4. . Affichez le nombre de commentaires

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

Copier après la connexion

changez-le en :

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

Copier après la connexion

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;); ?>

Copier après la connexion

6. et et remplacez-le par :

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

Copier après la connexion

De plus, vous pouvez supprimer l'image sur la page de l'article et supprimer le code suivant :

<?php the_content(); ?>

Copier après la connexion

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=""/>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

Remplacez :

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

Copier après la connexion

par :

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

Copier après la connexion

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(); ?>

Copier après la connexion

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.

Copier après la connexion

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!