WordPress中创建一个简单的CRM:创建自定义字段

在本系列中,我们一直在研究如何在 wordpress 中创建简单的 crm 系统。在本系列的第一部分中,我们创建了一个注册“联系人”自定义帖子类型的 wordpress 插件,但我们尚未介绍如何存储联系人的其他信息。

创建自定义字段

WordPress 具有 add_meta_box() 函数,该函数允许插件和主题开发人员针对各种 WordPress 管理屏幕注册自定义元框。

WordPress 会注册一些自己的元框,以便在您创建帖子或页面时显示。例如,在页面上,您有页面属性元框:

WordPress中创建一个简单的CRM:创建自定义字段

让我们向联系人自定义帖子类型添加一个元框。打开您在本系列第一篇教程中创建的插件文件。然后,在插件的构造函数中,更新代码以匹配以下内容。这将我们的 register_meta_boxes() 函数注册到 add_meta_boxes 操作:

/*** Constructor. Called when plugin is initialised*/function __construct() {add_action( 'init', array( $this, 'register_custom_post_type' ) );add_action( 'add_meta_boxes', array( $this, 'register_meta_boxes' ) );     }

接下来,在我们的 register_meta_boxes() 函数中,我们添加对 add_meta_box() 的调用。这告诉 WordPress 我们需要一个名为 Contact Details 的元框,它由 output_meta_box() 函数呈现。在构造函数后添加以下代码:

/*** Registers a Meta Box on our Contact Custom Post Type, called 'Contact Details'*/function register_meta_boxes() {add_meta_box( 'contact-details', 'Contact Details', array( $this, 'output_meta_box' ), 'contact', 'normal', 'high' );}

最后,我们需要一个output_meta_box()函数,该函数是由上面的add_meta_box调用的。在register_meta_boxes()函数后添加以下代码:

/*** Output a Contact Details meta box** @param WP_Post $post WordPress Post object*/function output_meta_box($post) {}

让我们检查一下我们的联系人自定义帖子类型上是否出现了一个元框。转至联系人 > 添加新联系人

,在 WordPress 仪表板中创建新联系人。

如果所有内容都正确编写,您应该会看到类似于以下屏幕截图的内容:

WordPress中创建一个简单的CRM:创建自定义字段

使用字段填充元框

让我们继续向此元框添加一个电子邮件地址字段。将 output_meta_box 函数更改为以下代码:

