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

如何将meta box添加到特定页面?

将meta box添加到特定页面可以通过以下步骤实现:

  1. 创建一个自定义函数,用于注册和显示meta box。可以使用WordPress提供的add_meta_box函数来实现。该函数需要传入以下参数:
    • meta box的ID:一个唯一的标识符,用于区分不同的meta box。
    • meta box的标题:在编辑页面上显示的标题。
    • meta box的回调函数:用于渲染和显示meta box的内容。
    • meta box所属的页面:指定将meta box添加到哪个页面上。
    • 例如,以下代码将在ID为"page"的页面上添加一个名为"Custom Meta Box"的meta box:
    • 例如,以下代码将在ID为"page"的页面上添加一个名为"Custom Meta Box"的meta box:
  • 创建一个回调函数,用于渲染和显示meta box的内容。该函数需要传入以下参数:
    • meta box的ID:与注册时的ID保持一致。
    • 当前页面的post对象:可以使用该对象获取和设置meta box的值。
    • 例如,以下代码将在meta box中显示一个文本输入框:
    • 例如,以下代码将在meta box中显示一个文本输入框:
  • 创建一个保存meta box值的函数,用于将用户输入的值保存到数据库中。该函数需要传入以下参数:
    • post的ID:当前页面的ID。
    • post对象:当前页面的post对象。
    • 例如,以下代码将保存用户输入的值到名为"custom_meta_key"的meta key中:
    • 例如,以下代码将保存用户输入的值到名为"custom_meta_key"的meta key中:
  • 将上述函数与相应的WordPress钩子函数关联起来,以确保它们在适当的时机被调用。例如,可以使用以下代码将上述函数与"add_meta_boxes"和"save_post"钩子函数关联起来:
  • 将上述函数与相应的WordPress钩子函数关联起来,以确保它们在适当的时机被调用。例如,可以使用以下代码将上述函数与"add_meta_boxes"和"save_post"钩子函数关联起来:
  • 第一个钩子函数"add_meta_boxes"用于在编辑页面加载时注册meta box,第二个钩子函数"save_post"用于在页面保存时保存meta box的值。

完成上述步骤后,你就成功地将meta box添加到特定页面了。用户在编辑该页面时,将会看到你定义的meta box,并且可以在其中输入和保存自定义的数据。

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

相关·内容

WordPress 技巧:给 WordPress Page 添加摘要输入框

SEO 一个方面就是给页面添加 Meta Description,虽然添加 Description 不会更改页面的权重,但是在 Google 等现代搜索引擎的搜索结果页面会直接使用 Description...我一般是使用 WordPress 的摘要直接作为 Meta Description 进行 SEO,但是默认情况下 WordPress Page 编辑页面没有摘要(Excerpt)输入框,所以对 WordPress...这个时候我们就可以通过以下代码给我 WordPress Page 添加摘要输入框: add_action( 'admin_menu', 'my_page_excerpt_meta_box' );...function my_page_excerpt_meta_box() { add_meta_box( 'postexcerpt', __('Excerpt'), 'post_excerpt_meta_box...', 'page', 'normal', 'core' ); } 只需将以上的代码添加到当前主题的 functions.php 文件即可。

