WordPressテーマ作成の全工程⑥：footer.phpの作成

「WordPressテーマ制作の全工程(5):header.phpの作成」でご紹介しましたが、今回も引き続きfooter.phpの作成方法を紹介します。一緒に作りましょう~

前項でブログのheader.phpが完成しましたので、今日はfooter.phpを一緒に作っていきます。 footer.php は header.php に似ています。このファイルを記述する目的は、コードを合理化し、コードの再利用性を向上させることでもあります。Aurelius テーマ ディレクトリ内のすべてのページのフッター コードはほぼ同じなので、抽出しますこれらのコードを footer.php に追加します。

Aurelius テーマ ディレクトリに新しいファイル footer.php を作成します。index.php 内のフッター コードを抽出し、footer.php にコピーします (将来独自のテーマを作成する場合は、どのテーマを作成するかを決定できます)コード):

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

次に、テキスト エディタを使用して、index.php、archive.php、contact.php、full_width.php、page.php、および単一のファイルを開きます。 .php を削除し、上記の同様のコードを削除します コードを次のように変更します:

<?php get_footer(); ?>

さて、ブログのホームページを開いて、作成したテーマが引き続き正常に動作するかどうかを確認してください。はほぼ以前と同じで、フッターも以前と同じです。次に、ブログの著作権情報と 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() と似ており、どちらも使用されます結局のところ、テーマの互換性を向上させるために、適切に動作するためにフッターに何かを出力する必要があるプラグインがたくさんあります。これで、フッターが適切に表示されるはずです。変更後の効果は次のとおりです:

footer.php もちろん、作成者が追加され、私の情報も含まれます。 Code By Ludou の文字が特に煩わしいと思われる場合は削除しても構いませんが、デザイナーと WordPress の情報は削除しないでください。これは彼らに対する最も基本的な敬意です。

わかりました、footer.php の作成はとても簡単です。

最後に、この変更後の Aurelius テーマ ファイルが提供されます。テキスト エディタで開き、変更したファイルと比較して、どのように変更したかを確認できます。

推奨学習: 「

WordPress チュートリアル 」

以上がWordPressテーマ作成の全工程⑥：footer.phpの作成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。