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

在单独的页面上向Wordpress主题添加第二个循环

在单独的页面上向WordPress主题添加第二个循环,可以通过以下步骤实现:

  1. 创建一个新的页面模板:首先,在你的主题文件夹中创建一个新的页面模板文件,可以将其命名为custom-template.php(自定义名称)。这个文件将作为你添加第二个循环的页面模板。
  2. 在页面模板中添加第二个循环:打开custom-template.php文件,并在其中添加以下代码来创建第二个循环:
代码语言:php
复制
<?php
/*
Template Name: Custom Template
*/
get_header(); // 获取页面头部

// 第一个循环
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();
        // 显示页面内容
        the_content();
    }
}

// 第二个循环
$args = array(
    'post_type' => 'post', // 文章类型
    'posts_per_page' => 5, // 每页显示的文章数量
    'offset' => 5 // 跳过的文章数量
);

$second_query = new WP_Query( $args );

if ( $second_query->have_posts() ) {
    while ( $second_query->have_posts() ) {
        $second_query->the_post();
        // 显示第二个循环的文章内容
        the_title();
        the_excerpt();
    }
}

get_footer(); // 获取页面底部
?>

在上述代码中,我们首先通过get_header()获取页面的头部,然后使用第一个循环来显示页面的内容。接下来,我们使用WP_Query创建了一个新的查询对象$second_query,并通过设置post_typeposts_per_pageoffset参数来定义第二个循环的查询条件。在第二个循环中,我们使用the_title()the_excerpt()来显示文章的标题和摘要。最后,我们通过get_footer()获取页面的底部。

  1. 创建新页面并应用页面模板:登录到WordPress后台,创建一个新的页面,并在页面属性中选择刚才创建的自定义模板Custom Template。保存页面并发布。

现在,你的新页面将会显示第一个循环的内容,并在页面底部添加第二个循环的文章列表。你可以根据需要自定义第二个循环的查询条件和显示方式。

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

相关·内容

如何在 WordPress 中创建登录页面

点击登陆面: 这种登陆电商、课程、SaaS 公司中比较常见。 登陆面和主页之间区别:登陆面与主页不同。...登陆面是用户点击广告或帖子后登陆页面,从而产生潜在客户和转化。 使用 WordPress 创建登录页面 本文中,我们将学习如何使用Elementor创建一个简单登录页面。...从托管平台控制面板安装 WordPress。登录到你 WordPress 帐户,这将打开你仪表板。 第 2 步:添加新插件 在你网站上安装 StarterTemplates 插件。...该插件使用 Elementor、Beaver Builder、Brizy 和 WordPress 默认编辑器 Gutenberg 等页面构建器,可以将许多漂亮预建网站模板作为单独页面模板访问。...完成所有更改后,单击 PUBLISH 保存所做更改。请详细查看可用选项。 你可以根据你内容编辑页面并添加适当图像。如果你面上不需要它,你也可以删除它。

2.8K21

WordPress 5.9 增强了懒加载性能

