正文

如何为 wordpress 主题制作右侧边栏

 2023-02-24  36

关键词：

【中文标题】如何为 wordpress 主题制作右侧边栏【英文标题】：How to make a right sidebar for a wordpress theme 【发布时间】：2016-01-13 22:42:46 【问题描述】：

并与高级搜索集成，如下面的概念：

sidebar.php

    <?php
/**
 * The sidebar containing the main widget area.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package custom
 */

if ( ! is_active_sidebar( 'sidebar-1' ) ) 
    return;

?>

<div id="secondary" class="widget-area" role="complementary">
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
</div><!-- #secondary -->
<?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>

     <div id="tertiary" class="widget-area" role="supplementary">
      <?php dynamic_sidebar( 'sidebar-2' ); ?>
     </div><!-- #secondary .widget-area -->

<?php endif; ?>

侧边栏的style.css

#secondary  /* left Sidebar */
width: 18rem;
margin-left: -67rem;
float: left;
position: relative;


#tertiary  /* right Sidebar */
width: 18rem;
margin-right: -23rem;
float: right;
position: relative;

我怎样才能以简单的方式实现它？

【问题讨论】：

【参考方案1】：

如果您已经在您想要的模板文件中设置了sidebar.php；可能是index.php,single.php,page.php 或其他任何东西

我看到了两种方法

1 - 安装一些精美的搜索插件，并使用 仪表板 - 外观 - 小部件区域

将其添加到您的侧边栏

2 - 在您的 Widget 区域，您可以添加 Html 内容，您可以在其中添加搜索表单或将其硬编码到您的 sidebar.php 或创建 search-form.php（其中您将获得您的表单）并将其包含在您的 sibedar.php 中或使用 get_template_part() 直接添加到模板文件中

这里有一些有用的链接：

https://codex.wordpress.org/Function_Reference/get_search_form https://codex.wordpress.org/Function_Reference/get_template_part

【讨论】：

你能举一个关于一些花哨的搜索插件的例子吗？我之前没有使用任何搜索插件。试试这个列表中的一些东西 - wordpress.org/plugins/search.php?q=search【参考方案2】：

查看 WordPress Codex 以获取有关自定义侧边栏的信息。这个页面上有很多关于侧边栏的信息：https://codex.wordpress.org/Customizing_Your_Sidebar

如果你问如何让菜单从屏幕一侧展开，有许多不同的 CSS/JavaScript 实现，但也许像这个 jQuery Slick 插件这样的东西可能会有所帮助：http://www.designchemical.com/lab/jquery-slick-plugin/examples/

如果您询问如何创建自定义搜索功能，那么这将非常依赖于您正在使用的插件以及您正在搜索的内容。本文确实很好地概述了如何开始使用 WordPress 中的自定义搜索功能和自定义搜索表单：https://premium.wpmudev.org/blog/build-your-own-custom-wordpress-search/

【讨论】：

我已经找了很多次了，都没有回答我想要的我什至不确定您是在询问从屏幕边缘扩展菜单还是在询问 PHP 方面的问题，但我会添加一些内容到答案。问题不够具体。

如何为基于 wordpress 自定义主题的网站进行响应式设计？

】如何为基于wordpress自定义主题的网站进行响应式设计？【英文标题】：Howtomakeresponsivedesignforthewebsitebuiltonwordpresscustomtheme?【发布时间】：2019-03-0805:25:21【问题描述】：我正在开发一个网站（基于WordPress自定义主题），我必须在... 查看详情

如何为也可以包含视频的 wordpress 帖子制作滑块？

】如何为也可以包含视频的wordpress帖子制作滑块？【英文标题】：HowdoImakeaSliderforwordpresspoststhatcanalsocontainVideos?【发布时间】：2021-11-0408:18:01【问题描述】：我希望我的Wordpress页面在滑块中显示帖子图片和视频。所以我需要一种... 查看详情

如何为自定义帖子和分类法制作 Wordpress 存档页面？

】如何为自定义帖子和分类法制作Wordpress存档页面？【英文标题】：HowdoImakeaWordpressarchivepageforcustompostsandtaxonomies?【发布时间】：2011-06-0519:07:24【问题描述】：我正在尝试在Wordpress中设置一个包含自定义帖子类型和自定义分类的... 查看详情

Wordpress 主题在链接上阻止 target="_blank"。如何为某些外部链接重新激活它？

】Wordpress主题在链接上阻止target="_blank"。如何为某些外部链接重新激活它？【英文标题】：Wordpressthemeblockstarget="_blank"onlinks.HowdoIreactivateitforsomeexternallinks?【发布时间】：2019-08-1718:16:35【问题描述】：我正在使用这... 查看详情

如何为 Rara Business 编辑 wordpress 页脚？

