WordPress 테마 생성 전체 과정(6): footer.php 만들기

青灯夜游
풀어 주다: 2023-02-21 10:32:21
앞으로
2033명이 탐색했습니다.

"워드프레스 테마 제작 전 과정(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 및 Single.php를 열고 위의 유사한 코드를 삭제하고 다음으로 변경합니다. :

<?php get_footer(); ?>
로그인 후 복사

좋습니다. 이제 블로그 홈페이지를 열고 우리가 만든 테마가 여전히 정상적으로 작동하는지 확인하세요. 대답은 '예'입니다. 이전과 거의 동일하며 바닥글도 이전과 동일합니다. 이제 블로그 저작권 정보와 wp_footer() 함수를 추가하고 footer.php의 모든 코드를 삭제한 후 다음과 같이 변경합니다. 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()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是我更改后的效果:

WordPress 테마 생성 전체 과정(6): footer.php 만들기

footer.php

rrreee

지난 시간에 배운 내용이 여기에 사용됩니다. 블로그 제목을 출력하는 bloginfo('name') 함수, wp_footer()wp_head()와 유사하며 둘 다 테마 호환성을 향상시키는 데 사용됩니다. 결국 제대로 작동하려면 바닥글에 무언가를 출력해야 하는 플러그인이 많이 있습니다. 이제 바닥글이 좋아 보일 것입니다. 변경한 후의 효과는 다음과 같습니다.

WordPress 테마 생성 전체 과정(6): footer.php 만들기

footer.php에 작성자 정보가 추가되었습니다. 물론 제 정보는 Code By Ludou라는 단어가 특히 거슬린다고 생각되면 삭제해도 되지만, 디자이너와 워드프레스의 정보는 삭제하지 마세요. 이는 결국 그들에 대한 가장 기본적인 존중입니다! WordPress 테마 생성 전체 과정(6): footer.php 만들기좋아, footer.php를 만드는 것은 그렇게 간단하다.

마지막으로 이번 수정 후의 아우렐리우스 테마 파일이 제공됩니다. 텍스트 편집기로 열어서 수정한 파일과 비교해 보면 어떻게 바뀌었나요?

🎜🎜🎜추천 학습: "🎜WordPress Tutorial🎜"🎜

위 내용은 WordPress 테마 생성 전체 과정(6): footer.php 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:ludou.org
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!