構建一個Bootstrap WordPress主題#3 添加側邊欄和footer

這節我們添加一個側邊欄,用來顯示小部件,爲此,我們首先需要創建一個functions.php文件。 我們需要註冊我們想要的小部件。

添加側邊欄:

打開 index.php ,在col-md-4的 div 標籤中添加以下代碼, if(is_active_sidebar) 用來判斷是否有控件在此區域顯示

 <?php if(is_active_sidebar('sidebar')) : ?>
 	<?php dynamic_sidebar('sidebar'); ?>
 <?php endif; ?>  

保存代碼。

添加頁腳:

在container div下面,我們將創建另一個container。 我們將在此容器和< footer >標記中放置一個水平規則。 在< footer >裏面我們會有段落和版權

<div class="container">
    <hr>
    <footer>
        <p>&copy; 2018 BootstrapWP</p>
    </footer>
</div>

接下來添加jQuery和Bootstrap JavaScript文件。 我們將JavaScript文件放在結尾</ div>之後,如下面的代碼所示。 對於jQuery腳本我們使用CDN(內容交付網絡);對於bootstrap.js。 我們還將使用<?php bloginfo(‘template_directory’); 就像我們前面使用css文件一樣

</div>
<script src="http://code.jquery.com/jquery-1.12.0.min.js">
</script>
<script src="<?php bloginfo('template_directory'); ?>/js/bootstrap.js">
</script>
</body>

保存代碼,刷新前端頁面

頁腳

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章