35820
  • Laravel-添加后台模板AdminLte的实现方法

    AdminLTE是一个很棒的单纯的由 HTML 和 CSS 构建的后台模板,在这片文章中,我将讲述如何将 AdminLTE 和 Laravel 优雅的整合在一起,而且我们可以通过 Bower 来及时的更新和管理...DOCTYPE html <html <head <meta charset="utf-8" <meta http-equiv="X-UA-Compatible" content="IE=edge...-- AdminLTE App -- <script src="/admin-lte/dist/js/app.min.js" </script </body </html 项目中的其他页面就可以继承使用...-- Box1 -- <div class="<em>box</em> <em>box</em>-primary" <div class="<em>box</em>-header with-border" <h3 class="<em>box</em>-title...</form </div </div </div </div </section </div @stop 想要使用admin-lte自带的任何样式,直接复制那部分的<em>页面</em>代码粘贴到需要的位置即可

    2.7K41

    JavaScript DOM基础

    1.节点 加载HTML页面时,Web浏览器生成一个树型结构,用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。...                                                body                   子节点1                             meta...head标签是html子标签,meta和title标签之间是兄弟关系。如果把每个标签当作一个节点的话,那么这些节点组合成了一棵节点树。 PS:后面我们经常把标签称作为元素,是一个意思。...getAttribute() 获取特定元素节点属性的值 setAttribute() 设置特定元素节点属性的值 removeAttribute() 移除特定元素节点属性 1.getElementById... false 只克隆标签 box.appendChild(clone);//添加到子节点列表末尾 8.removeChild()方法 removeChild()方法可以把 box.parentNode.removeChild

    1.4K90

    针对CSS说一说|技术点评

    DOCTYPE html> <...:focus,将样式添加到被选中的元素中 :hover,当光标悬浮在页面对象上方时,向页面对象添加样式 :link,将样式添加到未被访问过的链接中 :visited,将样式添加到被访问过的链接中 :first-child...,将特殊的样式添加到页面对象的第一个子元素中 :lang,允许设计者定义指定的页面中所使用的语言 文字字号 font-size属性的作用改变字体的大小。...修饰页面文本和页面背景的属性 background,将背景属性设置在一个声明中 background-color,设置页面对象的背景颜色 background-image,引用图像,将其设置为背景 background-repeat...| padding-box | content-box background-clip: border-box | padding-box | content-box background-size:

    1.2K20

    怎么添加网站到谷歌站长工具(Google Search Console)

    今天这篇文章,就来个大家讲讲如何将网站添加到谷歌 站长工具.打开谷歌站长工具,添加网站打开 谷歌搜索‘google search console’,点击进入谷歌站长工具官网,当进入谷歌 官网之后,需要我们选择添加资源类型...WordPress网站添加Meta tag验证代码WordPress添加验证代码到网站header部分有很多种方式,最直接简单的方法就是直接进入header.php文件,将meta代码添加到...Headers and Footers’插件并且激活,激活成功后,后台左侧菜单栏就会出现Code Snippets选项菜单,选择Code Snippets –> Header & Footer, 将Meta...这样我们的网站就会成功添加到谷歌站长工具。总结当我们的网站刚开始添加成功后,谷歌站长工具还没有数据。需要等待一天左右的时间才可以展示数据。...并且谷歌站长还有很多实用的功能,比如提交按网站地图,网站新页面,删除不需要要收录的页面。合理的使用谷歌 站长工具可以高效地进行SEO工作。

    63410

    Yoast seo插件详细使用初步教程

    二.Yoast SEO Meta box(元盒)介绍 在日常的优化过程中,Meta box是我们使用次数最多的向导,Meta box主要可以帮助我们两个方面。...meta box出现在WordPress编辑器的下面(它的确切位置取决于您的其他插件和主题)。如果你正在使用新的WordPress block编辑器,你也可以在右边栏找到它。...3.General-Webmaster Tools  关联主流的搜索引擎,这个一般用,我们手动添加到搜索引擎。...为内容禁止和开启索引(一般我们需要开启,如果禁止的话,那么谷歌会noindex这些页面),但是一些page页面我们可以Noindex掉。我们还要开启网站的面包屑导航。帮助搜索引擎更好的抓取我们的页面。...批量编辑器 这个工具允许您快速地更改文章和页面的标题和描述,而不必进入每个页面的编辑器。

    2.9K20

    WordPress 自定义文章类型(Post Type)终极指南

    WordPress 里面内置了两种常用的 Post Type :Post(文章)、Page(页面),分别用来展示两种类型的内容,一种是相对动态的文章,另一种是相对固定的页面。...那么就需要添加自定义 Meta BoxMeta Box 可以在文章发表页面中添加自定义的表单,编写文章的时候可以填写额外的信息然后在前端调用出来。...自定义 Meta Box 需要用到 add_meta_box 函数: add_meta_box( $id, $title, $callback, $post_type, $context,$priority...我们注册一个 Meta Box : add_action( 'add_meta_boxes', 'movie_director' ); function movie_director() { add_meta_box..., 'movie_director_save_meta_box' ); function movie_director_save_meta_box($post_id){ // 安全检查

    2.9K20

    移动端常见问题解决方案

    一、特殊样式 css3盒子模型 box-sizing:border-box; -webkit-box-sizing:border-boxx 清除点击高亮,设置transparent 完成透明 -webkit-tap-highlight-color...function () { autoResize() } })() 样式初始化css: normalize.css – 官网下载 normalize.css – github 三、meta...标签设置 适应移动端 不对网站进行缓存 多核浏览器,优先使用最新版本的IE 和 Chrome 内核 添加到主屏幕时隐藏地址栏和状态栏(即全屏) 当我们将一个网页添加到主屏幕时,会更希望它能有像 App...添加到主屏幕时设置系统顶栏颜色 当我们将一个网页添加到主屏幕时,还可以对系统显示手机信号、时间、电池的顶部状态栏 颜色进行设置,前提是开启了: 有了这个前提,你可以通过下面的方式来进行定义: content...否则页面会回到顶部!

    1.2K10
    领券