我的编程空间,编程开发者的网络收藏夹
学习永远不晚
位置:首页-资讯-开源

WordPress如何制作sidebar.php

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

WordPress如何制作sidebar.php

这篇文章主要介绍“WordPress如何制作sidebar.php”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“WordPress如何制作sidebar.php”文章能帮助大家解决问题。

作为各个页面公用的侧边栏,我们还是像制作header.php 和 footer.php那样,从index.php中提取侧边栏,放到sidebar.php。好,现在在你的主题目录Aurelius下新建文件sidebar.php,从index.php中提取一下代码,放到sidebar.php中:

<!-- Column 2 / Sidebar -->
<div class="grid_4">
<h4>Catagories</h4>
<ul class="sidebar">
<li><a href="">So who are we?</a></li>
<li><a href="">Philosophy</a></li>
<li><a href="">History</a></li>
<li><a href="">Jobs</a></li>
<li><a href="">Staff</a></li>
<li><a href="">Clients</a></li>
</ul>
<h4>Archives</h4>
<ul class="sidebar">
<li><a href="">January 2010</a></li>
<li><a href="">December 2009</a></li>
<li><a href="">Novemeber 2009</a></li>
<li><a href="">October 2009</a></li>
<li><a href="">September 2009</a></li>
<li><a href="">August 2009</a></li>
</ul>
</div>
<div class="hr grid_12 clearfix"> </div>

再用文本编辑器打开index.php、archive.php、page.php和single.php,删掉以上类似代码,改成:

<?php get_sidebar(); ?>

好,现在打开你的博客主页,看看我们制作的主题是否还可以正常工作。现在我们的侧边栏还都是静态的代码,大家可能都知道在WordPress后台 - 外观 - 小工具,那里可以拖动你想要的栏目到侧边栏,但是我们的主题目前还不支持这个功能。现在就让我一起来制作完整的sidebar。

为了适应WordPress程序,我们还要对sidebar.php做一些微调,下载新的样式表style.css,替换Aurelius目录下的style.css

开始sidebar.php的制作,我们将在侧边栏放置4个栏目。在初始状态下,也就是你没有在侧边栏放置任何小工具的情况下,这4个栏目自上而下为分类目录、最新文章、标签云和文章月存档。现在将sidebar.php中所有代码删除,改成:

<!-- Column 2 / Sidebar -->
<div class="grid_4">
<?php if ( !function_exists('dynamic_sidebar') 
|| !dynamic_sidebar('First_sidebar') ) : ?>
<h4>分类目录</h4>
<ul>
<?php wp_list_categories('depth=1&title_li=&orderby=id&show_count=0&hide_empty=1&child_of=0'); ?>
</ul>
<?php endif; ?>
<?php if ( !function_exists('dynamic_sidebar') 
|| !dynamic_sidebar('Second_sidebar') ) : ?>
<h4>最新文章</h4>
<ul>
<?php
$posts = get_posts('numberposts=6&orderby=post_date');
foreach($posts as $post) {
setup_postdata($post);
echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
}
$post = $posts[0];
?>
</ul>
<?php endif; ?>
<?php if ( !function_exists('dynamic_sidebar') 
|| !dynamic_sidebar('Third_sidebar') ) : ?>
<h4>标签云</h4>
<p><?php wp_tag_cloud('smallest=8&largest=22'); ?></p>
<?php endif; ?>
<?php if ( !function_exists('dynamic_sidebar') 
|| !dynamic_sidebar('Fourth_sidebar') ) : ?>
<h4>文章存档</h4>
<ul>
<?php wp_get_archives('limit=10'); ?>
</ul>
<?php endif; ?>
</div>
<div class="hr grid_12 clearfix"> </div>

然后点此处下载functions.php放到主题目录Aurelius下,这时候你的侧边栏就可以正常工作了,在WordPress后台 - 外观 - 小工具,可以正常地拖动小工具到侧边栏了。

关于“WordPress如何制作sidebar.php”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网服务器栏目,小编每天都会为大家更新不同的知识点。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

WordPress如何制作sidebar.php

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

WordPress如何制作sidebar.php

这篇文章主要介绍“WordPress如何制作sidebar.php”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“WordPress如何制作sidebar.php”文章能帮助大家解决问题。
2023-02-21

WordPress如何制作index.php

本文小编为大家详细介绍“WordPress如何制作index.php”,内容详细,步骤清晰,细节处理妥当,希望这篇“WordPress如何制作index.php”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
2023-02-21

WordPress如何制作footer.php

本篇内容介绍了“WordPress如何制作footer.php”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在
2023-02-21

WordPress如何制作page.php

本篇内容介绍了“WordPress如何制作page.php”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!pag
2023-02-21

WordPress主题如何制作

这篇文章主要介绍了WordPress主题如何制作的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WordPress主题如何制作文章都会有所收获,下面我们一起来看看吧。一个WordPress主题至少包含以下两个文件
2023-02-21

WordPress如何制作CMS栏目块

这篇文章主要介绍“WordPress如何制作CMS栏目块”,在日常操作中,相信很多人在WordPress如何制作CMS栏目块问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”WordPress如何制作CMS栏目块
2023-03-02

WordPress怎么制作single.php

本篇内容介绍了“WordPress怎么制作single.php”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1
2023-02-21

WordPress怎么制作header.php

本篇内容介绍了“WordPress怎么制作header.php”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!创
2023-02-21

Python+Wordpress制作小说站

我用Python和Wordpress建了一个小说站。 下面主要讲一讲搭建过程中所用的技术。主要分为以下几个部分:Wordpress主题的选取小说内容的完善站点的部署微信公众平台的搭建1、Wordpress主题的选取 由于自己对php代码编写
2022-06-04

WordPress如何制作评论主题的评论模块

这篇文章主要介绍“WordPress如何制作评论主题的评论模块”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“WordPress如何制作评论主题的评论模块”文章能帮助大家解决问题。
2023-02-21

如何制作WordPress主题语言包(汉化主题)

经过这次yHtml5主题的制作,我学会了怎么给主题制作语言包,就是一般的汉化主题啦。废话不多说,说步骤。 首先,得用到poedit,下载地址http://wwwww.cppcns.comw.poedit.net/download.php官方
2022-06-12

用wordpress制作网站的步骤

在没有自己的网站的时候很想拥有一个属于自己的网站,可以说是自己的一个愿望吧。但是当我真正的运行起来了之后觉得没有多么的兴奋,自己也折腾了几天wordpress,从买域名空间,到安装WP,遇到了一些问题,自己到处搜索答案,有一些收获,和大家一
2022-06-12

如何制作完整的小版本WordPress中文版安装程序

下面由WordPress入门教程栏目给大家介绍制作完整的小版本WordPress中文版安装程序的方法,希望对需要的朋友有所帮助!WordPress官方纯中文版与英文版安装时选择语言文件安装是不同的,纯中文版会针对中文有所改动,更适合中文站点。WordPress
如何制作完整的小版本WordPress中文版安装程序
2022-05-01

wordpress制作自定义菜单的方法

要想实现自定义菜单,需要用到的函数是wp_nav_menu(),给这个函数传递一些参数就可以输出自定义菜单菜单,下面简单讲讲如何使用使用这个函数。首先,在主题目录下的functions.php的 之间
2022-06-12

WordPress怎么制作主题导航菜单

这篇“WordPress怎么制作主题导航菜单”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“WordPress怎么制作主题导航
2023-02-23

怎么使用WordPress制作主题导航菜单

这篇文章主要介绍“怎么使用WordPress制作主题导航菜单”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用WordPress制作主题导航菜单”文章能帮助大家解决问题。
2023-02-24

如何安装wordpress

本篇内容介绍了“如何安装wordpress”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!wordpress安装教程(图文)1、下载程序到wo
2023-06-29

如何制作Android ROM

制作Android ROM需要具备以下几个步骤:1. 获取Android源代码:首先需要下载并编译Android源代码。可以从官方网站上下载AOSP(Android Open Source Project)的源代码,并根据官方的指南进行编译
2023-08-23

wordpress导航如何设置具体该怎么操作

本人wordpress版本:wordpress-3.7.1。 wordpress后台: 外观==》菜单 &nbswww.cppcns.comp;左侧我们可以看到:页面、链接、分类目录,三个栏目; 右侧是我们想要的导航显示形式,一级导航、二级
2022-06-12

编程热搜

  • wordpress错位如何解决
    这篇文章主要介绍“wordpress错位如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“wordpress错位如何解决”文章能帮助大家解决问题。wordpress
    wordpress错位如何解决
  • 帝国cms调用栏目别名的修改步骤
    请留意下面的修改方法 修改后栏目别名使用 !--bname--] 调用 打开e/class/t_functions.php搜索定位到带模板的栏目导航标签修改1复制代码代码如下://替换变量$bclassname=$class_r[$clas
    帝国cms调用栏目别名的修改步骤
  • 动易Cms MAC验证视图失败的解决方法
    “/”应用程序中的服务器错误。 -------------------------------------------------------------------------------- 验证视图状态 MAC
    动易Cms  MAC验证视图失败的解决方法
  • DEDECMS如何支持中文水印
    DEDECMS如何支持中文水印?修改/include/inc_photograph.php,在165行处加这行代码:$w_text = iconv("GB2312","UTF-8",$w_text);OK,现在可以用中文做水印了,但默认的字体大小是5,中文字体
    DEDECMS如何支持中文水印
  • 快速了解Discuz!程序文件功能
    相信有不少人热衷于基于修改原有系统文件所做的插件,当然了解程序文件功能是最重要的,下面我把Discuz! X2.0主要的程序文件功能说一下。Tips:Q:针对说明的文件是?A:我只基于原版文件对upload目录中基本的程序文件(php,ht
    快速了解Discuz!程序文件功能
  • DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤
    将eWebEditor编辑器插入DEDE后台的效果: 完全Word在线编辑的功能,让你从此摆脱发可编辑器卡得死,进入流畅干净编辑界面新时代。 下面是具体步骤: 首先,你要知道eWebEditor是一个什么工具。 eWebEditor是由国
    DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤
  • 允许 WordPress 上传任意文件的方法
    此时如果上传一个不在预定义编程客栈的安全扩展名列表,如.lrc,会报kAtKhHRl错: F编程客栈ile type does not meet security guidelines. Try another. 解决此问题有两方法: 在
    允许 WordPress 上传任意文件的方法
  • dedecms 软件下载模块中添加下载方式为迅雷下载联盟代码
    修改 /plus/download.php 文件 www.cppcns.com查找
    dedecms 软件下载模块中添加下载方式为迅雷下载联盟代码
  • dedecms网站tag标签全部静态化的解决方法
    更改tags.php文件在根目录 找到$tag = FilterSearch(urldecode($tag)); 替换为:$tag = urldecode($tag); 更改文件arc.taglist.class.php文件文件所在的路径是
    dedecms网站tag标签全部静态化的解决方法
  • 帝国CMS远程保存图片的方法
    本文实例讲述了帝国cms远程保存图片的方法。分享给大家供大家参考。 具体实现方法如下:复制代码代码如下:
    帝国CMS远程保存图片的方法

目录