Heim  >  Artikel  >  CMS-Tutorial  >  Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen

Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen

青灯夜游
青灯夜游nach vorne
2023-02-21 10:26:152037Durchsuche

Ich habe Ihnen „Der gesamte Prozess der WordPress-Theme-Erstellung (5) vorgestellt: Header.php erstellen“ Wir haben den Inhalt im vorherigen Abschnitt bereits erstellt. Nachdem die header.php des Blogs nun fertig ist, werden wir heute gemeinsam die footer.php erstellen. footer.php ähnelt header.php. Der Zweck des Schreibens dieser Datei besteht auch darin, den Code zu optimieren und die Wiederverwendbarkeit des Codes zu verbessern. Der Fußzeilencode aller Seiten im Aurelius-Themenverzeichnis ist nahezu gleich, daher werden wir ihn extrahieren diese Codes und fügen Sie sie in die Datei footer.php ein.

Erstellen Sie eine neue Datei „footer.php“ im Aurelius-Themenverzeichnis. Wir extrahieren den Fußzeilencode in index.php und kopieren ihn nach „footer.php“ (wenn Sie in Zukunft Ihr eigenes Thema erstellen, können Sie entscheiden, welcher Fußzeilencode verwendet werden soll nach Bedarf):

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

Öffnen Sie dann mit einem Texteditor index.php, archive.php, contact.php, full_width.php, page.php und single.php. Löschen Sie den obigen ähnlichen Code und ändern Sie ihn in:

<?php get_footer(); ?>

Okay, öffnen Sie jetzt Ihre Blog-Homepage und prüfen Sie, ob das von uns erstellte Thema immer noch normal funktioniert. Die Antwort lautet: Ja, es ist fast dasselbe wie zuvor und die Fußzeile ist immer noch dieselbe. Fügen Sie nun Ihre Blog-Copyright-Erklärungsinformationen und die Funktion wp_footer() hinzu, löschen Sie den gesamten Code in footer.php und ändern Sie ihn in:

<!-- 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>
wp_footer()函数,将footer.php中所有代码删除,改成:

rrreee

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

Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen

footer.php

Was wir letztes Mal gelernt haben, wird hier verwendet bloginfo('name')-Funktion zur Ausgabe Ihres Blogtitels, wp_footer() ähnelt wp_head(), beide werden zur Verbesserung Ihrer Theme-Kompatibilität verwendet, Schließlich gibt es viele Plugins, die etwas in der Fußzeile ausgeben müssen, damit sie richtig funktionieren. Jetzt sollte Ihre Fußzeile gut aussehen. Hier ist der Effekt, nachdem ich ihn geändert habe:

Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen

Die Informationen des Autors wurden zu footer.php hinzugefügt. Natürlich meine Informationen Wenn Sie das Gefühl haben, dass die Wörter „Code By Ludou“ besonders nervig sind, können Sie sie löschen, aber bitte löschen Sie nicht die Informationen des Designers und von WordPress. Dies ist schließlich der grundlegendste Respekt vor ihnen!

Okay, das Erstellen von footer.php ist so einfach. Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellenSchließlich wird die Aurelius-Designdatei nach dieser Änderung bereitgestellt. Sie können sie mit einem Texteditor öffnen und mit der von Ihnen geänderten Datei vergleichen, um zu sehen, wie Sie sie geändert haben.

🎜Empfohlenes Lernen: „🎜WordPress-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonDer gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:ludou.org. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen