新建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主题制作开发实战教程4.2 – 导航栏功能 网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。在网站建设中导航栏是非常常见并且有效的。 1.先引入导航栏功能 在主题文件夹中创建一个functions.php的文件然后在开头添加如下代码:
WordPress主题制作开发实战教程7 – 制作主题的一些技巧和提示 在制作主题的过程里,前辈们总结了许多的技巧和方法。通过学习这些技巧,可以让我们避免犯更多的错误,并且使得开发主题更加迅速,使得主题更加的美观。为主题添加更多的文件 尽可能的使更多的模块分离开来,使加载更快速。index.php 首页文件page.php  主页面文件...
如何在filezilla的ftp中找到域名所对应的WordPress网站程序目录 WP花园作为上海专业的WordPress开发公司,已经为很多客户开发了WordPress互联网项目,我们的高速云服务器上会有很多不同的客户站点项目,这时候作为项目管理者,如果想了解具体某个项目放在服务器的什么地方,应该如何找到呢?【举个例子】我们的某个金融客户www.abc.com的...
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
wordpress主题制作开发实战教程3.8 – 新建Header.php文件 新建Header.php文件 1.在主题下创建一个名为Header.php的文件2.打开你的Index.php文件,剪切
标签或
wordpress主题制作开发实战教程3.1(1)- 主题基础 在本章节中,我们将学习到WordPress的一些主题基础主题基础主要有:1.WordPress的模块文件知识2.模板文件工作流程以及优先级3.主题里的基本循环  主题基础 Wordpress主题包含了许多文件,其中有模板页面。模板页面是层级结构,...
WordPress主题制作教程2.3-WordPress 模板标签 主题中使用模板标签从数据库中检索内容,内容可以是博客标题或侧边栏的内容。模板标签是将内容放入主题的首选方法,因为:他们可以打印动态内容; 他们可以用于多个主题文件; 他们可以将主题分为更小,更易理解的部分。    什么是模板标签?  ...
WordPress主题制作教程2.1-WordPress分类目录 WordPress中有很多不同类型的内容,除了默认的Post Types之外,您还可以创建自定义分类目录,所有分类目录存储在同一个地方,在wp_posts数据库表。    默认分类目录  有五种默认的Post Types可供用户使用或或者WordPress安...

发表评论

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

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