/*** Output a Contact Details meta box** @param WP_Post $post WordPress Post object*/function output_meta_box( $post ) {// Output label and field    echo ( ''  );echo ( ''  );    }

保存您的插件代码,然后重新加载“添加联系人”屏幕。您应该会看到我们的新电子邮件地址字段出现在“联系方式详细信息”元框中:

WordPress中创建一个简单的CRM:创建自定义字段

保存自定义字段数据

我们还没有完全完成。我们需要告诉 WordPress 保存用户在该字段中输入的内容。在 WordPress 中,我们通过针对 save_post 操作注册一个函数来实现此目的。

与大多数操作一样,我们将在插件的构造函数中注册我们的操作:

/*** Constructor. Called when plugin is initialised*/function __construct() {add_action( 'init', array( $this, 'register_custom_post_type' ) );add_action( 'add_meta_boxes', array( $this, 'register_meta_boxes' ) ); add_action( 'save_post', array( $this, 'save_meta_boxes' ) );    }

接下来,让我们创建 save_meta_boxes() 函数:

/*** Saves the meta box field data** @param int $post_id Post ID*/function save_meta_boxes( $post_id ) {// Check this is the Contact Custom Post Typeif ( 'contact' != $_POST['post_type'] ) {return $post_id;}// Check the logged in user has permission to edit this postif ( ! current_user_can( 'edit_post', $post_id ) ) {return $post_id;}// OK to save meta data$email = sanitize_text_field( $_POST['contact_email'] );update_post_meta( $post_id, '_contact_email', $email );    }

此函数执行多个操作,因为 WordPress 和其他插件可以非常频繁地调用 save_post 操作(例如,当定期自动保存草稿或保存不同的帖子类型时)。我们需要确保仅在用户保存或更新联系人时才保存自定义字段数据。

如果我们要保存联系人,我们会清理电子邮件地址。来自 WordPress 法典:

检查无效的 UTF-8,将单个

简而言之,我们确保文本字符串中没有任何时髦的格式。

最后,我们使用 update_post_meta 将电子邮件地址存储在帖子元数据中。将帖子元视为附加到帖子的一系列键/值对。您可以根据自己的喜好选择任意数量。在我们的示例中,我们根据键 _contact_email 存储自定义字段的值。

读取自定义字段数据

创建新的联系人并输入电子邮件地址。保存新的联系人,您会发现电子邮件地址没有出现在字段中:

WordPress中创建一个简单的CRM:创建自定义字段

我们需要编辑 output_meta_box() 函数来读取 Post 元,并将其显示在输入字段中。将 output_meta_box() 函数更改为以下代码:

/*** Output a Contact Details meta box** @param WP_Post $post WordPress Post object*/function output_meta_box($post) {$email = get_post_meta( $post->ID, '_contact_email', true );// Output label and field    echo ( '' );echo ( '' );    }

我们使用 get_post_meta() 来获取给定帖子 ID 和元键组合的值。我们知道元键是 _contact_email,因为这就是我们在 update_post_meta()

中保存自定义字段值时使用的键

安全

提交和处理表单数据时,安全性极其重要。我们在保存数据时需要知道数据的来源是可信的。如果我们不能信任数据的来源,我们就不能存储它——数据可能会因试图利用错误或安全缺陷而受到损害或损坏。

WordPress 为我们提供了随机数(“使用一次的数字”),可以与表单数据一起发送。当我们的保存例程运行时,可以检查这个随机数,以确保它与我们期望的值匹配。

这有助于防止跨站点请求伪造 (CSRF) 攻击,即有人试图从不同的网站向我们的保存例程提交表单数据。

我们需要在上面的代码的两个地方添加安全性:

output_meta_box():向表单添加随机数save_meta_boxes():验证提交的随机数值

让我们编辑 output_meta_box() 函数,将其替换为以下代码:

/*** Output a Contact Details meta box** @param WP_Post $post WordPress Post object*/function output_meta_box($post) {    $email = get_post_meta( $post->ID, '_contact_email', true );// Add a nonce field so we can check for it later.wp_nonce_field( 'save_contact', 'contacts_nonce' );// Output label and fieldecho ( '' );echo ( '' );    }

这使用 wp_nonce_field() 生成一个名为 contacts_nonce 的隐藏字段,并执行名为 save_contact 的操作。它的价值是由WordPress产生的。

接下来,让我们在 save_meta_boxes() 中编辑保存例程:

/*** Saves the meta box field data** @param int $post_id Post ID*/function save_meta_boxes( $post_id ) {// Check if our nonce is set.if ( ! isset( $_POST['contacts_nonce'] ) ) {return $post_id;}// Verify that the nonce is valid.if ( ! wp_verify_nonce( $_POST['contacts_nonce'], 'save_contact' ) ) {return $post_id;}// Check this is the Contact Custom Post Typeif ( 'contact' != $_POST['post_type'] ) {return $post_id;}// Check the logged in user has permission to edit this postif ( ! current_user_can( 'edit_post', $post_id ) ) {return $post_id;}// OK to save meta data$email = sanitize_text_field( $_POST['contact_email'] );update_post_meta( $post_id, '_contact_email', $email );    }

这为我们的保存例程添加了两项检查:

检查我们的表单中是否设置了随机数字段。如果没有,请不要保存任何内容。检查随机数字段的值是否符合我们的预期。如果没有,请不要保存任何内容。

创建或编辑您的联系人,并确保电子邮件地址现已保存。

下一个…

在下一篇文章中,我们将使用高级自定义字段将自定义字段添加到我们的联系人自定义帖子类型中,从而使我们能够创建具有更广泛输入类型的丰富用户界面.

以上就是WordPress中创建一个简单的CRM:创建自定义字段的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1551321.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 21:36:12
下一篇 2025年12月21日 21:36:29

相关推荐

  • CSS 多列布局的适用场景是什么?

    CSS 多列布局的应用价值 问题: CSS 多列布局 (Multi-column Layout) 是否还有存在的价值? 答案: 是的,CSS 多列布局仍然有其独特的应用场景。 具体来说,多列布局在以下情况下会非常有用: 立即学习“前端免费学习笔记(深入)”; 小说阅读中的横向滚动: 对于小说等长文内…

    2025年12月24日
    000
  • 多列布局在现代 CSS 布局中还有用武之地吗?

    Multi-column Layout在现代CSS布局中的实用性 CSS中的多列布局(Multi-column Layout)曾经是一种常见的布局技术,用于创建多列文本布局。近年来,随着弹性盒布局(Flexbox)和网格布局(Grid)的广泛应用,多列布局似乎逐渐失去了昔日的光辉。那么,在现代CSS…

    2025年12月24日
    000
  • CSS多列布局,仍在用武之地吗?

    CSS多列布局Multi-column Layout:依然有其用武之地 虽然CSS网格布局(CSS Grid Layout)和弹性盒布局(Flexbox)已经成为现代网页布局的主流,但多列布局(Multi-column Layout)仍然在某些特定场景下拥有一席之地。 独特的使用场景 尽管在大多数情…

    2025年12月24日
    000
  • 现代网页设计中,CSS 多列布局是否依然实用?

    CSS多列布局:在现代网页设计中还有用武之地吗? CSS多列布局(Multi-column Layout)是一种将内容分成多列显示的技术。在早期的网络发展阶段,它曾经被广泛用于创建多栏式布局,但近年来随着响应式设计的兴起,其使用率有所下降。 它是否有自己独特的使用场景? 虽然多列布局在响应式设计中并…

    2025年12月24日
    000
  • 网页设计服务终极指南

    对于任何追求在线成功的企业来说,拥有一个迷人且实用的网站至关重要。在 Arham Web Works,我们了解创建网页设计的复杂性,不仅能吸引访问者,还能将他们转化为忠实的客户。我们的网页设计方法是全面的,将美学吸引力与无缝功能相结合。本指南将深入探讨网页设计服务的关键方面,展示为什么我们的专业知识…

    2025年12月24日
    200
  • html5如何编辑网站_HTML5网站编辑与在线修改技巧【教程】

    可通过五种轻量级方式在线编辑HTML5网站:一、浏览器开发者工具实时修改;二、在线编辑器上传协作;三、FTP客户端远程编辑;四、CMS后台嵌入HTML5模块;五、VS Code配Live Server本地调试。 如果您希望对现有的HTML5网站进行内容更新或样式调整,但不具备专业开发环境,可以通过多…

    2025年12月23日
    000
  • 使用jQuery动态调整iFrame尺寸:解决animate函数单位问题

    本教程将详细指导如何利用jQuery的`animate`函数实现点击按钮动态调整iFrame尺寸的功能。文章将深入探讨在设置尺寸时常见的单位缺失问题,并提供正确的解决方案,确保iFrame在不同设备视图(如桌面、平板、手机)间流畅切换,同时强调jQuery库的正确引入方法。 概述 在网页开发中,有时…

    2025年12月23日
    300
  • 使用jQuery动态调整iFrame尺寸的实用指南

    本教程旨在指导您如何通过点击按钮动态调整iframe的宽度和高度,以实现桌面、平板和移动设备预览效果。文章将深入探讨在使用jquery `animate()` 方法时指定css尺寸单位的重要性,并提供完整的html和javascript代码示例,帮助您解决常见的尺寸调整问题,确保功能在各种web环境…

    2025年12月23日
    000
  • WordPress Elementor 实现滚动时文本动态变化效果教程

    本教程详细介绍了如何在wordpress和elementor中实现类似neom官网的滚动时文本动态变化效果,即当用户滚动页面时,标题文本的尺寸、颜色和位置随之改变,并平滑过渡到下一部分的标题。文章将从elementor页面结构搭建、css样式定义、javascript逻辑编写三个核心步骤展开,并提供…

    2025年12月23日
    000
  • 使用jQuery实现iFrame动态尺寸调整:桌面、平板与移动视图切换教程

    本教程详细讲解如何利用jquery动态调整iframe的宽度和高度,以模拟不同设备(如桌面、平板和手机)的预览效果。核心在于使用`animate`方法时,必须为宽度和高度值明确指定css单位(例如”px”),并确保正确引入jquery库,从而解决尺寸调整不生效的问题。 引言:…

    2025年12月23日
    200
  • 动态调整iFrame尺寸的教程:响应式预览实现与常见陷阱规避

    本教程旨在指导开发者如何通过javascript和jquery实现按钮点击动态调整iframe尺寸的功能,从而创建响应式的网页预览。文章将详细阐述html结构、jquery动画逻辑,并着重强调在css属性动画中指定单位的重要性,以解决在不同环境中(如wordpress)可能遇到的尺寸设置失效问题,确…

    2025年12月23日
    000
  • WordPress/WooCommerce:为产品标题添加必填属性的专业指南

    本教程旨在指导您如何在wordpress后台为产品(或其他自定义文章类型)的标题字段添加必填属性。我们将探讨避免直接修改核心文件的重要性,并提供一个基于wordpress钩子和javascript的专业解决方案,实现客户端和服务器端双重验证,确保产品标题在发布前必须填写。 引言:为什么产品标题需要必…

    2025年12月23日
    000
  • 纯CSS修改含多元素按钮文本的技巧与局限性

    本文探讨了在无法直接编辑html代码的场景下,如何仅通过css视觉上修改包含多个子元素的按钮文本。核心方法是利用css隐藏原有文本,并通过伪元素插入新内容。文章同时强调了这种纯css方案在seo和可访问性方面的潜在局限性,提醒开发者在应用时需权衡利弊。 在现代网页开发中,尤其是在使用内容管理系统(如…

    2025年12月23日
    000
  • 纯CSS修改包含嵌套元素的按钮文本:WordPress环境下的技巧与考量

    本文介绍在无法直接编辑html的wordpress等受限环境中,如何仅通过css修改包含嵌套元素的按钮文本。核心策略是利用css将原有文本和部分子元素隐藏,然后通过:after伪元素插入新的可见文本。文章将详细阐述实现步骤、提供代码示例,并强调此方法在seo和可访问性方面的局限性,建议在必要时作为权…

    2025年12月23日
    000
  • CSS修改包含多元素按钮文本的技巧与局限性

    本文探讨在无法直接编辑html代码的场景下,如何仅通过css修改包含多个子元素的按钮文本。核心方法是利用`font-size: 0`隐藏原有文本,并通过`:after`伪元素插入新文本。文章将详细介绍这种css技巧的实现步骤,并着重分析其在可访问性(accessibility)和搜索引擎优化(seo…

    2025年12月23日
    000
  • 使用CSS修改包含多元素按钮的文本内容

    本文探讨了在无法直接编辑HTML代码(如WordPress环境)的情况下,如何仅通过CSS修改包含多个嵌套元素的按钮文本。针对传统`content`属性无法直接修改特定文本的问题,文章提出了一种通过隐藏原始文本、保留特定子元素并利用`::after`伪元素插入新文本的CSS解决方案,同时强调了该方法…

    2025年12月23日
    000
  • HTML Iframe嵌入内容显示异常:深度解析与解决方案

    本文旨在解决使用html iframe嵌入视频或图片时内容不显示的问题。核心原因在于父级容器的高度设置不当,特别是当采用`padding-bottom`实现响应式布局时,`height:0px`会阻止内容渲染。教程将详细分析问题根源,提供正确的css配置方法,并通过示例代码演示如何确保iframe内…

    2025年12月23日
    000
  • edit as html代码怎么运行_edit as html运行方法【教程】

    首先确认编辑器是否支持HTML模式,查找“Edit as HTML”选项并进入代码编辑区域;若无此功能需更换平台。输入标准HTML代码如测试,避免使用等高危标签。退出HTML模式后手动保存更改,并点击预览检查显示效果。若异常,重新检查标签闭合情况或使用浏览器开发者工具(F12)排查元素加载问题。 如…

    2025年12月23日
    000
  • WordPress ACF中利用PHP正确输出嵌套HTML结构以匹配CSS样式

    本文旨在指导如何在WordPress的Advanced Custom Fields (ACF) 中,通过PHP正确处理重复字段的输出,以生成精确匹配CSS样式所需的嵌套HTML结构。核心在于理解PHP的字符串拼接机制,将动态内容(如数字和详细描述)无缝集成到单个HTML元素(如包含“的`…

    2025年12月23日
    000
  • 为WordPress产品名称添加必填(Required)属性的教程

    本教程详细介绍了如何在wordpress中为产品名称字段添加html的`required`属性,从而强制用户在发布或更新产品时必须填写该字段。文章强调了避免直接修改wordpress核心文件的重要性,并提供了一种通过使用wordpress钩子(hooks)和自定义javascript代码来实现此功能…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信