首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在没有任何插件的情况下在WordPress的侧边栏中显示选定类别的图书?

在没有任何插件的情况下,在WordPress的侧边栏中显示选定类别的图书,可以通过以下步骤实现:

  1. 创建一个自定义的WordPress小工具(Widget)来显示选定类别的图书。在主题的functions.php文件中添加以下代码:
代码语言:txt
复制
class Custom_Book_Widget extends WP_Widget {
    // 构造函数
    public function __construct() {
        parent::__construct(
            'custom_book_widget', // 小工具的ID
            '选定类别的图书', // 小工具的名称
            array( 'description' => '显示选定类别的图书' ) // 小工具的描述
        );
    }

    // 前端显示
    public function widget( $args, $instance ) {
        $category_id = $instance['category_id']; // 获取选定的类别ID
        $books = get_posts( array(
            'category' => $category_id, // 设置类别ID
            'post_type' => 'book', // 设置自定义文章类型为'book'
            'posts_per_page' => 5 // 设置显示的图书数量
        ) );

        echo $args['before_widget'];
        echo $args['before_title'] . '选定类别的图书' . $args['after_title'];
        echo '<ul>';
        foreach ( $books as $book ) {
            echo '<li><a href="' . get_permalink( $book->ID ) . '">' . $book->post_title . '</a></li>';
        }
        echo '</ul>';
        echo $args['after_widget'];
    }

    // 后台设置
    public function form( $instance ) {
        $category_id = ! empty( $instance['category_id'] ) ? $instance['category_id'] : '';
        ?>
        <p>
            <label for="<?php echo $this->get_field_id( 'category_id' ); ?>">选择类别:</label>
            <select class="widefat" id="<?php echo $this->get_field_id( 'category_id' ); ?>" name="<?php echo $this->get_field_name( 'category_id' ); ?>">
                <?php
                $categories = get_categories();
                foreach ( $categories as $category ) {
                    echo '<option value="' . $category->term_id . '" ' . selected( $category_id, $category->term_id, false ) . '>' . $category->name . '</option>';
                }
                ?>
            </select>
        </p>
        <?php
    }

    // 更新设置
    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['category_id'] = ( ! empty( $new_instance['category_id'] ) ) ? sanitize_text_field( $new_instance['category_id'] ) : '';
        return $instance;
    }
}

// 注册自定义小工具
function register_custom_book_widget() {
    register_widget( 'Custom_Book_Widget' );
}
add_action( 'widgets_init', 'register_custom_book_widget' );
  1. 在WordPress后台,进入外观 -> 小工具,将刚刚创建的"选定类别的图书"小工具拖动到侧边栏的适当位置。
  2. 在小工具的设置中,选择要显示的类别。

这样,侧边栏就会显示选定类别的图书列表。每当你在该类别下发布新的图书时,侧边栏的图书列表也会自动更新。

请注意,以上代码是基于WordPress的默认功能实现的,没有使用任何插件。对于图书的自定义文章类型和类别的设置,请根据实际情况进行调整。

腾讯云相关产品和产品介绍链接地址:

以上是一个示例答案,具体的实现方式可能因个人需求和环境而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

5个最佳WordPress广告插件

5个最佳WordPress广告插件  大多数这些插件还将包括广告小部件。您可以使用这些小部件在侧边、页面、页脚、页眉和WordPress主题提供任何其他小部件区域中显示广告。  ...帖子内容顶部/底部在任何段落或标题之后(包括随机化)在特定HTML元素处侧边/小部件使用简码或PHP函数手动放置页脚还有bbPress、BuddyBoss和BuddyPress集成,以便您可以轻松地在社区特定位置插入广告...它具有自定义广告小部件,可在侧边和其他小部件就绪区域显示广告。没有您在此列表其他一些插件中找到许多高级功能。另一个限制是您一次最多只能保存10个广告代码。...只要您使用自托管WordPress,您就可以在您网站上放置您想要任何广告。如何在WordPress文章投放广告?所有广告管理插件都允许您使用简码或块手动放置广告。...您所做就是将您广告添加到插件,然后将该广告短代码或块包含在您要显示广告帖子。如何在WordPress帖子之间放置广告?

