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

如何将wp查询中的帖子按3分组,同时将每个帖子分别放在各自的div中?

可以通过使用WordPress中的WP_Query来实现按照分组将帖子放在各自的div中。

以下是一个实现的例子:

代码语言:txt
复制
$args = array(
    'posts_per_page' => -1, // 获取所有帖子
    'orderby' => 'date', // 按照日期排序
    'order' => 'DESC', // 降序排序
);

$query = new WP_Query($args);

if ($query->have_posts()) {
    $posts = $query->posts;

    $grouped_posts = array();
    foreach ($posts as $post) {
        $group = floor(($post->ID - 1) / 3) + 1; // 根据ID将帖子分组,每组3个帖子
        $grouped_posts[$group][] = $post;
    }

    foreach ($grouped_posts as $group => $posts) {
        echo '<div class="group">';
        foreach ($posts as $post) {
            // 在这里输出帖子的内容
            echo '<div class="post">';
            echo '<h2>' . get_the_title($post->ID) . '</h2>';
            echo '<div>' . get_the_content($post->ID) . '</div>';
            echo '</div>';
        }
        echo '</div>';
    }
}

上述代码首先通过WP_Query获取所有的帖子,然后根据帖子的ID将其分组,每组包含3个帖子。最后通过嵌套的循环将帖子按组输出到各自的div中。

注意:以上示例是基于WordPress的PHP代码,需要在适当的地方使用自己的HTML和CSS来美化帖子的显示样式。

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

相关·内容

WordPress数据库介绍

wordpress数据库由数据库主机安排,然后将其放在Mysql服务器上,数据库主机视为可以使用特定地址(主机名)访问。您可以从数据库名称检索某些内容。...WordPress 版本生成以下核心数据库表: wp commentmeta - 每个评论都有称为元数据唯一信息,这些数据将在本节中提供。...wp帖子 - 在WordPress,“帖子”是您撰写以填充博客文章。本节存储该数据。页面和导航菜单项也存储在此处。...wp termmeta - 每个术语都有称为元数据唯一信息,这些数据将在本节中提供。 wp terms - 帖子和链接类别以及帖子标签都存储在此处。...wp术语关系 - 帖子wp_terms表类别和标签相关联,此关联在此处保留。 wp术语分类 - 此表描述wp_terms表条目的分类(类别,链接或标记)。

