编写PHP脚本使WordPress的主题支持Widget侧边栏


Posted in PHP onDecember 14, 2015

帮网友小改了一下主题. 任务比较简单, 只是为一个三栏主题添加对 Widget 的支持而已,就先从这次简单的案例开始说吧.

编写PHP脚本使WordPress的主题支持Widget侧边栏

单侧边栏

functions.php

<?php
if( function_exists('register_sidebar') ) {
 register_sidebar(array(
 'before_widget' => '<li class="widget">', // widget 的开始标签
 'after_widget' => '</li>', // widget 的结束标签
 'before_title' => '<h3>', // 标题的开始标签
 'after_title' => '</h3>' // 标题的结束标签
 ));
}
?>

sidebar.php

<div id="sidebar">
 <ul class="widgets">
<?php // 如果没有使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :
?>
 <!-- widget 1 -->
 <li class="widget">
 <h3>标题 1</h3>
 <ul>
  <li>条目 1.1</li>
  <li>条目 1.2</li>
  <li>条目 1.3</li>
 </ul>
 </li>
 <!-- widget 2 -->
 <li class="widget">
 <h3>标题 2</h3>
 <ul>
  <li>条目 2.1</li>
  <li>条目 2.2</li>
  <li>条目 2.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>

双侧边栏

functions.php

<?php
if( function_exists('register_sidebar') ) {
 register_sidebar(array(
 'name' => 'Sidebar_1', // 侧边栏 1 的名称
 'before_widget' => '<li class="widget">', // widget 的开始标签
 'after_widget' => '</li>', // widget 的结束标签
 'before_title' => '<h3>', // 标题的开始标签
 'after_title' => '</h3>' // 标题的结束标签
 
 ));
 
 register_sidebar(array(
 'name' => 'Sidebar_2', // 侧边栏 2 的名称
 'before_widget' => '<li class="widget">', // widget 的开始标签
 'after_widget' => '</li>', // widget 的结束标签
 'before_title' => '<h3>', // 标题的开始标签
 'after_title' => '</h3>' // 标题的结束标签
 
 ));
}
?>

sidebar.php

<div id="sidebar_1">
 <ul class="widgets">
<?php // 如果没有在侧边栏 1 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_1') ) :
?>
 <!-- widget 1 -->
 <li class="widget">
 <h3>标题 1</h3>
 <ul>
  <li>条目 1.1</li>
  <li>条目 1.2</li>
  <li>条目 1.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>
<div id="sidebar_2">
 <ul class="widgets">
<?php // 如果没有在侧边栏 2 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_2') ) :
?>
 <!-- widget 2 -->
 <li class="widget">
 <h3>标题 2</h3>
 <ul>
  <li>条目 2.1</li>
  <li>条目 2.2</li>
  <li>条目 2.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>

N 侧边栏
请使用数学归纳法进行推理XD

PHP 相关文章推荐
基于PHP开发中的安全防范知识详解
Jun 06 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
Jun 20 PHP
一个简洁实用的PHP缓存类完整实例
Jul 26 PHP
php使用Jpgraph绘制饼状图的方法
Jun 10 PHP
php随机获取金山词霸每日一句的方法
Jul 09 PHP
php封装的单文件(图片)上传类完整实例
Oct 18 PHP
php array_udiff_assoc 计算两个数组的差集实例
Nov 12 PHP
php从身份证获取性别和出生年月
Feb 09 PHP
php动态读取数据清除最右边距的方法
Apr 12 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
Sep 29 PHP
完美的php分页类
Oct 24 PHP
PHP yield关键字功能与用法分析
Jan 03 PHP
给WordPress中的留言加上楼层号的PHP代码实例
Dec 14 #PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
Dec 14 #PHP
php类中的$this,static,final,const,self这几个关键字使用方法
Dec 14 #PHP
Yii2隐藏frontend/web和backend/web的方法
Dec 12 #PHP
使用PHP+AJAX让WordPress动态加载文章的教程
Dec 11 #PHP
WordPress中制作导航菜单的PHP核心方法讲解
Dec 11 #PHP
搭建Vim为自定义的PHP开发工具的一些技巧
Dec 11 #PHP
You might like
WordPress判断用户是否登录的代码
2011/03/17 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
js字符串转成JSON
2013/11/07 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
使用JavaScript实现旋转的彩圈特效
2015/06/23 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
详解使用路由延迟加载 Angular 模块
2017/10/12 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
vue $set 给数据赋值的实例
2019/11/09 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
学习python的几条建议分享
2013/02/10 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
python 实现矩阵按对角线打印
2019/11/29 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
设计总监岗位职责
2013/12/07 职场文书
简单英文演讲稿
2014/01/01 职场文书
DIY手工制作经营店创业计划书
2014/02/01 职场文书
新闻报道策划方案
2014/06/11 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
《搭石》教学反思
2016/02/18 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
MySQL锁机制
2021/04/05 MySQL