WordPress 5.5 版本实现了图片延迟加载(懒加载),然后 5.7 版中扩展到 iframe 中,WordPress 5.9 版本又对延迟加载实现进行了一些微调以提高性能。...WordPress 主题很多,所以页面的布局也是千变万化,页面的第一屏到底有几张图片没有统一答案,但是 WordPress 官方基于 50 个最流行 WordPress 主题做了分析测试,简单通过不给第一张图或者...这里解释一下“内容图像或 iframe”意思,它指的是 WordPress循环中所有文章中内容中图片和 iframe,以及文章特色图片。...文章详情和列表都适用,文章详情,当前文章第一个图片和 iframe 不是懒加载,而在文章列表,则所有文章第一个图片和 iframe 不是懒加载,如果第一个文章没图和 iframe,...例如,列表使用三列布局主题就可以利用过滤器将列表页面上该阈值修改为 3,这会让前三个内容图片/iframe 不会被懒加载: add_filter('wp_omit_loading_attr_threshold

72520

WPJAM Basic一键式全站优化插件WordPress

提供 WordPress 目前基于 开发基础WPJAM Basic 有近10个免费插件 除此之外,WPJAM Basic 还支持多达12个扩展,可以根据自己需要选择开放:扩展简介 不同面上设置不同文章列表数量...百度统计自动添加统计代码 Google 分析代码。 百度站长支持主动、被动、自动、批量百度站长提交链接。 移动主题为移动设备设置单独主题,以及PC移动主题在环境中配置。...SMTP 发信简单配置可以让 WordPress 使用 SMTP 发邮件。 添加 通常使用短代码list table 等常用短代码,并在后台列出所有系统所有短代码。...Rewrite 优化 清理无用 Rewrite 代码和添加自定义 rewrite 代码。 文章类型转换器文章类型转换器可以各种文章类型中转换文章。...文章编辑页面可以单独设置自定义文章代码Head 和 Footer 代码。

86630

WordPress主题开发基础:Body 类指南

您是一位有抱负WordPress主题设计师吗,正在寻找主题中使用CSS新方法? 幸运是,WordPress会自动添加您可以主题中使用CSS类。...Body类(body_class)是WordPress函数,可让您将CSS类分配给body元素。 HTML正文标签通常从主题header.php文件开始,该文件会加载到每个页面上。...这使您可以动态地找出用户正在查看页面,然后相应地添加CSS类。 通常,大多数入门主题和框架已经HTML body标签内包含了body类功能。...例如,如果您在存档页面上WordPress将自动将存档类添加到body元素。它几乎针对每个页面都执行此操作。...您展示特定用例场景之前,我们将您展示如何使用过滤器添加body类,以便每个人都可以同一面上

2.1K20

WordPress主题制作(七):制作基础模板Index.php

>" class="button right">阅读全文 添加文章循环 当完成上面的操作后,我们就可以首页看到一篇文章了,但显然不是我们想要效果,我们需要显示更多内容给读者,所以我们需要显示更多文章...,而这件事并不需要我们手动执行,我们只需要进行文章循环输出即可, 文章标题前增加 现在会不会比较清晰了呢,目前我们首页只会显示一(文章数量取决于你在后台设置每页可显示文章数量。) 添加文章分页 你已经看到,每页只能显示部分文章,要想看下一,就需要添加分页。...sidebar.php WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单模板single.php 计划: WordPress主题制作(九)...:制作评论区模板comments.php 计划: WordPress主题制作(十):制作单(非文章)模板page.php 计划: WordPress主题制作(十一):制作静态首页front-page.php

70260

WordPress标签聚合页优化思路分享

最近子凡给泪雪网做了非常多技术优化,而所有的技术优化都是为了给 WordPress 网站各个页面得到更好 SEO 优化,那么今天来给大家分享一下我是怎么针对 WordPress 标签聚合页面做...SEO 优化,由于实际操作设计修改 WordPress 主题 tag.php 文件和其它代码,所以子凡这里就只能分享一个优化思路,给大家一个参考。...首先标签聚合页面的优化能够给网站带来非常不错排名,但是想要做好一个聚合页面确实需要好好折腾一番,毕竟搜索引擎喜欢聚合页面肯定不是空旷一个标签,那么作为标签就得需要有足够内容,百度已经有相关算法针对短缺页面...1、给 WordPress 标签添加关键词、描述,有开发能力还可以添加标签图片; 2、给 WordPress 标签页面文章列表做增强添加,例如在 WordPress 列表循环中判断标签有内容后,但是不够当前页面的内容时...简而言之就是需要给 WordPress 后台标签添加一个关键词字段,便于在后台单独给标签页面设置关键词,然后标签页面的结果还可以通过标签本身和给标签设置关键词来自定义搜索完善标签页面的文章列表。

56210

一文详解 WordPress 文章特色图片或缩略图功能

现在绝大多数 WordPress 主题,特别是那些杂志型主题,比如 Autumn Pro,都会给每篇文章加上一张缩略图,一般会在首页或者其他列表时候,使用这种展现方式,缩略图可能单独出现,或者和文章摘要一起... WordPress 2.9 之前,WordPress 没有提供一个标准方法去实现文章缩略图,很多主题都是使用 WordPress 自定义字段来实现文章缩略图功能,这样设置比较复杂。...,下面这些函数应该在 WordPress 循环中使用。...index.php 或者 home.php(取决主题结构)中循环添加如下代码: 在当前主题 single.php (也是主循环中)添加如下代码: <?php the_post_thumbnail( 'single-post-thumbnail' ); ?

1.4K10

如何使用 CAPTCHA 保护您 WordPress 网站

他们能: 使网站网络崩溃 分发恶意软件 伤害搜索引擎优化 较低流量 威胁要索取赎金 博客评论部分发送垃圾邮件 窃取个人信息 WordPress CAPTCHA 让黑客和垃圾邮件机器人远离,尤其是暴力攻击方面...除了登录页面之外,还可以将 CAPTCHA 添加到您网站上多个位置。 您甚至可能希望将多个 CAPTCHA 添加到同一面。 与您使用其他工具集成,例如博客评论部分或联系表格。...那将带你到 这一. reCAPTCHA 类型下,选择第二个选项 reCAPTCHA v2,然后选择“我不是机器人”复选框。 您还需要填写标签和域部分,然后选中服务条款框。 完成后单击提交。...将它们复制并粘贴到 WordPress 插件设置页面上相应框中。 启用表单旁边,选择您想要 WordPress CAPTCHA 测试位置。...页面下方,您可以进行更多调整,例如自定义错误消息、选择浅色或深色主题以及为登录用户隐藏 CAPTCHA。 而已! 检查您网站以确保 CAPTCHA 框位于它们应有的位置。

3.5K00

WPJAM「网址导航」:最轻便快捷网址导航插件

首先说明一下,这是一个 WordPress 插件,理论上兼容所有的 WordPress 主题,但不能保证 100%, Autumn Pro 主题上是保证可以,这是建立 Autumn Pro 上面的演示...,安装成功之后,你在后台可以看到如下界面: 快速创建导航链接 在网址导航后台列表可以分步骤快速添加一个导航网址,点击新建按钮直接弹窗: 输入导航标题,摘要和图标之后,点击下一步: 这时候选择类型...快速编辑和排序 上面的分步操作,也可以列表支持快速操作,所以你可以列表直接修改标题,图标,类型和链接等等,非常快捷方便。...分组样式和排序 导航分组就是面上把网址导航分门别类显示,为了显示方便,我把分组强制设置为两级。...新建分组页面,可以轻易猜到,分组就是 WordPress 自定义分类实现: 相比之下,它多了一个图标,目前支持 WordPress Dashicons,输入 Dashicons 名称即可。

2.4K40

不到50行代码就能实现一个 WordPress 主题选项框架

使用 WPJAM Basic 进行 WordPRess 二次开发可以非常快,我们接很多项目,客户需求清晰情况下,基本上一个晚上就可以搞定后台界面的开发,很多客户对此都会感到非常惊讶,对我们评价非常高...一般来说新人接触 WordPress 开发,最早肯定是想自己做一个 WordPress 主题,而做 WordPress 主题,在后台做一个设置选项页面,然后主题中调用这些选项是最繁琐。...现在网上有很多这方面适合二次开发选项框架(Option Framework),所以我把 Sweet 主题这部分代码单独整理成一个文件,然后只需要修改或者增加设置选项字段,和其他一些名字即可直接使用...首先在自己开发主题中引入该文件,假设我们把它放到主题 inc 目录下,那么主题 functions.php 文件增加引入代码如下: include TEMPLATEPATH.'...然后第二个标签,简单罗列了常用几种表单字段: 标签名字和这些字段如何修改也非常简单,相关代码 get_sections 方法中: public static function get_sections

26140

10个WordPressquery_posts语句使用技巧

Query_posts语句是WordPress最实用语句之一。 正是query_posts作用下,WordPressLoop循环才能够调用并显示所有文章内容。...Query_posts中说到: query_posts函数仅用于修改主页循环(Loop),而不是一种面上生成次级循环手段。...循环循环上使用query_posts会导致主循环运行偏差,并可能在页面上显示出你不希望看到内 容。 最恰当方法是使用query查询类。 <?...WordPress 2.9引入了以评论数量多寡给文章排序功能,这样就可以更方便地访客显示最受欢迎文章….不过这里为了使用query_posts,我们假设一下不使用WordPress这个功能。...不显示某些文章(隐藏重复内容) 最后这个方法曾经WebLogToolsCollection上出现过。 其原理是当用户某一个页面上使用多个WordPress循环时,用代码阻止重复内容被链接。

71190

WordPress 主题教程 #5b:日志内容

日志内容是从零开始创建 WordPress 主题系列教程第五篇第二部分,在这篇中,我们将展示如果显示博客日志内容,并且使用一个 DIV 标签把博客日志内容和日志标题区分开。...再次强调一次,上一篇关于 WordPress循环介绍课程非常重要,你需要彻底明白之后才能继续学习。 下面开始这篇课程。...首先还是打开 XAMPP,“tutorial”主题文件夹,浏览器并在浏览器地址栏输入:http://localhost/wordpress,最后打开 index.php。...注意这些代码是不依赖具体 WordPress 主题,我们应该自己这些文本和图片进行编码和样式化。 还有,有没有注意到我圈出开启和关闭P标签。...但是不能重复任何 id,比如,不能在同一面上有两个 id="header" 。当你想一遍又一遍重新利用一些东西如日志标题,那么请使用 class。

81180

WordPress SEO 宝典:让你博客流量增长10倍

WordPress,我们可以给任何页面都添加 Meta Description,个人建议只需要给首页和文章添加即可。...H1 H2 H3 等标签使用 首先一个页面只有一个 H1 标签,页面上最重要标题给予 H1 标签,所以首页或者列表中,网站标题采用 H1 标签,而在文章,文章标题采用 H1 标签,网站标题使用...DIV,WordPress 默认主题就是这么设置。...如果你首页或者其他分类这样列表中输出了全文,你可以使用动态修改 WordPress Heading 标签这个技巧来使得标签更加语义化。...提供免费服务和产品,比如提供免费 WordPress 主题给人下载,用的人越多,你获取链接越多。

71820

WordPress主题制作(四):制作头部模板header.php

我们可以提取这部分相似的代码,放到一个单独文件header.php中,各个页面想用这部分代码时候再用WordPressget_header()包含进去就可以达到所有页面头部内容一致,不再需要给每个页面都写一次这部分代码了...>" /> 添加wp_head 有些插件需要在网页头部执行一些类如添加一些js或css动作,要让这些插件能够正常工作,也让你主题有更好兼容性,你应该添加wp_head()函数。...打开header.php,之前添加以下代码即可: 添加Description 和 Keywords 之前添加以下代码: <?...WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单模板single.php 计划: WordPress主题制作(九):制作评论区模板comments.php...计划: WordPress主题制作(十):制作单(非文章)模板page.php 计划: WordPress主题制作(十一):制作静态首页front-page.php 计划: WordPress主题制作

1.2K20

Genesis框架从入门到精通(2):什么是动作?

具有相同优先级动作(action)将按出现顺序来执行,WordPress核心代码,插件,框架文件,主题fucntion文件,主题模板文件加载。我将在下一篇文章中更详细地讨论这个问题。...例如,如果你不想在页面上显示评论表单,那么你尽可以执行移除评论表单操作,不管这个网页是不是页面类型,即使这个表单只能在单个页面上加载。 还有一个需要注意地方。...我不打算再次贴上所有代码,但如果你不想来回点击,我会在这里放一些相关代码片段。 注意看下,代码将被添加到主循环内(genesis_before_post是主循环第一个钩子)。...如果像个变量相同,条件为真,那么我将“hook”钩子被触发从而运行function_1代码,但我不希望触发第二个钩子“hook_2”,所以我必须删除它,即使function_1代码没有被添加情况下...第二个条件中,变量不同,条件为假,那么“hook_2”钩子被触发,function_1会被添加,但必须将其从“hook”钩子中删掉,因为它可能在先前已经被添加过了或可能没有先添加过。

73120

WordPress自定义新建多区域widget小工具调用

由于部分主题作者并不喜欢写很详细,WordPress主题全局居然只有页脚小工具调用和一个全局侧边栏区域调用。不知道是用为懒惰还是真的用不上还是不注重用户体验,这一方面国内主题作者要做很好。...so我们想要在首页调用一种小工具侧边栏,但是也想要在文章单独调用一种侧边栏。自己动手,丰衣足食。...首先新建小工具内容区域,将下边代码添加主题functions.php内if (function_exists('register_sidebar')) {register_sidebar(array...('name' => '文章小工具区域','id' => 'widgetized-area','description' => '这里是小工具描述.'));}创建好之后便是需要调用此小工具区域添加调用函数...>示例如下:图片效果演示:图片参考文章:WordPress多区域添加widget小工具: blog.onlygrape.com/wordpress%EF%BC%8Dwidget/839

1K20

优化WordPress性能高级指南

然后,当我循环这些帖子时只处理那些不在$posts_to_exclude数组里。...第一段代码中,我们将始终按post发布日期获得最新突发新闻。 第二个,每当一个新post被定为突发新闻,它将覆盖以前突发新闻。 但是因为我们一次可能想要一个突发新闻,这不应该是一个问题。...一些全缓存插件包含一个持久缓存插件(例如W3 Total Cache),但其他没有,我们需要单独安装。...原因是为了使用这些机制,我们有义务位于wp-admin文件夹内某个文件发出请求。...然而,WordPress通过其各种API提供了所有必要功能,可以帮助我们构建更多性能更好插件和主题,而不会影响整体平台速度。

7.1K20

Hexo + Github Pages博客搭建教程

慢慢,我感受到了WordPress站点臃肿,由于我站点原因,做并不是单独博客站点,所有的文章展示方面不友好。所以萌生了搭建一个单独博客想法。 为什么选择hexo?...Hexo是一个快速、简洁且高效博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,几秒之内,即可利用靓丽主题生成静态网页。 很久之前就知道有这个博客框架,一直没有去体验过。...scaffolds scaffolds就是脚手架意思,这里放了三个模板文件,分别是新添加博客文章(posts)、新添加博客(page)和新添加草稿(draft)目标样式。...themes 放置主题文件包地方。Hexo会根据这个文件来生成静态页面。 初始状态下只有landscape一个文件夹,后续我们可以添加自己喜欢。...cover_img:     # 文章摘要上显示feature_img:   # 文章详细页面上置顶description:   # 文章描述keywords:      # 关键字 valine

89540

WordPress主题开发,从入门到精通。

2.get_template_part get_template_part( slug,  name = null, 要将此功能与主题目录中子文件夹一起使用,只需 slug 之前添加文件夹名称即可。...6.edit_form_after_title WordPress撰写文章页面添加一段提示标语功能。...(script) 6.文章相关函数 这些函数需要在循环中工作,因为它们需要全局 post 对象,WordPress 循环会自动设置这个 post 对象。...这意味着登录到后台用户需要有相应职能才能够看到这里添加菜单选项。 如果你主题或者插件有一个选项,合理 控制对该页访问时非常重要。...例如,如果有一个主题选项,你需要使用edit_themes这个职能(capability),如果是一个插件选项,就需要使用edit_plugins职能。

10.5K40

WordPress主题制作(八):制作文章单模板single.php

> 到这里我们已经基本完成了,但我们还没有调取文章,所以文章现在仍然没有内容。 文章标题前加上一句 然后结尾我们还需要加上当没有文章时,将没有文章信息告知用户 <?php endif; ?...WordPress主题: 9 / 14 WordPress主题制作:开始前准备 WordPress主题制作(一):主题文件结构 WordPress主题制作(二):模板和模板文件 WordPress主题制作...sidebar.php WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单模板single.php 计划: WordPress主题制作(九)...计划: WordPress主题制作(十二):创建您自己小工具 计划: WordPress主题制作(十三):创建后台主题选项 本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息

92720
领券