wordpress侧边栏分类目录子分类如何显示?
调用侧栏的是sidebar.php和页脚footer.php这两个文件!不管是首页的index.php还是单篇日志页面的single.php,在文件的最后面,总是有这么两行代码:我们需要分两种情况说明:第一种情况:如果不使用主题的Widgets,那么只要两步就能完成对不同侧边栏的调用。
找到single.php文件里的:修改为:上传并覆盖single.php,刷新,搞定!第二种情况:如果你使用了Widgets,只需要4步,也就能实现对不同侧边栏的调用。
重复第一种情况中新建sidebar2.php的步骤。
接着打开function.php,找到类似的代码:if ( function_exists('register_sidebar') )register_sidebar(array('before_widget' =>'','after_widget' =>,'before_title' =>'));这几行代码是一封”申请书”,向Wordpress申请了一个Widget。
如果要在不同面面显示不同的侧栏,并且这个侧栏是要支持Widget的,那么需要向Wordpress再写一封”申请书”申请一个Widgets。
并且这封申请书是有名字的,名字格式应该这样写: 'name' =>'名字',名字应该和后面sidebar2.php调用些widgets的名字保持一致,那应该这样写:if ( function_exists('register_sidebar') )register_sidebar(array('name' =>'sidebar2','before_widget' =>'','after_widget' =>,'before_title' =>'','after_title' =>'',));将上面这句加到原先的”申请书”后面去。
现在,需用将sidebar2.php中原来调用默认Widgets的代码改为调用sidebar2这个刚申请的Widgets。
打开Sidebar2.php,找到这样的代码:修改为:现在做最后一步的工作,打开single.php,找到:修改为:保存文件,上传。
现在去后台的Widgets设置,会发现在下拉列表中多出一个Widget了,它的名字为Sidebar2,现在需要为他添加上一些东西。
概括一下第二种情况的大体步骤:* 在functions.php”申请”一个Widgets* 在single.php中调用sidebar2.php* 将sidebar2.php中调用的widgets修改为sidebar* 拖一下你的Widgets到此,也就完成了不同页面显示不同sidebar的教程!
wordpress新建页面时怎么添加边栏
要在网页中你想要显示 关闭/显示侧边栏 的提示按钮或者文字,在WordPress 模板中插入 关闭/显示 侧边栏 然后利用如下的jquery代码实现隐藏侧边栏: $('.show-close-sidebar').toggle(function () { $('.sidebar').fadeOut("fast"); //让侧边栏快速渐隐掉 $('#content').animate({ width:"915px" //让正文主体部分宽度增加到915px },1000); //执行时间是1000毫秒 }, function () { $('#content').animate({ width:"700px" //让正文主体部分宽度收缩到700px },1000); //执行时间是1000毫秒 $('.sidebar').fadeIn(3000); //让侧边栏渐渐隐现回来,执行时间为5000毫秒 } );
关于wordpress侧边栏的问题
1、创建所需的文件 在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的主题名为“OptionPage”,那么functions.php文件的路径为:\wp-content\themes\OptionPage\functions.phph。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页 首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
// 设置选项页 function themeoptions_admin_menu() {// 在控制面板的侧边栏添加设置选项页链接 add_theme_page("主题设置", "主题选项", 'edit_themes', basename(__FILE__), 'themeoptions_page'); } function themeoptions_page() {// 设置选项页面的主要功能 } add_action('admin_menu', 'themeoptions_admin_menu');?> themeoptions_admin_menu() 是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:页面标题:主题设置 菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名) 作用功能:edit_themes;Handle(句柄):当前文件;执行的函数:themeoptions_page;现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段 现在我们就可以在刚创建的空白页面上添加我们的选项和字段。
这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page() 函数内。
首先,我们先添加一个 class="wrap" 的 div 容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
function themeoptions_page() {// here's the main function that will generate our options page?> 主题设置 } 在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。
然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。
现在的效果为:现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:首先,我们要允许主题使用者可以更改颜色方案。
对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。
这一点,我们通过添加复选框来实现。
代码如下:function themeoptions_page() {// 这是产生主题选项页面的主要功能?> 主题设置 主题配色方案 >灰色 >浅蓝 >粉红 图片广告位(1) "/> 广告图片 "/> 广告链接 图片广告位(2) "/> 广告图片 "/> 广告链接 /> 显示搜索框 } 到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新 到目前为止,我们已经创建了一个主题选项页面,下一步要做的就是如何将数据透过POST提交的wordpress数据库。
要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); } 下一步是增加一个更新函数。
function themeoptions_update() { // 数据更新验证 update_option('mytheme_colour', $_POST['colour']); update_option('mytheme_ad1image', $_POST['ad1image']); update_option('mytheme_ad1url', $_POST['ad1url']); update_option('mytheme_ad2image', $_POST['ad2image']); update_option('mytheme_ad2url', $_POST['ad2url']); if ($_POST['display_search']=='on') { $display = 'checked'; } else { $display = ''; } update_option('mytheme_display_search', $display); }5、调用选项定制主题5.1 更改配色方案 我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。
为了切换配色方案样式表,需要在主题 header 中加入以下代码:/default.css" type="text/css">/.css" type="text/css">5.2 增加广告位图片 在你想要放置广告的地方添加以下代码:">" height="125" width="125" />">" height="125" width="125" />5.3 是否显示搜索框 在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示: 搜索框 "> " /> 6、总结 本文翻译自NET TUTS+文章《How to Integrate an Options Page into your WordPress Theme》,版权归原文作者所有。
为了更容易地学习添加主题选项页的过程,我省略了原文中部分内容,有兴趣的话可以参考原文。
翻译水平有限,...
转载请注明出处51数据库 » wordpress边栏显示
人间哪有真情在4764797