】如何为RaraBusiness编辑wordpress页脚？【英文标题】：EditwordpressfooterforRaraBusinesshow?【发布时间】：2019-02-2608:06:24【问题描述】：我想编辑名为RaraBusiness的WordPress主题的页脚。基本上去掉“RaraBusiness或RaraThemeImpulsadoforWordPress”的部... 查看详情

如何为本地 wordpress 创建 XAMPP 登录

】如何为本地wordpress创建XAMPP登录【英文标题】：HowtocreateXAMPPloginforlocalwordpress【发布时间】：2014-05-1021:09:47【问题描述】：我接替了另一名员工，他是WordPress网络支持人员。我发现我的本地计算机上安装了XAMPP。我已经在线浏览... 查看详情

如何为wordpress主题添加一个返回顶部按钮

1、打开wordpress后台，选择“外观”–“编辑”–找到“footer.php”，在</body>之前加上下面这段代码：代码如下<divid="full"style="width:50px;height:95px;position:fixed;left:50%;top:420px;margin-left:493px;z-index:100;text-align:center;cursor:... 查看详情

html最小的主题collection.liquid与右侧边栏-每行3个产品。(代码片段)

查看详情

wordpress主题制作教程11：伪静态设置方法

设置固定链接-自定义结构：/%post_id%.html想设置其他链接格式，可参考以下结构标签：%year%：日志发表的年份，如2009%monthnum%：日志发表的月份，如05%day%：日志发表的日期，如28%hour%：日志发表的时间（小时），如15%minute%：日志... 查看详情

WordPress 主题，右侧空白

】WordPress主题，右侧空白【英文标题】：WordPresstheme,whitespacetotheright【发布时间】：2012-12-0423:38:59【问题描述】：我一直在寻找解决方案，但到目前为止还没有想出任何办法。我正在wordpress上构建我的网站。一切都很好，但我在... 查看详情

下划线 Wordpress 主题 - 添加第二个侧边栏

】下划线Wordpress主题-添加第二个侧边栏【英文标题】：UnderscoresWordpressTheme-Addingsecondsidebar【发布时间】：2013-10-2012:39:35【问题描述】：使用下划线主题(_s)关注Wordpress网站我有一个侧边栏工作，但想在同一页面上制作第二个侧边... 查看详情

教你如何安装wordpress主题的方法

相比于其他CMS，WordPress最大的特色就是它可以让你更换主题，无需代码就能定制网站外观，那么如何为你的站点安装WordPress主题呢，在本文中我们来分享几个常用方法通过WordPress后台安装主题WordPress使用非常方便，很重要一... 查看详情

如何为按钮右侧添加图像/图标？

】如何为按钮右侧添加图像/图标？【英文标题】：Howtoaddimage/iconforrightsideofabutton?【发布时间】：2019-10-1618:26:03【问题描述】：这些天我正在为Android平台开发Flutter移动应用程序。我想添加一个带有文本图标/图像的按钮。该图像... 查看详情

wordpress主题制作：子主题（childtheme）(代码片段)

...。另外可以使用框架模式，使用框架时要求创建子主题。WordPress子主题继承了你所选择父框架的所有功能。它们一般只包含两个文件：style.css、functions.php以及其它图形文件夹、脚本文件夹、子主题其它必要的文件夹。要创建一... 查看详情

怎样制作wordpress手机主题

参考技术A一、安装MobilePress插件在此之前，需要有个wordpress博客平台，然后按照下图的（图示一）安装MobilePress插件。MobilePress插件是一款自动识别访问设备的插件，它可以根据用户的设备来决定以什么样的主题来呈现内容，非... 查看详情

如何为自己的wordpress站点安装ssl证书开启https访问

您好！1、域名提交至Gworg拿到SSL证书。2、配置到WordPress站点服务器，并且确保HTTPS可以访问。3、网站后台URL改成HTTPS地址，如果有媒体文件的同样修改（也可以在数据库修改）。4、设置强制HTTPS，通常伪静态实现。参考技术A1、... 查看详情

如何为 WordPress 插件/小部件开发设置 Netbeans 项目

】如何为WordPress插件/小部件开发设置Netbeans项目【英文标题】：HowtosetupNetbeansProjectforWordPressPlugin/WidgetDevelopment【发布时间】：2015-03-2418:03:38【问题描述】：我想在本地开发一套WordPress插件和小部件。我的开发环境由Windowsv8.1、Net... 查看详情

如何为布局设置不同的主题

】如何为布局设置不同的主题【英文标题】：HowtosetadifferentthemetoaLayout【发布时间】：2013-09-0116:38:35【问题描述】：我为整个应用设置了默认主题。在styles.xml中定义如下：<stylename="DefaultTheme"parent="@android:style/Theme.Holo.Light"><... 查看详情