Maison >Tutoriel CMS >WordPresse >Tout le processus de création de thème WordPress (6) : création de footer.php

Tout le processus de création de thème WordPress (6) : création de footer.php

青灯夜游
青灯夜游avant
2023-02-21 10:26:152088parcourir

Je vous ai présenté "L'ensemble du processus de production d'un thème WordPress (5) : Création de header.php". Cet article continue de vous présenter comment créer footer.php. Voyons-le ensemble~

Nous. J'ai déjà fait le contenu de la section précédente. Maintenant que le header.php du blog est prêt, nous allons aujourd'hui créer ensemble le footer.php. footer.php est similaire à header.php. Le but de l'écriture de ce fichier est également de rationaliser le code et d'améliorer la réutilisabilité du code. Le code de pied de page de toutes les pages du répertoire du thème Aurelius est presque le même, nous allons donc l'extraire. ces codes et mettez-les dans footer.php.

Créez un nouveau fichier footer.php dans le répertoire du thème Aurelius. Nous extrayons le code du pied de page dans index.php et le copions dans footer.php (si vous créez votre propre thème à l'avenir, vous pouvez décider sur quel code de pied de page est basé. selon vos besoins) :

<!-- Footer -->
<p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong> QwibbleDesigns <strong>Code By</strong> <a href="https://www.ludou.org/">Ludou</a></span> <a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
</body>
</html>

Utilisez ensuite un éditeur de texte pour ouvrir index.php, archive.php, contact.php, full_width.php, page.php et single.php, supprimez le code similaire ci-dessus et remplacez-le par :

<?php get_footer(); ?>

Ok, ouvrez maintenant la page d'accueil de votre blog et voyez si le thème que nous avons créé peut toujours fonctionner normalement. La réponse est oui, il est presque le même qu'avant, et le pied de page est toujours le même qu'avant. Ajoutez maintenant les informations de déclaration de droits d'auteur de votre blog et la fonction wp_footer(), supprimez tout le code dans footer.php et remplacez-le par : wp_footer()函数,将footer.php中所有代码删除,改成:

<!-- Footer -->
	<p class="grid_12 footer clearfix"> 
	<span class="float">版权所有 © 2010 <?php bloginfo(&#39;name&#39;); ?>
		  |  Powered By <a rel="external" title="WordPress主页" class="link" href="http://wordpress.org/">WordPress</a>
		  |  Design By QwibbleDesigns  |  
		Code By <a href="https://www.ludou.org/">Ludou</a>
	</span> 
	<a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
<?php wp_footer(); ?>
</body>
</html>

这里用到了我们上次学到的bloginfo('name')函数来输出你的博客标题,wp_footer()wp_head()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是我更改后的效果:

Tout le processus de création de thème WordPress (6) : création de footer.php

footer.php

rrreee

Ce que nous avons appris la dernière fois est utilisé ici fonction bloginfo('name') pour afficher le titre de votre blog, wp_footer() est similaire à wp_head(), les deux sont utilisés pour améliorer la compatibilité de votre thème, après tout, il existe de nombreux plugins qui doivent afficher quelque chose dans le pied de page pour fonctionner correctement. Maintenant, votre pied de page devrait être beau. Voici l'effet après l'avoir modifié :

Tout le processus de création de thème WordPress (6) : création de footer.php

Les informations de l'auteur ont été ajoutées à footer.php. Bien sûr, mes informations est inclus. Si vous pensez que les mots Code By Ludou sont particulièrement ennuyeux, vous pouvez les supprimer, mais veuillez ne pas supprimer les informations du concepteur et de WordPress. Après tout, c'est le respect le plus élémentaire pour eux ! Tout le processus de création de thème WordPress (6) : création de footer.phpD'accord, créer footer.php est aussi simple que cela.

Enfin, le fichier du thème Aurelius après cette modification est fourni. Vous pouvez l'ouvrir avec un éditeur de texte et le comparer avec le fichier que vous avez modifié pour voir comment vous l'avez modifié ?

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