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

为Wordpress创建具有ajax和自定义帖子类型的loadmore?

为Wordpress创建具有ajax和自定义帖子类型的loadmore可以通过以下步骤实现:

  1. 首先,你需要在functions.php文件中注册一个自定义的Ajax处理函数。这个函数将处理loadmore按钮的点击事件,并返回更多的帖子内容。你可以使用wp_ajax_wp_ajax_nopriv_钩子来注册这个函数,分别用于已登录用户和未登录用户。
代码语言:txt
复制
// functions.php

// Ajax处理函数
function loadmore_ajax_handler() {
    // 获取传递的参数
    $offset = $_POST['offset'];
    $posts_per_page = $_POST['posts_per_page'];

    // 根据参数获取更多的帖子
    $args = array(
        'post_type' => 'your_custom_post_type',
        'posts_per_page' => $posts_per_page,
        'offset' => $offset
    );
    $query = new WP_Query($args);

    // 构建帖子内容的HTML
    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            // 输出帖子内容
            // ...
        }
    }

    wp_reset_postdata();

    die(); // 终止脚本执行
}

// 注册Ajax处理函数
add_action('wp_ajax_loadmore', 'loadmore_ajax_handler');
add_action('wp_ajax_nopriv_loadmore', 'loadmore_ajax_handler');
  1. 在你的主题模板文件中,添加一个loadmore按钮和一个用于显示帖子内容的容器。当点击loadmore按钮时,通过Ajax请求调用上述注册的处理函数,获取更多的帖子内容,并将其插入到帖子内容容器中。
代码语言:txt
复制
<!-- index.php 或其他模板文件 -->

<div id="posts-container">
    <!-- 显示初始的帖子内容 -->
    <?php
    $args = array(
        'post_type' => 'your_custom_post_type',
        'posts_per_page' => 5 // 初始显示的帖子数量
    );
    $query = new WP_Query($args);

    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            // 输出帖子内容
            // ...
        }
    }

    wp_reset_postdata();
    ?>
</div>

<button id="loadmore">加载更多</button>

<script>
jQuery(function($) {
    var offset = <?php echo $query->post_count; ?>; // 初始帖子数量
    var postsPerPage = 5; // 每次加载的帖子数量

    $('#loadmore').click(function() {
        $.ajax({
            url: '<?php echo admin_url('admin-ajax.php'); ?>',
            type: 'POST',
            data: {
                action: 'loadmore',
                offset: offset,
                posts_per_page: postsPerPage
            },
            success: function(response) {
                // 将返回的帖子内容插入到容器中
                $('#posts-container').append(response);

                // 更新偏移量
                offset += postsPerPage;
            }
        });
    });
});
</script>

以上代码中,your_custom_post_type需要替换为你自定义的帖子类型。你可以根据需要修改每次加载的帖子数量、按钮文本等。

这样,当点击loadmore按钮时,将通过Ajax请求调用loadmore_ajax_handler函数,获取更多的帖子内容,并将其插入到帖子内容容器中,实现了具有ajax和自定义帖子类型的loadmore功能。

注意:以上代码仅为示例,具体实现可能需要根据你的主题和需求进行适当调整。

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

相关·内容

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

在本文中,我们晓得博客将向您展示如何在WordPress类别添加置顶文章。 注意:Sticky Post仅适用于内置帖子类型帖子,不适用于自定义帖子类型。  ...如果您想确保人们阅读重要通知或帖子,请将其放在顶部。  同样,您可以使用置顶帖/文章子恢复旧博客帖子。定期创建内容可能具有挑战性。您可以恢复旧帖子并将其放置在您网站顶部,而不是创建新内容。...Sticky Posts是仅适用于帖子WordPress功能,使用此插件,您也可以将此功能与自定义帖子类型一起使用。...Sticky Posts Switch插件教程WordPress分类添加置顶文章 Sticky Posts Switch插件特点使您可以对首页、存档页面或类别页面上每个自定义帖子类型使用粘性帖子功能对自定义帖子类型快速批量编辑支持选择帖子类型...(帖子自定义帖子类型)选择开关图标的颜色显示开关图标的列自定义顺序仅使用内置WordPress功能星形图标开关立即使用 ajax帖子保存为置顶状态可选地,将帖子所有翻译设置置顶,支持 Polylang