2.5K20
  • 优化WordPress性能高级指南

    这可能会导致不一致,特别是如果我们在代码中使用查询相关过滤器,因为你在页面不期望帖子可能会被该函数返回。 使用WP_Query类 在我看来,这是从数据库检索帖子最佳方式。...添加这两个参数禁用这些功能并加快查询速度: $query = new WP_Query( array( 'ignore_sticky_posts' => true, 'no_found_rows'...避免复杂参数化(Avoiding Complex Parameterization) 所有这些查询方法提供了各种各样提取帖子方法:类别(by categories),元键或值(by meta keys...在第一段代码,我们始终post发布日期获得最新突发新闻。 第二个,每当一个新post被定为突发新闻,它将覆盖以前突发新闻。 但是因为我们一次可能想要一个突发新闻,这不应该是一个问题。...最后,我们一个重型数据库查询(使用WP_Query元键)更改为简单直接查询(调用get_post()),这是一个更好和更有效方法。

    7.1K20

    快收藏SQL 查询优化技巧

    例如,pm2表((wp_postmeta),告诉我们是Using filesort,因为我们使用了 ORDER BY语句对结果进行了排序。如果我们要对查询结果进行分组,这将会给执行增加开销。...数据库用MySQL5.6及其以上版本打开,EXPLAIN结果可以用JSON格式输出,同时MySQL WorkbenchJSON转换成可视化执行语句: ?...它自动查询问题用颜色着重表示提醒用户去注意。我们可以马上看到,连接wp_woocommerce_software_licences(别名l)表有严重问题。...如果您有大量数据和许多不同自定义帖子类型,WordPress可能会在wp_posts表上减慢查询速度。...如果您发现查询帖子类型较慢,那么可以考虑从自定义帖子类型存储模型移动到自定义表格 - 更多内容将在后面的文章中介绍。

    4.8K50

    提升网站访问速度 SQL 查询优化技巧

    在这篇文章,我介绍如何识别导致性能出现问题查询,如何找出它们问题所在,以及快速修复这些问题和其他加快查询速度方法。...例如,pm2表((wp_postmeta),告诉我们是Using filesort,因为我们使用了 ORDER BY语句对结果进行了排序。如果我们要对查询结果进行分组,这将会给执行增加开销。...数据库用MySQL5.6及其以上版本打开,EXPLAIN结果可以用JSON格式输出,同时MySQL WorkbenchJSON转换成可视化执行语句: 它自动查询问题用颜色着重表示提醒用户去注意...如果您有大量数据和许多不同自定义帖子类型,WordPress可能会在wp_posts表上减慢查询速度。...如果您发现查询帖子类型较慢,那么可以考虑从自定义帖子类型存储模型移动到自定义表格 – 更多内容将在后面的文章中介绍。

    6K100

    WordPress缓存插件WP Fastest Cache插件使用教程

    但是,使用缓存系统,页面会呈现一次,然后存储为静态 HTML 文件,从而减少每个新访问者加载时间。   简而言之,缓存是站点某些资产存储在本地 PC 或浏览器等设备上能力,以便将来轻松访问。...这也更新 blogrolls(即在您主页或博客页面上)以显示新帖子。 更新帖子: 启用- 在更新帖子或页面时清除缓存文件。...Minify CSS : enable – 从 CSS 代码删除不必要字符以减小文件大小(Lighthouse 和 GTmetrix 高优先级项目)。同时在您 CDN 禁用。...API令牌   复制API令牌添加到WP Fastest Cache插件 CDN 选项“CDN by Cloudflare”。...在顶部 WordPress 菜单,转到 WPFC 并删除缓存和缩小 CSS。 如何将 Cloudflare 与 WP Fastest Cache 结合使用?

    6.6K30

    必备 SQL 查询优化技巧,提升网站访问速度

    在这篇文章,我介绍如何识别导致性能出现问题查询,如何找出它们问题所在,以及快速修复这些问题和其他加快查询速度方法。...例如,pm2表((wp_postmeta),告诉我们是Using filesort,因为我们使用了 ORDER BY语句对结果进行了排序。如果我们要对查询结果进行分组,这将会给执行增加开销。...数据库用MySQL5.6及其以上版本打开,EXPLAIN结果可以用JSON格式输出,同时MySQL WorkbenchJSON转换成可视化执行语句: 它自动查询问题用颜色着重表示提醒用户去注意...如果您有大量数据和许多不同自定义帖子类型,WordPress可能会在wp_posts表上减慢查询速度。...如果您发现查询帖子类型较慢,那么可以考虑从自定义帖子类型存储模型移动到自定义表格 - 更多内容将在后面的文章中介绍。

    4.8K80

    吧友们, 昨天「百度贴吧」还差一个用户界面, 代码都在这儿了...

    React,同时我们还需要从 react-dom 中导入渲染函数 render(),渲染函数会帮助我们根组件渲染到 HTML 文档某个元素。...你可能会发现到目前为止我们还没用过帖子序号 post.id,不要担心,我们马上就会用到它。 现在我们已经可以帖子列表组件 List 放在 App 组件中了。...然后我们帖子总数作为索引来迭代单独访问每个帖子。...这需要我们回到刚刚创建帖子组件 Post 中进行更改,首先我们必须明确此处更改要实现功能: 展示每个帖子好评数和差评数; 为用户分别添加处理好评投票和差评投票处理程序; 确定用户是否可以对帖子进行投票...List props 对象每个帖子好评数和差评数传递给每个帖子组件 Post : export class List extends Component { ...

    3.3K00

    校园论坛(Java)—— 数据报表模块

    数据报表各层设计 3、数据报表设计 3.1 数据报表主界面的实现 3.2 发表数Top5普通帖子 3.3 回帖数Top5普通帖子 3.4 发表数Top5学习专帖 3.5 回帖数Top5学习专帖...3、数据报表设计 数据报表主页实现子导航栏,普通用户实现4个数据报表展示,分别是发表数Top5普通帖子、回帖数Top5普通帖子、发表数Top5学习专帖、回帖数Top5学习专帖,而管理员用户在普通用户基础上额外实现...如下图所示: 3.2 发表数Top5普通帖子 此数据报表按照时间(年月)分组统计帖子发表数量 对于当前登录用户,年月作为区间,展示其所有发表普通帖子数量。...如下图所示: 3.3 回帖数Top5普通帖子 统计回帖数量前5帖子 从数据库获取到数据样例为:[Java,3,全流程调度,1] 第一个变量为帖子标题,第二个变量为回帖数量 如下图所示: 3.4...总结 数据报表使用是开源数据可视化图表库Echarts,数据库查询并不困难,主要是如何将统计结果输出给Echarts报表,这涉及到java代码在js如何使用,或者js代码如何在java引用两个问题

    87210

    Python爬虫实战之爬取百度贴吧帖子

    本篇目标 1.对百度贴吧任意帖子进行抓取 2.指定是否只抓取楼主发帖内容 3.抓取到内容分析并保存到文件 ? 1.URL格式的确定 首先,我们先观察一下百度贴吧任意一个帖子。...其中,有些帖子我们想指定给程序是否要只看楼主,所以我们把只看楼主参数初始化放在初始化上,即init方法。...另外,获取页面的方法我们需要知道一个参数就是帖子页码,所以这个参数指定我们放在该方法。...3.提取相关信息 1)提取帖子标题 首先,让我们提取帖子标题。...在浏览器审查元素,或者F12,查看页面源代码,我们找到标题所在代码段,可以发现这个标题HTML代码是 <h1 class="core_title_txt " title="纯原创我心中<em>的</em>NBA2014

    1.2K30

    技术| Python从零开始系列连载(三十一)

    本篇目标 1.对百度贴吧任意帖子进行抓取 2.指定是否只抓取楼主发帖内容 3.抓取到内容分析并保存到文件 1.URL格式的确定 首先,我们先观察一下百度贴吧任意一个帖子。...其中,有些帖子我们想指定给程序是否要只看楼主,所以我们把只看楼主参数初始化放在初始化上,即init方法。...另外,获取页面的方法我们需要知道一个参数就是帖子页码,所以这个参数指定我们放在该方法。...3.提取相关信息 1)提取帖子标题 首先,让我们提取帖子标题。...在浏览器审查元素,或者F12,查看页面源代码,我们找到标题所在代码段,可以发现这个标题HTML代码是 <h1 class="core_title_txt " title="纯原创我心中<em>的</em>NBA2014

    79041

    Sticky Posts Switch插件教程WordPress为分类添加置顶文章

    推荐:如何在Xampp安装PHP GD(GD Graphics Library)什么是置顶帖/文章?  置顶帖/文章与文章放在首页或广告牌上是一样。...这些帖子被称为粘性帖子,因为它们总是在网站首页上。在WordPress CMS称之为粘性帖子,因为您将帖子放在页面顶部。  ...Sticky Posts Switch插件教程WordPress为分类添加置顶文章 Sticky Posts Switch插件特点使您可以对首页、存档页面或类别页面上每个自定义帖子类型使用粘性帖子功能对自定义帖子类型快速和批量编辑支持选择帖子类型...(帖子或自定义帖子类型)选择开关图标的颜色显示开关图标的列自定义顺序仅使用内置WordPress功能星形图标开关立即使用 ajax 帖子保存为置顶状态可选地,帖子所有翻译设置为置顶,支持 Polylang...该插件还在WordPress仪表板帖子设置添加了一个星形图标。这使您无需打开内容编辑器即可快速将帖子置顶。  3、从WordPress管理面板前往帖子。现在可以单击星形图标使帖子置顶。

    5.5K20

    如何搭建 WordPress 博客

    DB 配置同步到 WordPress 配置文件,可参考下面的配置: 示例代码:/etc/wordpress/wp-config.php 菜单。 找到您创建页面,单击旁边复选框,单击“添加到菜单”,将其添加到列表。 添加和编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子功能。...您可以使用不同类别来分组帖子。 您需要做如下操作: 通过“帖子->类别”来创建新目录。 通过“帖子->新建”创建博客帖子。当您完成博客写作后,需要为其添加正确类别。...更改标题和标语 页面标题向搜索者解释了您网站内容。它们也是搜索引擎如何确定排名重要组成部分。您应该在网站每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress收集您最新帖子并开始在您主页上显示它们。

    7.5K3330

    如何搭建 WordPress 博客

    DB 配置同步到 WordPress 配置文件,可参考下面的配置: 示例代码:/etc/wordpress/wp-config.php 菜单。 找到您创建页面,单击旁边复选框,单击“添加到菜单”,将其添加到列表。 添加和编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子功能。...您可以使用不同类别来分组帖子。 您需要做如下操作: 通过“帖子->类别”来创建新目录。 通过“帖子->新建”创建博客帖子。当您完成博客写作后,需要为其添加正确类别。...更改标题和标语 页面标题向搜索者解释了您网站内容。它们也是搜索引擎如何确定排名重要组成部分。您应该在网站每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress收集您最新帖子并开始在您主页上显示它们。

    1.8K40

    腾讯云服务器搭建WordPress博客

    DB 配置同步到 WordPress 配置文件,可参考下面的配置: 示例代码:/etc/wordpress/wp-config.php 菜单。 找到您创建页面,单击旁边复选框,单击“添加到菜单”,将其添加到列表。 添加和编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子功能。...您可以使用不同类别来分组帖子。 您需要做如下操作: 通过“帖子->类别”来创建新目录。 通过“帖子->新建”创建博客帖子。当您完成博客写作后,需要为其添加正确类别。...更改标题和标语 页面标题向搜索者解释了您网站内容。它们也是搜索引擎如何确定排名重要组成部分。您应该在网站每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress收集您最新帖子并开始在您主页上显示它们。

    4.7K40

    腾讯云服务器搭建WordPress博客

    DB 配置同步到 WordPress 配置文件,可参考下面的配置: 示例代码:/etc/wordpress/wp-config.php 菜单。 找到您创建页面,单击旁边复选框,单击“添加到菜单”,将其添加到列表。 添加和编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子功能。...您可以使用不同类别来分组帖子。 您需要做如下操作: 通过“帖子->类别”来创建新目录。 通过“帖子->新建”创建博客帖子。当您完成博客写作后,需要为其添加正确类别。...更改标题和标语 页面标题向搜索者解释了您网站内容。它们也是搜索引擎如何确定排名重要组成部分。您应该在网站每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客首页(如果您整个网站不是博客)。如果您没有自己选择静态页面,WordPress收集您最新帖子并开始在您主页上显示它们。

    4.3K50

    WordPress 数据库详解

    名称让您对每个表负责存储内容有一个非常可靠概念。 此外,每个包含存储更多指定数据位各种字段和列。例如,wp_comments 表包含与您帖子和页面上用户评论相关所有数据。...此表存储术语分类关联。 wp_term_relationships 此表存储帖子、类别和标签之间关系。 与各自类别的链接关联 也保存在此表。...wp_termmeta 每个术语特征信息称为 元数据 ,它存储在 wp_termmeta wp_terms 帖子和链接类别以及帖子标签都可以在 wp_terms 表中找到。...wp_postmeta 每个帖子都包含称为 元数据信息,它存储在 wp_postmeta 。一些插件可能会将自己信息添加到此表。...让我们看一个相对简单 MySQL 查询示例: DELETE FROM wp_comments WHERE wp_comments.comment_approved = 'spam' 此查询通知数据库查看与用户发表评论相关所有数据

    5.2K40

    我用这9个小技巧封装Vue组件,老大都夸我’封得好‘

    对于插槽,可以直接在文本中使用标记,而不是在组件解析它。 3. 将该组件与触发它因素分组 有时有两个独立组件在某种情况下一起使用。...最好把它们放在一个新组件,这样重复使用和移动它们更容易。 一个常见例子是 Modal 组件。我们通常在点击一个特定按钮时显示Modal。...-- more props --> /> 我们需要花几秒钟时间来了解这里有哪些 props 与帖子(post )相关。但我们可以像这样把与帖子相关 props 分组,使之更加清晰。...例如,添加或删除与帖子相关props ,不需要我们更新组件 props 列表。 6. 赋予每个循环item,赋予自己状态 创建一个新组件一个很好理由是给一块用户界面提供它自己状态。...当所有的碎片被放在一个地方时,总是更容易理解代码--可以看到用户界面和它数据来自哪里。 有时,有多个组件使用同一个获取数据。在这种情况下,可以获取代码上移一级。

    85630
    领券