新建Sidebar.php文件

这里将会涉及小工具区域,具体的步骤将在之后描述。

1.在主题模板中创建一个php文件

2.打开你的Index.php文件,剪切你的sidebar文件,该文件通常位于</content>标签下方。在我们的主题中,请将以下代码复制。

<!-- #right sidebar -->
<aside class="sidebar right third">
	<div class="bdr grd-vt-main rnd shdw-centered">	
		<h2 class="features embossed">Features:</h2>
		<ul class="tocNav">
			<li><a href="#">Article Name 01 Lorem ipsum dolor sit amet consectetuer adipiscing elit</a></li>
			<li><a href="#">Article Name 02 Lorem ipsum dolor sit amet</a></li>
			<li><a href="#">Article Name 03 Lorem ipsum</a></li>
		</ul>
	</div>
	<div class="bdr grd-vt-secondary rnd shdw-centered">
		<h2 class="columns embossed">Columns:</h2>
		<ul class="tocNav">
			<li><a href="#">Name of Category 01 Lorem ipsum (#)</a></li>
			<li><a href="#">Name of Category 02 Lorem (#)</a></li>
			<li><a href="#">Name of Category 03 Lorem ipsum dolor (#)</a></li>
		</ul>
	</div>
	<div class="bdr bg-light2 rnd shdw-centered">
		<h2 class="pastIssues embossed">Past Issues:</h2>
		<ul class="tocNav">
			<li><a href="#">Archive Link year/month 01</a></li>
			<li><a href="#">Archive Link year/month 02</a></li>
			<li><a href="#">Archive Link year/month 03</a></li>
		</ul>
	</div>
	<div class="push"></div>
</aside><!--//.sidebar1  -->
[ 该段代码将不包含任何小工具区域,我们将在之后详细修饰我们的侧边栏 ]

3.粘贴至php文件,然后在Index.php文件中使用模板标签<?php get_sidebar(); ?>调用Sidebar部分。

4.保存php文件与Index.php文件后刷新。你的页面将不会发生变化。

[ 注意:请勿将</aside>标签与<footer>标签之间的内容复制。若模板文件不存在侧边栏可以不创建sidebar.php文件 ]

 

我们将会重复此步骤于创建footer.php文件

为了创建一个大的页脚文件,我们需要添加小工具区域和侧边栏工具。首先我们会添加Footer.php文件,在之后添加小工具。

专业网站开发网页设计公司

深度阅读:

wordpress主题制作开发实战教程3.1(2)- 主题制作基本流程及一些小功能 在学习了上一节的wordpress后台中选择刚刚创建的主题 创建主题模板文件上传你的模板文件图像和index.html还有css样式表文件到主题目录 在样式表中添加一些符合w3c规范的代码 将index.html重命名为index.php 为模板标签添加php代码,特...
wordpress主题制作开发实战教程3.1(1)- 主题基础 在本章节中,我们将学习到WordPress的一些主题基础主题基础主要有:1.WordPress的模块文件知识2.模板文件工作流程以及优先级3.主题里的基本循环  主题基础 Wordpress主题包含了许多文件,其中有模板页面。模板页面是层级结构,...
wordpress的网站设置与插件及主题之间的联系 许多wordpress站点只能使用一种主题。如果随意切换其他主题是否站点中的设置和数据就都消失了呢,答案是并不尽然。那么具体应该会有哪些设置丢失呢?小编今天就带你梳理一下wordpress 默认设置 2.wordpress wordpress默认设置为后台基本设置中的各项设置 如下图所示...
WordPress主题制作教程2.5-WordPress的CSS和JavaScript 在创建主题时,当你将文件主题启用后,你会发现页面中的所有css/js代码加载失败,如下图所示。这是由于wordpress为主题添加脚本和样式的正确方法是将它们放入functions.php文件。如没有该文件,请创建一个functions.php文件。引入必要的css和js文件的格式为...
WordPress主题制作教程2.6-WordPress的条件标签(一) 很多WordPress新手不懂如何根据当前页面匹配的条件,在模板文件中使用条件标签来更改内容的显示。条件标签通常使用if else条件语句。改代码首先检查语句的真假,如果发现语句为真,则执行第一组代码,如果语句假的,则跳过第一组代码,直接执行第二组代码例如,下面这段代码:&n...
wordpress主题制作开发实战教程3.7 – 在模板文件中分解代码 目前我们的主题已经步入循环,现在需要将主题分解至各个模板文件,以确保主题所有部分的编辑可用。这里有一个好的规则建议:首先,避免重复的标记其次,懂得标记独一无二的代码标签,使其仅仅出现在特殊的页面,比如首页 Header.php、Footer.php、...
如何处理wordpress中JavaScript文件冲突问题 在编写幻灯片JavaScript文件、弹出框JavaScript文件等,这些文件都需要先确保jquery文件加载完毕后,才能争取执行,所以先‘先加载jquery文件,然后执行xxx.js文件’的方式是:  wp_enqueue_script( 'xxx', get_templat...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.

wechat logo