5.5K20

wordpress 自定义类型文章新增自定义字段方法-文曦博客

wordpress强大之处在于有很强自定义性,使得插件、主题开发变得及其便利。就拿我们今天要说自定义文章添加自定义字段来说,就很便捷。         ...比如我们要录入一个客户信息到wordpress中,那么需要字段可不仅仅是什么标题、内容、摘要这么简单了,我们可能需要录入客户性别、姓名、电话、邮件等等。...又比如产品,需要额外产品价格、产品大小等属性,那么就需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单,下面我们以添加产品价格例进行说明。         ...吧         '产品价格',//字段名称,在表单上方显示         'product_director_meta_box',//回调函数         'product',//所添加文章类型...product_director_meta_box_nonce'], 'product_director_meta_box' ) ) {//主要是修改时,判断product_director_meta_box函数提交过来是不是之前一样

86430

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

使用相同示例,可以对帖子类型进行样式设置,以便博客具有特色图像然后是文本,员工可能包括图像社交链接,并且投资组合可能只显示图像集合(注意 – 这些只是演示如何发布示例类型通常有不同样式,这并不是说每个博客...默认情况下,WordPress 会自动使用您帖子前 55 个单词作为摘录,不过您可以在创建帖子自定义一个摘录。 Meta 不,我们不是在谈论 Facebook。...根据您 WordPress 主题(或页面构建器),侧边栏通常是左侧或右侧垂直列,尽管根据帖子类型或页面,某些设计可能具有两个侧边栏甚至自定义侧边栏。...这可以包括上传自定义徽标、选择主要网站强调色、创建菜单、添加小部件、自定义帖子类型设置等等。此部分可以在外观 > 自定义 WordPress 主仪表板中找到。...Page Builder(页面构建器) 页面构建器是一种 WordPress 网站创建自定义布局通用网页设计无代码方式。

7.1K20

5个最佳WordPress广告插件

任何广告——插入AdSense其他广告平台或创建您自己自定义广告。对于自定义广告,您可以使用图片、JavaScript、HTML等。广告轮播详细定位规则——按内容、用户类型、设备等进行定位。...主要特征:支持所有广告——您可以使用AdSense、Media.net、亚马逊其他广告平台。或者,您可以创建自己自定义广告(甚至可以使用TinyMCE编辑器创建广告)。...它具有内置支付支持(通过WooCommerce),广告商拥有自己前端仪表板来查看统计数据。忠诚客户折扣——多次购买广告买家提供折扣。...它具有自定义广告小部件,可在侧边栏其他小部件就绪区域显示广告。没有您在此列表中其他一些插件中找到许多高级功能。另一个限制是您一次最多只能保存10个广告代码。...最多支持10个广告代码,用于帖子特定位置随机化。地理定位:将广告限制在特定国家。设备定位:将广告限制在特定设备上。访问者定位:将广告限制在特定类型/访问者来源。

8.3K20

17个最佳WordPress画廊插件

我们已按画廊类型对其进行了细分,因此请继续阅读以了解更多有关为什么这些是用于视频多媒体,图像WordPress网格最佳WordPress画廊插件信息,以及它们如何支持提升您WordPress...这个WordPress画廊插件使您能够通过用户友好拖放式管理面板完全自定义播放器外观功能 ,或者使用设计中心视频画廊生成与品牌兼容外观。...媒体网格响应式产品组合 Media Grid是一个WordPress画廊插件,可实现无限创意。 该插件一键式设置提供了十种预设样式,或者设计您自己布局并混合媒体类型创建真正独特图库 。...这个WordPress图像库插件针对大型画廊进行了响应和优化,并且具有延迟加载画廊缓存功能,可确保移动桌面用户提供最佳观看体验。...网格 网格是一个WordPress画廊插件,允许您在完全可自定义网格系统中显示任何帖子类型(例如标准,音频,视频,社交流,画廊,链接或报价)。

7.8K31

CVE-2022-21661:通过 WORDPRESS SQL 注入暴露数据库信息

今年 10 月,我们收到了来自 GiaoHangTietKiem JSC ngocnb khuyenn 报告,涉及 WordPress SQL 注入漏洞。...首先,这是一个演示该漏洞快速视频: 漏洞 该漏洞发生在 WordPress Query ( WP_Query ) 类中。WP_Query对象用于对 WordPress 数据库执行自定义查询。...插件主题使用此对象来创建他们自定义帖子显示。  当插件使用易受攻击类时,就会出现该漏洞。一个这样插件是Elementor Custom Skin 。...对于这篇文章,我们针对 WordPress 5.8.1 版Elementor Custom Skin插件 3.1.3 版测试了该漏洞。...同样, Contact Form 7中文件上传漏洞插件也被检测被趋势科技传感器利用。在这种情况下,错误通过插件暴露,但存在于 WordPress 本身中。

3.9K10

201910个最佳WordPress画廊插件

团结画廊 Unite Gallery使您WordPress网站轻松创建漂亮图像视频画廊变得轻松。 它非常易于使用 ,而且您所有的画廊都具有充分响应能力移动友好性 。...您可以使用三种预览布局模式:经典,电影水平。 最后,它具有完全响应能力,因此您可以使用任何类型设备来吸引用户。...网格-响应式WordPress网格插件 网格非常适合显示您博客,投资组合,电子商务或任何类型WordPress帖子类型。 该插件支持图像,视频,音频,链接,图库报价。...您还可以从WooCommerce产品由第三方插件或主题创建自定义帖子类型中获取图像。 UberGrid非常易于使用,无需编码。...您它命名,可以自定义它。 您可以使用UberGrid展示您作品集 , 团队 , 产品 , 照片 , 博客帖子或其他可以用方形单元格显示内容。

4.6K51

WordPress 6.1 正式版已发布,最全新功能图文介绍

状态可见性面板现在称为摘要 摘要面板下永久链接模板选项 改进信息面板 站点图标将替换 WordPress 徽标 新首选项 在站点编辑器中创建更多模板 快速搜索使用模板部分 在站点编辑器中快速清除自定义...块编辑器改进 WordPress 用户大部分时间都在使用块编辑器他们网站创建帖子页面。 每个 WordPress 版本都对编辑器进行了大量改进。...这将允许用户更多块设置填充边距,并对设计布局进行更精细控制。它还将帮助用户在调整块填充边距时可视化更改。 改进边框选项 使用 WordPress 6.1,用户可以为更多块添加边框。...摘要面板下永久链接模板选项 固定链接模板选项在帖子设置下有自己面板。在 WordPress 6.1 中,这些面板合并在摘要面板下。...站点图标将替换 WordPress 徽标 如果您网站设置了站点图标,那么它将用作屏幕左上角查看帖子按钮。 新首选项 首选项面板现在包括两个新选项。

4.6K30

Wordpress邮件通知插件Notification使用小记

Notification是wordpress上一款功能强劲插件,可以实现wordpress各种事件邮件通知功能,更可以根据自己实际需求定制自己邮件通知内容,插件提供了很多短代码,能够很方便协助用户完成邮件模板创建...“发送至”字段通知以及在您网站上拥有WordPress帐户用户,即它们不适用于使用“ 发送到任意电子邮件”手动添加电子邮件地址 - 在。...仅限订阅附加组件) 发布/页面/自定义发布类型短代码 永久链接:[ permalink ] 帖子ID:[ID] 原帖帖子作者:[post_author] 发布日期:[post_date]...] 过滤后内容:[post_content_filtered] 后期父母:[post_parent] GUID:[guid] 菜单顺序:[menu_order] 帖子类型:[post_type...:[post_parent_permalink] 链接到帖子 作者档案:[author_link] 链接到帖子类型档案:[post_type_archive] 特色图片:[featured_image

2.1K20

Squarespace WordPress 区别

包含可自定义模板,这些模板采用最新 HTML、CSS Javascript 技术,还具有针对特定目的预先设计结构,例如联系人、关于、博客、投资组合、产品等。...支持通过我们内置自定义 CSS 编辑器任何站点实施自定义 CSS。 拥有与网站整体风格相匹配出色且独特移动桌面用户体验。...WordPress 可以通过提供完全自定义来管理任何类型网站。WordPress 使用插件网站添加更多功能,它免费您提供数千个插件。您可以通过 WordPress 轻松制作电子商务网站。...特点: WordPress 具有创建任何类型网站简单性灵活性,例如个人博客或网站、照片博客、商业网站、专业作品集、政府网站、杂志或新闻网站、在线社区,甚至是网站网络。 易于创建和维护文档。...灵活地创建您自己自定义帖子类型、分类法元数据。 优点: 为了向您网站添加不同功能,可以使用与该功能相关适当插件。

1.3K21

如何在 WordPress创建登录页面

登陆页面: 登陆页面是特定受众制定具有特定目标的目标页面,可以描述“一页一目的”。登陆页面必须有一个“号召性用语”,并牢记特定目标。...成功着陆页是具有更高转化率、更高参与度更高质量潜在客户页面。 根据你具体目标,有两种类型着陆页。它们如下: 潜在客户生成登录页面: 此登录页面的目标是业务收集潜在客户。...登陆页面是用户在点击广告或帖子后登陆页面,从而产生潜在客户转化。 使用 WordPress 创建登录页面 在本文中,我们将学习如何使用Elementor创建一个简单登录页面。...Elementor是一个页面构建器(可视化编辑器),用于开发漂亮页面网站。它具有拖放功能,可以轻松创建页面。 第 1 步:获取你 WordPress 网站 第一步是购买你域名主机。...第 4 步:自定义添加内容 根据你要求开始自定义页面。Elementor 带有拖放功能,可以很容易地自定义任何模板。完成所有更改后,单击 PUBLISH 保存所做更改。请详细查看可用选项。

2.7K21

The7 v.11.11.3 — WordPress 网站电子商务构建器

简介 The7 是迄今为止市场上可定制性最高WordPress、Elementor WooCommerce 主题。它为您提供其他主题无法比拟创作自由。...简单自定义帖子类型生成器 与许多其他主题一样,The7 始终投资组合、团队、客户等提供内置帖子类型。但是,如果您需要更改现有帖子类型或进行复制,该怎么办?...在新版本中,我们更进一步,创建了一个非常简单帖子类型生成器。现在,您可以编辑现有的或创建您自己帖子类型,并使用我们通用砌体、列表、网格轮播小部件显示它们。...此外,我们帖子类型与高级自定义字段 (ACF) 插件完全兼容。因此,可能性确实是无限。并且无需编码! 扩展 WooCommerce 集成 WooCommerce 是全球最受欢迎电子商务软件。...The7 将其提升到了一个全新水平。您网上商店不再需要与其他许多商店一样!您可以创建完全自定义店面、产品页面、产品列表、购物车、结帐等等!同样,这在其他 Elementor 主题中是不可用

10310

优化WordPress性能高级指南

WordPress可能很慢,那么你如何优化呢? 有关如何调整优化WordPress文章有很多。事实上,WordPress本身提供了一个强大WordPress优化指南。...获取帖子(Fetching Posts) WordPress提供从数据库中获取任何类型帖子(post)方法。...WordPress允许我们将-1表示该参数合理值,在这种情况下,系统将尝试获取满足定义条件所有帖子。 这不是一个好做法,即使我们确信我们只会得到一些结果作为回应。...: NULL; 正如你所看到,这种方法很简单,但并不是最佳。它将执行一个数据库查询,试图找到一个具有特定元键(meta key)帖子。...AJAXing the Fastest Way 如果我们需要通过AJAX与我们网站沟通,WordPress在处理服务器端请求时提供一些abstraction( offers some abstraction

7.1K20

如何创建一个简单 WordPress 插件

如何编写一个简单 WordPress插件 每个 WordPress 插件都有一个主文件,您可以手动创建或使用 Plugin Boilerplate 或 Pluginplate 等工具创建该主文件。...上面的代码将告诉 WordPress 插件名称以及版本、作者、许可证其他详细信息。您无需编辑任何内容。让我们进入下一步。...register_post_type( 'recipes', $args ); } add_action( 'init', 'hot_recipes_register_post_types' ); 上面的代码只是用一组选项注册了我们自定义帖子类型...它还添加了支持修订、自定义字段、摘录、评论、特色图像等功能。这些是您在添加新食谱时将在帖子编辑器中看到功能。 旁白:现在,作为初学者,我现在不会太担心语法,因为它超出了今天帖子范围。...接下来,单击 Upload Plugin按钮,从您计算机中选择您插件 ZIP 文件夹,然后单击Install Now: 接下来,激活插件: 现在,如果您检查您 WordPress 管理菜单,您会注意到我们新食谱帖子类型

85820

wordpress 5.8更新,支持webp

现在,您可以在整个站点小部件区域中添加块,也可以通过定制器进行实时预览。这创建内容开辟了新可能性:从无代码迷你布局到庞大核心第三方块库。...轻松显示来自特定类别的帖子,以执行诸如创建投资组合或包含您最喜欢食谱页面之类操作。把它想象成一个更复杂、更强大最新帖子块!此外,模式建议使创建具有所需设计帖子列表变得前所未有的轻松。...您可以将双色调效果视为黑白滤镜,但不是阴影黑色,高光白色,您可以为阴影高光选择自己颜色。在文档中还有更多关于它如何工作信息。...theme.json 引入全局样式全局设置 API:使用活动主题中 theme.json 文件控制编辑器设置、可用自定义工具样式块。此配置文件启用或禁用功能并为网站块设置默认样式。...添加额外块支持 扩展先前在 WordPress 5.6 5.7 中实现块支持 ,WordPress 5.8 引入了几个新块支持标志新选项来自定义您注册块。

2.2K10

盘点2020年wordpress常用50个插件合集-吐血推荐

9、Disable Gutenberg 选择禁用古腾堡,禁用古腾堡块编辑器,并还原“经典编辑器”原始“编辑帖子”屏幕。提供用于启用特定帖子类型,用户角色等选项。...20、PB SEO Friendly Images 选择PB SEO友好图像,该插件是SEO友好图片全功能解决方案。所有图像帖子缩略图优化“ alt”“ title”属性。...URLs 选择简单URL,简单网址是一个完整网址管理系统,可让您使用自定义帖子类型301重定向来创建,管理跟踪网站出站链接。...39、WP Statistics 选择WP统计,您站点定制完善WordPress分析统计工具! 40、WP Super Cache WP超级缓存,WordPress快速缓存插件。...功能有XML站点地图,自定义文章类型搜索引擎优化,博客或商业网站搜索引擎优化,电子商务网站搜索引擎优化,以及更多。年以来近5000万下载。

5.4K10

WordPress 6.0 正式版发布 版本详细讲解

探索更多简化内容创建过程方法,包括: 跨多个块选择文本以便于复制粘贴。 键入两个左括号` [[` 以快速访问最近帖子页面列表。...当您将某些块从一种类型转换为另一种类型时(例如,从段落块转换为代码块),请保留现有样式。 创建自定义按钮,您制作任何新按钮都将自动保留样式自定义。...更多模板选择 WordPress 6.0 包括五个用于块主题新模板选项:作者、日期、类别、标签分类。这些附加模板内容创建者提供了更大灵活性。...在组块中一次控制一组块间隙、边距、排版等。 在堆栈、行组变体之间切换以定位具有更大布局灵活性块组。 使用图库块中间隙支持功能来创建不同外观 – 从添加所有图像之间间距,到完全消除间距。...性能团队工作组是核心开发团队一个重要关注领域。 增强可访问性 可访问性是 WordPress 培养包容性社区支持世界各地所有类型用户使命一个组成部分。

1.6K40
领券