8.5K20

WordPress 初学者词汇表(术语解释)

WordPress ,您可以非常轻松地创建菜单,并且有内置设置可以将菜单分配到特定位置(例如,主菜单、侧边菜单、页脚菜单等)。...在 WordPress ,小部件用于向Widget Areas(小部件区域)添加内容和功能,例如侧边、页脚或启用小部件任何其他位置。...仪表板小部件部分 小部件也可以是特定主题,或者通过使用小部件插件进行扩展。 Siderbar(侧边侧边显示帖子或页面上支持内容。...一些网站选择不使用侧边,但如果您这样做,您可以放置小部件(例如关于部分、相关帖子、时事通讯订阅表格或其他任何内容)。...根据您 WordPress 主题(或页面构建器),侧边通常是左侧或右侧垂直列,尽管根据帖子类型或页面,某些设计可能具有两个侧边甚至自定义侧边

7.2K20
  • WordPress插件大全

    AdSense Widget for WordPress Sidebar – 在侧边显示Adsense广告。 Alipay donate – 支付宝捐赠插件。...访客相关 中文 WordPress工具箱 – 用来解决官方WordPress没有照顾到中文相关问题。...使用这个插件,你可以显示随机文章,最新留言(最新引用),留言最多文章,发表评论最多网友,还有真正文章摘要,等等,真正截断,没有乱码。...Fresh Comments – 在侧边显示最新回复内容,可以设置不显示 trackback和pingback,刀客征途侧边最新评论。...wp-chunk – 截断评论过长地址避免撑破页面。 WP-Most Commented Posts – 在侧边显示拥有最多评论日志。 WP-NoSh*t – 过滤评论不当用词。

    1.9K50

    何在Ubuntu 14.04上使用Fail2Ban保护WordPress

    按照腾讯云+社区相关如何在Ubuntu上WordPress配置安全更新和安装指南操作。...登录后,您将看到以下屏幕,即您WordPress仪表板。 在左侧边上查看单词Plugins,它将出现在侧边一半左右。...单击插件后,您将看到以下屏幕: 在顶部附近,在右侧部分,您可以单击“ 添加新”。这允许您向WordPress站点添加可以自定义,保护或扩展站点插件。在这种情况下,我们将搜索Fail2ban插件。...下一个屏幕将显示如下: 在搜索字段输入Fail2ban,然后按键盘上ENTER。结果应该返回一个显示一些插件屏幕,其中一个要安装是WP fail2ban。...如果您WordPress网站其他任何用户位于其他位置,您可能也想查找他们地址。

    93211

    如何搭建 WordPress 博客

    侧边点击外观->主题进行浏览,寻找您喜欢主题后,点击安装即可。...添加内容并创建新页面 安装主题后,您就可以开始创建内容了。 添加和编辑页面 在WordPress仪表板侧边查找“页面->添加”。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您最新帖子并开始在您主页上显示它们。...编辑侧 大多数WordPress主题在右侧有一个侧边(在某些情况下,它在左侧)。...如果你想关闭侧边或编辑你不需要项目,请按照如下指南进行操作: 到WordPress仪表板“外观 - >窗口小部件”。 您可以使用拖放操作向侧边添加不同“框”,或删除不需要项目。

    7.5K3330

    如何搭建 WordPress 博客

    为您网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您域名) 显示如下: [1620] 在侧边点击外观...添加内容并创建新页面 安装主题后,您就可以开始创建内容了。 添加和编辑页面 在WordPress仪表板侧边查找“页面->添加”。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您最新帖子并开始在您主页上显示它们。...编辑侧 大多数WordPress主题在右侧有一个侧边(在某些情况下,它在左侧)。...如果你想关闭侧边或编辑你不需要项目,请按照如下指南进行操作: 到WordPress仪表板“外观 - >窗口小部件”。 您可以使用拖放操作向侧边添加不同“框”,或删除不需要项目。

    1.8K40

    腾讯云服务器搭建WordPress博客

    为您网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您域名) 显示如下: 在侧边点击外观...添加内容并创建新页面 安装主题后,您就可以开始创建内容了。 添加和编辑页面 在WordPress仪表板侧边查找“页面->添加”。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您最新帖子并开始在您主页上显示它们。...编辑侧 大多数WordPress主题在右侧有一个侧边(在某些情况下,它在左侧)。...如果你想关闭侧边或编辑你不需要项目,请按照如下指南进行操作: 到WordPress仪表板“外观 - >窗口小部件”。 您可以使用拖放操作向侧边添加不同“框”,或删除不需要项目。

    4.8K40

    腾讯云服务器搭建WordPress博客

    为您网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您域名) 显示如下: 在侧边点击外观...添加内容并创建新页面 安装主题后,您就可以开始创建内容了。 添加和编辑页面 在WordPress仪表板侧边查找“页面->添加”。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您最新帖子并开始在您主页上显示它们。...编辑侧 大多数WordPress主题在右侧有一个侧边(在某些情况下,它在左侧)。...如果你想关闭侧边或编辑你不需要项目,请按照如下指南进行操作: 到WordPress仪表板“外观 - >窗口小部件”。 您可以使用拖放操作向侧边添加不同“框”,或删除不需要项目。

    4.3K50

    Genesis框架从入门到精通(14): 布局函数

    这种顺序是我特意安排,因为提前熟悉侧边概念和Genesis所使用函数对理解布局是有帮助。该文件函数涉及布局选项创建,删除和检查,其中一个是钩子函数。...描述标签可以是任何东西,不必准确描述布局。只要你能在两头都获得正确信息,在PHP怎么写都无所谓。但是对于开发人员和用户体验来说是重要。...function genesis_unregister_layout( $id = ” ) 记得上一篇文章里讲关于删除侧边操作吗?...如果侧边已经删除了但是关于这个侧边选项没有删除掉,那会有多么令人困惑?这个函数存在就是为了删除不需要布局。...比如在顶部侧边可以这样用。第一步是在主题中开启这个支持项。

    1.8K41

    WPJAM Basic 扩展 - 常用简码:一键集成10个常用简码

    如果你想把 email 地址显示为连接,可以加上 link 参数,: [email link="1"]you-email-address@email.com[/email] 显示结果为:you-email-address...如以下代码: [table width="95%"] 位置 大小 价格 出现页面 顶部广告位 728X80 静态图片 1000 RMB 一个月 整站所有页面 侧边广告位 300X150 静态图片...500 RMB 一个月 整站所有页面,最多三个 [/table] 就会生成如下表格: 位置 大小 价格 出现页面 顶部广告位 728X80 静态图片 1000 RMB 一个月 整站所有页面 侧边广告位...,可以查看我之前如何在 WordPress 博客插入哔哩哔哩视频介绍。...后台简码列表 除了集成这些常用简码之外,常用简码扩展还在后台列罗出 WordPress 所有可用简码: ---- WordPress果酱知识星球 WPJAM Basic 插件项目页 下载 WPJAM

    74060

    WordPress 6.2 发布,全面提升站点编辑体验

    导航块支持多种方式菜单管理 新导航块侧边使得编辑站点菜单更加容易,可以快速添加、删除和对菜单项重新排序。...区块控件如影随形 区块在侧边控件拆分成「设置」和「样式」两个选项卡,更加容易定位和使用。...无干扰模式专注写作 古腾堡编辑器也支持无干扰写作模式了,可以一键隐藏侧边,所有面板和控件等,专注自己创作。...自定义 CSS 用户可以通过设计工具和自定义 CSS 以自己希望方式增强站点外观,这不仅达到了更高级别的样式控制,也能实现在站点设计实现最大创造力和艺术性。...简单说 WordPress 6.2 主要更新就是古腾堡块编辑器更新,没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大更新。

    1.1K40

    从你侧边移除 Meta

    2b2ce75f-76c4-405d-b128-cfadf6c4256b 如果你浏览过一些 WordPress 博客,特别是最近新开张,你会注意到很多人会保留来随他们选用主题而来侧边 Meta...Meta 区域包含了一些管理链接“登录 (Login)” ,“XHTML 验证等等。当然了这些链接可能对博客所有者非常是有用,但是它们对你读者根本没有任何作用。...有时候,它甚至会给你带来反作用,因为它同时带来了 Wordpress RSS 源链接,如果你使用 Feedburner 烧制 RSS 源,你一些读者可能会因为点击这些链接而得到一个错误链接(译者注...:可以通过 FeedBurner FeedSmith 这个插件解决这个问题,不过个人觉得留着 Meta 还是不好。...下一次当你当你建立 WordPress 博客,把 Meta 这部分从你侧边移除。 翻译自:Remove the Meta from your Sidebar! ----

    31710

    WordPress 主题教程 #13:样式化侧边

    样式化侧边是从零开始创建 WordPress 主题系列教程第十三篇,这篇主要讲解如何样式化侧边里面的所有元素,在对侧边样式化之后,这系列教程就将差不多结束了。...我离线 WordPress 增加了多重页面链接是为了测试最低级别的链接看起样子,注意到我已圈出在底部有不必要额外填充,这是一个非常好关于样式继承例子。这里不是10像素而是20。...连续 UL 指明了我们是在定义第二级别的 LIs。...现在我们知道日历是在一个 TABLE 标签并以 wp-calendar 作为 id。那么如何在 style.css 文件锁定 wp-calendar table 呢?...如果仅仅 #wp-calendar{} 也是可以因为它是唯一而且 WordPress 不会使用 #wp-calendar 给别的标签。但是你应该试着特定化当能够时候。

    1K20

    WP125: WordPress 125×125 广告管理插件

    所以我们需要一个高效广告管理工具,除了可以使用第三方广告管理工具(比如:Google DFP,百度广告管家)之外,我们还可以使用 WP125 这个 WordPress 插件来管理博客侧边 125X125...WP125 介绍 WP125: WordPress 125×125 广告管理插件 WP125 插件也是一个高效广告管理工具,它能帮你非常高效管理侧边 125X125 广告位,让你专心写日志...WP125 会在 WordPress 后台添加一个 “Ads” 顶级菜单,然后有三个子菜单,分别用来调整设置,添加和管理广告位。 WP125 功能 支持一或者两广告显示,并且支持模板函数。...如果你主题支持 Widget,把 WP125 Widget 直接拖到侧边即可,如果不支持,可以在主题 sidebar.php 模板文件添加 wp125_write_ads(); 这行代码...Widget Title(Widget 标题):设置 Widget 标题,留空则没有标题。 Ad Sales Page(广告销售页面):设置默认广告位点击到达页面,一般用来显示统计和价格。

    43010

    WordPress你要会用

    比如你至少要懂标准通用标记语言下一个应用HTML代码、CSS、PHP等相关知识。 WordPress官方支持中文版,同时有爱好者开发第三方中文语言包,wopus中文语言包。...MO Widgets——可以设置侧边在不同页面显示不同内容!...|灵动边插件,使用它将使你更容易控制你显示,安装激活以后会在小工具页面显示控制各个小工具在博客任何页面是否显示,以实现不同页面不同侧边效果;同时在小工具页面产生一个支持php语言文本小工具...8.在某些插件支持下实现静态html页面生成(WP-SUPER-CACHE)。 9.通过选择不同主题,方便地改变页面的显示效果。 10.通过添加插件,可提供多种特殊功能。...就是修改wordpress程序包wp-config-sample.php文件,将第6步记下主机地址、数据库名称、用户名、密码填入相应位置就可以了,并重命名为wp-config.php。

    1.9K50

    把分类作成下拉菜单

    不想把它们列在一个页面上,但是又想把他们放在侧边?可能你会喜欢下拉菜单?那么为什么不去尝试下 wp_dropdown_catgories 这个函数呢?...wp_dropdown_catgories 这个 WordPress 模板函数是把分类列表显示到一个没有 submit 按钮下拉列表。 直接在模板文件 sidebar.php 输入 <?...在默认情况下,它是 以类别的 id 升序排列显示最新更新日期。...不显示一个分类下日志数量 不显示日志 不排除任何分类 显示分类名 在表单没有一个分类是被选中 不是以层次结构显示分类 给表单名字附值为 cat 给表单 class 赋值为 postform...下面这个例子在 HTML 表单显示一个层次结构分类下拉列表和一个 Submit 按钮。同时显示了每个分类下日志数并且排除了 id 为3,15,22 和6这几个分类。 : <?

    1.5K20

    解决WordPress改变固定链接后自己博客出现NOT FOUND或该页无法显示情况

    2.3 安装插件:Pinyin Permalink 该插件能自动修改文章链接为拼音,这个情况出现是由于wordpress生成链接包含中文字符导致。...在这里进入自己WordPress,“侧边”->“插件”->"安装插件"->搜索"Pinyin Permalink"->安装->输入自己服务器用户名和密码即可->启用。...),或由于wordpress生成链接包含中文字符导致。...Ubuntu开启Mod_rewrite模块 解决wordpress部分博客文章页面无法显示问题 版权所有:可定博客 © WNAG.COM.CN 本文标题:《解决WordPress改变固定链接后自己博客出现...NOT FOUND或该页无法显示情况》 本文链接:https://wnag.com.cn/43.html 特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载,确实要转载,请电联:wangyeuuu

    93610

    WordPress添加天气插件-自定义HTML代码设置

    前几天想做一个导航站,发现导航站导航有个天气插件,挺好看,还能根据IP显示天气预报,今天就来试试能不能安装在我这wordpress主题上。就像下面这样。...,如果是想安装到侧边上特别简单打开后台→外观→小工具→自定义html→拖到首页边。...把代码复制进去就行了 效果就会是这样 由于我侧边东西挺多,我就想把他放到导航上,我就尝试把他放到导航上,试了好久才把他放到导航,一开始我以为直接把代码放到页头部分就行了,结果会出现下面这种情况...我网上看了很久,看到有人说插到导航 php文件,放入首页head是不行,要先找到位置,找到想要放位置,比如说我要放到我网站logo后面。...然后把天气插件插入到logo后面,箭头位置。 之间插入几个空格。      保存好,刷新一下网页,插件显示到logo后面了。

    2.1K20

    vscode插件开发入门

    主要集中在以下更改: 自定义上下文菜单操作,:平时我们右键菜单侧边创建自定义交互,:npm插件安装后在资源管理-主侧边添加了一个npm操作视图 定义一个新活动视图,:Git插件安装后左侧活动图标...在状态显示自定义信息,:Git插件安装后显示当前分支 使用webview自定义内容,:markdown预览插件提供预览视图 UI插件主要用于更改vscode外观也就是我们常说主题,主要集中在以下...主侧边(Primary Sidebar):主要是展示一个或多个Views,活动和主侧边紧密耦合,点击活动可以打开对应侧边,该绑定关系通过package.json配置进行关联。...):可以扩展当前选定视图选项 状态(Status Bar Item):主要增强状态,左侧状态表示整个工作区状态,右侧表示当前活动文件状态 插件创建 通过以上信息,我们对vscode有大致轮廓了解...效果图 实现主侧边webview 刚才我们在配置定义了视图类型是webview,所以我们需要实现一个WebviewViewProvider,该类需要实现一个resolveWebviewView

    5.6K20

    WordPress免费主题:Document,让阅读变得更加方便

    ) 新增站内跳转时,记住正在浏览动态栏目 文章列表小工具新增【热门文章】,按照阅读量进行排序展示 修复调色板无法关闭问题 更新首页banner小工具样式,新增移动端是否显示banner选项 首页和文章页从统一侧边...,拆分成两个侧边,可在小工具页面进行设置 新增最新评论小工具 文章内容标题样式优化 新增Cravatar镜像服务器(wordpress头像) 修改一堆小BUG(不记得了) 目前只进行小部分更新...新建菜单 添加菜单项 发布到顶部菜单  5.小部件、侧边 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件(小部件自带配置,可在添加时候填写),添加后默认在文章页面的右侧边显示。...主题前端优化 文章页右边正常高度时,跟随文章滚动,滚动高度超出侧边高度时自动悬浮,保持右边侧边始终存在元素,不会空白; 访问首页时显示自定义站点描述,文章页时自动截取文章内容作为网页描述; 优化...20220724更新 首页变成两显示 优化了大屏和小屏显示字体大小 调整了移动端UI样式 下滑阅读时自动隐藏导航,上滑时自动显示

    4.2K30
    领券