︿
✖ CLOSE

WordPress佈景主題製作【footer.php】

4 週 之前│
Jin

本篇要來介紹製作WordPress佈景主題之一的footer.php檔案,WordPress中的footer.php是用來放置底下的版權聲明、放置一些網站上的欄位使用,可以依照自己的喜好增加製作。

使用的方法很簡單,在資料夾內新增一個 footer.php 頁面,並放入下方語法。

<footer id="footer" class="footer">
<?php wp_footer(); ?>
<section class="copyright">
本站內的文章禁止任何型式轉載及轉錄。<br>
Copyright© 20xx <a target="_blank" rel="noopener" href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo("name"); ?></a >All Rights Reserved.
</section>
</footer>
</body>
</html>

在 style.css 內加入下方語法。

/*底部內容*/
#footer {
width: 100%;
min-width: 1065px;
margin: 0 auto;
bottom: 0;
height: 0;
}

#footer-title {
color: #444;
font-weight: 800;
}

#footer-title a {
color: inherit;
outline: 0;
text-decoration: none;
}

.copyright {
margin: 0 auto;
padding: 15px;
background: #333;
color: #777;
word-spacing: 5px;
text-align: right;
font-size: 12px;
}

.copyright a {
color: #666;
text-decoration: none;
}

.copyright a:hover {
color: #666;
text-decoration: underline;
}

完成之後,之後在其他頁面就能使用 <?php get_footer(); ?> 語法來帶入footer.php頁面,所以各自頁面都是獨立處理的,也可以避免程式碼過於雜亂。

關於WordPress系列文章事項
文章版本:
第 1.0 版本,此WordPress系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,最終版本會以最終版本告知(預計此系列文章會在12月前完成)。

▪ 相關文章