根据官网的介绍,meta box是WordPress后台编辑界面上的一些功能框,比如编辑器、发布按钮、目录/Tag选择框等等都叫做meta box。...插件和主题可以通过使用add_meta_box()函数可以在 WordPress 后台的编辑区加入自定义meta box。...虽然说可以通过主题直接使用add_meta_box函数,但是更多的情况下还是在插件中来使用,比如注明的WordPress超级自定义字段插件:Advanced Custom Fields 。...本文的主角是一个叫做Meta Box的WordPress插件 Meta Box插件介绍 Meta Box是一个用来创建meta box的插件,不得不说这个名字起得真是有点太随意了,太大了,是一个失败的产品名字...除此之外 , 通过Meta Box提供的API,你也可以创建自己需要的特殊字段。 Meta Box还有很多丰富的高级扩展,结合起来使用,基本上可以实现各种需求。
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。...Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。...使用ajax技术的网页,通过在后台服务器进行少量的数据交换,就可以实现异步局部更新。 使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。...jQuery.ajax 纯JS原生实现Ajax我们不去讲解这里,直接使用jquery提供的,方便学习和使用,避免重复造轮子,有兴趣的同学可以去了解下JS原生XMLHttpRequest !...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。
Ajax的基础使用 简介:Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,...使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。...在以前没有ajax的时候,前后端的交互需要使用到,JSP,然后了JSP还是要由后端程序员来写,极大的提高了后端程序员的工作量,降低的开发效率。...有了ajax这种异步请求工具之后,后端程序员就不在需要使用到JSP了,前端的html页面可以通过ajax的异步请求与后端直接联系,这样前后端的分工就更加明确了。...我们通过一个例子来讲解ajax的使用吧。
在 WordPress 中,使用 WP_Query 进行文章查询是最常见的操作,学习好这方面的操作, WordPress 开发基本就学会了一半。...「WordPress果酱」将通过一系列教程讲解如何使用 WP_Query 进行 WordPress 文章查询。...我写这一系列文章的目的也是为了方便自己使用这些参数的时候方便查询,所以如果你也是经常进行 WordPress 二次开发的话,建议收藏本文。...只有一个内嵌 meta_query 数组参数的时候,不要使用该参数。 meta_query 还包含一个或者多个具有以下键值的数组: key (string) – 自定义字段的 key。...'meta_value' 参数的时候,值 99 将被视为大于 100,因为数据默认为“字符串”,而不是“数字”,如果是要对数字进行比较,请使用 'meta_value_num' 参数。
jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起...type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...通常在本地和远程的内容编码不同时使用。...的使用 $.ajax({ type : 'get', url : 'getCode.php', data : {'mobile' : phone}, dataType
概要 Ajax是“Asynchronous JavaScript and XML”的简称,即异步的JavaScript和XML。 readyState属性用来返回当前的请求状态,有五个可选值。...responseXML用来接收服务器的响应,以XML的形式存在,这个对象可以解析为一个DOM对象,进一步使用DOM的API更新客户端页面。...GET方式解析XML的AJAX js代码: var xmlHttp; //创建XMLHttpRequest对象 function createXMLHttpRequest() {...POST方式解析XML的AJAX js代码: var xmlHttp; //创建XMLHttpRequest对象 function createXMLHttpRequest(...POST方式解析文本的AJAX js代码: var xmlHttp; //创建XMLHttpRequest对象 function createXMLHttpRequest()
一、什么是Ajax Ajax 的全称是 Asynchronous JavaScript and XML(即异步的 JavaScript 和 XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术...二、Ajax的优缺点 1、优点: 通过异步模式,提升了用户体验 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 Ajax 引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载...2、缺点 不支持浏览器back按钮 安全问题,Ajax 暴露了与服务器交互的细节 对搜索引擎的支持比较弱 三、Ajax 的使用 -- 实现步骤 1、创建 XMLHttpRequest 对象,即创建一个异步调用对象...url:文件在服务器上的位置--------------必要参数 // async:true(异步)或 false(同步)----可选 // 以上参数使用时均要加上“” 3、设置响应 HTTP 请求状态变化的函数...(JSON) 6、使用 JavaScript 和 DOM 实现局部刷新 四、Ajax中的一些处理总结 1、服务器响应处理 responseText:获得字符串形式的响应数据 responseXML:获得
有时主题在提交评论后会刷新整个网页才可获取资源,别人家的都不是这样的,以下可以改善评论后无刷新即可获取资源。 在function.php文件加入以下代码 使用默认主题则无需修改 ?...>> meta"> ...的评论,将app.js和app.css放入其中。...将文件夹Ajax的评论放在主题根目录。 其中布局需要根据自身主题进行微调。
Meta标签放在每个网页的......Name主要用于描述网页, 对应于content, 以便于搜索引擎查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找Meta值来给你的网页分类)。...这其中最重要的是Description(你的站点在引擎上的描述)和keywords(搜索引擎籍以分类的关键词),应该给你的 "每一页" 都插入这两个meta值。...比较直接的例子如: 1、自动刷新,并指向新网页 meta http-equiv="refresh" content="10; url=http://yourlink">10秒后刷新到http:...meta还有很多功能, 如大家关心的"如何在搜索引擎中,被放在搜索结果前面的位置"(http://vancouver-webpages.com/vwbot/mk-metas.html).
前面我们介绍了 robots.txt 和在 WordPress 博客中如何使用,robots.txt 文件是用来限制整个站点或者目录的搜索引擎访问情况,如果要针对一个个具体的页面,怎么办呢?...其他支持的值:0:根据 max-image-preview 设置,最多只能使用一张静态图片。-1:没有限制。如果没有指定可解析的 [number],此指令会被忽略。...示例:meta name="robots" content="unavailable_after: 2020-09-21"> WordPress 中的应用 WordPress 5.7 之后,WordPress...另外如果站点不公开的话或者在 WordPress 搜索页面,WordPress 会在 robots meta 中输出 noindex 的指令。 WordPress 怎么实现的呢?...新的 wp_robots() 函数 WordPress 5.7 引进了用于输出 robots meta 标签的 wp_robots() 函数,WordPress 内核会在前台头部自动调用该方法,比如在
什么是ajax,作用是什么? AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。...jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。...jQuery Ajax本质就是 XMLHttpRequest,对他进行了封装,方便调用! 利用jQuery使用ajax 在项目中导入jQuery.js ? ?...src="statics/js/jquery-1.11.3.js"> function a1(){ $.ajax
Force SSL – 强行让浏览者使用 HTTPS 安全连接,为希望使用较高安全级别访问 WordPress 的用户提供方便。...SEO相关 Alexa Rank – 显示博客的Alexa全球排名。 All-in-One SEO Pack – 必备的SEO插件,可同时实现标题优化、生成meta描述和meta关键字。...Another WordPress Meta Plugin – 在日志中添加Meta标签和关键字,以优化搜索引擎。 Bad Behavior – 通过分析HTTP请求防止广告爬虫访问你的博客。...Head META Description – 根据你博客的内容为你的博客提供动态的 meta 描述。...Inline Ajax Page – 允许用户在查看某篇日志前获取其摘要。 Live WordPress – 监视浏览者在你博客上的一举一动。
即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据) 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求...AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是在不知不觉中完成请求和响应过程) 场景: ?...优点: AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 创建一个新的Django项目: 目录结构如下: ?...DOCTYPE html> meta charset="UTF-8"> Title meta charset="UTF-8"> Title <script
wordpress博客的自定义栏目使用非常泛,没有使用过自定义栏目的博友可以看看《WordPress 自定义字段 自定义域的使用方法》。...主题制作中往往会使用WP自定义字段实现一些功能,特别是在wordpress淘宝客模板中的使用,产品的价格、链接都可以通过自定义栏目使用。...默认的自定义字段使用方法是下拉菜单形式,对于经常使用的字段,每次都要下拉选择显然非常不方便,因此给WP主题添加自定义栏目面板显得非常有必要。....'" />'; } 三、创建自定义字段模块 下面代码将在文章编辑页添加自定义字段模块,这其中这用了WordPress的添加模块函数add_meta_box: function create_meta_box..._value', true)); } } 五、将函数连接到指定action(动作) 将函数连接到指定action(动作),以让WordPress程序执行我们之前编写的函数: add_action
DOCTYPE html> meta charset="UTF-8"> meta name="viewport" content="width=device-width..., initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> 登录 // 定义sub方法 function sub(){ // var定义name等于id为name的标签的值... console.log(name) console.log(age) // 发起Ajax请求 $.ajax({ url:'/ax.../', // 要提交到的网址或接口 data:{ // 要提交的数据 'csrfmiddlewaretoken': $.cookie('csrftoken'), // 防跨站请求伪造令牌
AJAX方式 js:界面 var prjContextPath=''; $(document).ready(function(){...//===============GET============================== $("#username").blur(function(){ $.ajax...//===============POST============================== $("#username").blur(function(){ $.ajax...串 String html = ""; if (flag) { html = "{\"success\":1,\"msg\":\"用户名,可以使用...\"}"; } else { html = "{\"success\":0,\"msg\":\"用户名,不可以使用!
如何删除WordPress后台标题后缀的方法?...‹ '.get_bloginfo('name');}2、去除登录标题中的“- WordPress”// 隐藏后台标题中的“WordPress”add_filter('login_title...仪表盘中的项目function remove_dashboard_meta() { remove_meta_box( 'dashboard_incoming_links', 'dashboard'..., 'normal' ); remove_meta_box( 'dashboard_plugins', 'dashboard', 'normal' ); remove_meta_box( '...remove_meta_box( 'dashboard_right_now', 'dashboard', 'normal' ); remove_meta_box( 'dashboard_activity
WordPress后台标题(title)默认后缀显示-WordPress,如果想隐藏这个后缀,可以将下面代码添加到当前主题functions.php中,即可删除这个后缀: 1.去除后台标题中的“- WordPress...WordPress相关的字样和图标 // 隐藏后台标题中的“WordPress” add_filter('login_title', 'zm_custom_login_title', 10, 2); function...仪表盘中的项目 function remove_dashboard_meta() { remove_meta_box( 'dashboard_incoming_links', 'dashboard',...', 'dashboard', 'side' ); remove_meta_box( 'dashboard_secondary', 'dashboard', 'normal' ); remove_meta_box...', 'side' ); remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' ); remove_meta_box
文章选项 文章选项创建有点不一样,首先要创建 meta box: 输入 meta box 的标题,ID,以及适用的文章类型,就可以一个文章的 meta box 了: 然后点击「添加字段」就可以给对应的...meta box 创建相关的字段了: 字段名必须英文名,字段的设置使用 shortcode 模式,具体可以参考:WPJAM 配置器字段使用说明。...最后创建的文章选项,在编辑页面,自动生成 meta box,如下所示: 自定义分类 使用配置创建自定义分类和创建自定义文章类型相似: 可以设置名称,分类,层次结构,支持的分类模式,和显示设置即可:...分类选项 WordPress 分类,标签或者自定义分类编辑页面没有 meta box,所以创建分类选项的时候,直接添加字段就好: 输入字段名,适用的分类模式,字段一样使用 shortcode 方式设置...文章隐藏 设置文章在列表⻚不显示,并且可以根据不同平台进行设置 Meta Data 可视化管理 WordPress Meta 数据,支持所有内置的 Meta 数据: Post Meta,Term Meta
领取专属 10元无门槛券
手把手带您无忧上云