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

一文详解 WordPress Shortcode 简码

WordPress Shortcode 指的是使用[]包含的简码或者短代码,WordPress 会识别这些代码并根据它们定义的回调函数输出为内容。...所有 Shortcode WordPress 系统定义了哪些 Shortcode,我们可以使用 WPJAM Basic 插件的「常用简码」扩展来查看,激活扩展之后,在 「WPJAM」菜单的「常用简码」子菜单中即可查看...进行处理 // 返回预期的值 } 然后把定义的 Shortcode 和其处理函数管理起来,以便 [mycode attr="value"]content[/mycode] 能够按照预期执行。...Shortcode 例子 以 WPJAM Basic 插件的常用简码扩展中 email 简码为例讲解一下,它将输入的 email 地址转义成 HTML 实体,防止 email 地址被机器识别,然后被抓取...) && has_shortcode($post->post_content, 'your-shortcode')){ wp_enqueue_script('whatever');//检测到有使用短码后需要做的事

1.7K20

纯代码实现WordPress文章设置隐藏内容公众号可见

网上找了一圈找到了龙笑天下博主写的一篇文章:WordPress 文章部分内容关注微信公众号后可见 可以实现文章设置部分内容隐藏,引流用户到公众号关注并回复关键字。...ok 最终效果 纯代码实现WordPress文章设置隐藏内容公众号可见 正文开始 此项目基于龙笑天下博客,教程大部分源自龙笑天下 1 核心代码 将以下代码放入 functions.php 中(钻芒修改版...): 注:将代码中二维码链接文字等介绍替换成自己的 /** * WordPress文章部分内容关注微信公众号后可见 * 钻芒博客移植美化www.zmki.cn 项目基于https://www.ilxtx.com...将以下代码放入 functions.php 中即可: 由于wordpress会自动转义文章里的代码造成冲突,请复制后删除下面代码中第6行的两个“把我删掉” // 后台文本编辑框中添加公众号隐藏简码按钮...4.2 微信公众号 这里以微信公众号为例(QQ 公众号同理),在微信公众号的“自动回复-关键字自动回复”中设置好关键字(对应上面代码中的 keyword)及验证码(对应上面代码中的 key)。

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress SEO:配置Yoast和添加内容目录

    WordPress网站在搜索引擎中获得好排名需要做的一切事情: 配置Yoast; Search Console; 研究长尾关键词; HTML网站内容导航。 这是我们可以在页面SEO上做的其中一些事情。...使用命名锚点获得跳转链接的机会 如何创建HTML目录 目录HTML看起来像这样…… href="/your-permalink/#item-one">第一点...网站管理员工具 注册Google Search Console 使用HTML标记验证选项 Search Console提供的复制代码 粘贴到Yoast中(SEO→常规→网站管理员工具) 删除引号以外的所有内容...(包括引号) 保存Yoast中的更改 在Search Console中点击验证 在Search Console中填充一些数据可能需要几天的时间 Bing + Yandex可以使用相同的HTML标记验证过程...如果你使用的是Genesis Framework,则可以使用Genesis Simple Edits插件将修改后的日期短代码添加到Genesis → Simple Edits下的“Entry Meta”

    1.4K10

    wordpress 主题,作者,版本信息的修改

    get_theme_data 函数分析 该函数将主题文件内的style.css文件中的主题相关信息(也就是每个wordpress的主题样式页头必须遵守的主题描述格式)通过数组返回,需要说明的是该函数没有默认参数...该函数能够返回的主题信息: 主题的URI Description–wordpress格式的主题描述内容 AuthorURI–主题作者的URI Template–主题的主模板名称(在wordpress中属于可选填的内容...) Version–主题版本 Status–主题状态(默认值:发布) Tags–主题标签 Author–主题作者名 例如:在style.css中写: /* Theme Name:青梅博客 Description...$theme_data['Version']; } 页面前台调用代码和最终的HTML输出如下所示 当然我们通过一些适当的修改还可以将我们的theme_version()函数改为短码调用(shortcode.../style.css'); return$theme_data['Version']; } 那么短码调用方式如下: [theme_version] 输出的html结果为:1.3

    67930

    WordPress短代码怎么在当前文章内引用评论

    强大的 WordPress 当然是可以做到的,自身自带函数就可以获取到相关信息 Demo 这里就不放了,我站点用不到,大概说一下实现的过程 使用自带函数,检索评论列表 get_comments( string...,直接贴代码,看注释 // 引用评论 function fa_insert_comments( $atts, $content = null ){ // 将输入的短代码的属性值和短代码默认属性值合并...comment-mixtapeEmbed">'; foreach ($fa_comments as $key => $fa_comment) { // 正则匹配获取评论中的链接...='href="'.$matches[0][0].'">'. $tmp ....在文章中调用: [fa_insert_comments] 或者 [fa_insert_comments id=666] 666 为文章ID,默认当前文章ID 前提是在5.0之前的编辑器中使用,5.0之后的是

    87510

    WordPress 添加音乐盒

    米扑重新上架音乐盒 2017.10.24 程序员节,米扑博客在网上重新搜集了许多适合WordPress的音乐盒,最后选定了 WP-Player WP-Player 官网:https://wordpress.org...WP-Player 参数配置 WordPress 插件的后台配置项很简单,几乎没有什么配置项 ?...并将复制的歌曲网址填写到后面你新建文章下方的表单内,音乐类型将根据网址自动做出选择。 4. 点击获取音乐ID按钮,此时音乐ID出现在表单中。 ? 5. 将短代码填入您的新建文章内容中。 1 href="javascript:;" class="wp-player-stop" title="暂停">href="javascript:;"...短代码中 autoplay 表示是否自动播放;参数”0″表示否;”1″表示是; 7. 短代码中 random 表示是否随机播放;参数”0″表示否;”1″表示是; 8.

    1.9K71

    让小程序和wordpress支持markdown

    html标签文本和mardown标记文本混在一起,是无法区分两者,因此在解析的时候都按html解析了。...由于微慕小程序是通过wordpress 的rest api获取文章内容的,在wordpress编辑文章保存的时候会自动加入p标签等html的标签,无法把里面的markdown标记区分出来,导致无法正确的解析...如果想在wordpress 文章里的局部内容来显示markdown用wp-html的markdown插件是无法实现的。...那么在wordpress里直接把markdown直接解析成HTML标签后后,在小程序里直接显示出来,是一种相对比较简单的方法,也可以同时兼容web端和小程序。...如果想在wordpress的文章的局部内容显示markdown,采用短代码是最简单的方式,只解析被短代码包围的markdown标记语言内容即可,其余的内容依然采用html标签。

    58320

    IT课程 HTML基础 011_文本

    应该将 h1 用作 唯一 的主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。 段落 段落元素用于定义文本的段落结构,使文本更有组织和可读性。...首先,我们需要使用 标签的 name 或 id 属性来标记目标位置,然后在链接的 href 属性中使用 # 加上目标的 name 或 id 值来创建链接。...通过在 href 属性值前面添加 mailto:,可以创建一个点击后会启动用户默认的邮件客户端,并创建一封新邮件的链接。...在 HTML 4 中, 标签必须包含斜杠; 在 HTML 5 中,斜杠是可选的。 加粗 元素是一种基本的文本样式标签,用于将文本设定为粗体,但没有强调文本的语义。...高亮 元素用于标记文本中的一部分,以便突出显示或标记这部分文本。通常,被 元素标记的文本会以黄色背景进行突出显示,以使其在文档中更为显眼。

    10110

    【学习图片】14.网站生成器、框架和内容管理系统

    虽然比起手动保存每张图片的交替剪辑并通过Squoosh.app这样的工具进行手工优化肯定是一种进步,但将图片压缩作为开发过程中的一个步骤也有一些限制。...例如,当作为显示图像的简码的一部分被调用时,这个插件将根据传递给夏普的配置选项输出HTML。...metadata, imageAttributes); } eleventyConfig.addAsyncShortcode("respimg", imageShortcode); }; 然后可以用这个短码来代替默认的图片语法...内容管理系统 WordPress是最早采用原生响应式图像标记的公司之一,自从在WordPress 4.4中引入了对WebP的支持和对输出mime类型的控制后,该API已经被逐步改进。...在没有任何关于图片在布局中如何使用的信息的情况下,WordPress目前默认的尺寸值实际上是说 "这个图片应该占据100%的可用视口,直到最大的源的固有尺寸"--这是一个可预测的默认值,但对于任何真实世界的应用来说

    91320

    HTTP协议

    \b在ASCII码中表示退格,有特殊的含义 在正则中也有特殊含义,匹配的是数字到非数字的边界("123!"匹配的是3和!...\r是将正则中的\变成\\ 8.浏览器-服务器工作流程 浏览器 发起资源请求;显示资源 DNS服务器 将域名转换为IP地址 web服务器 提供网页资源 图片视频音频 1....版本(现在使用的版本) 超文本就是超文本标记语言写的HTML HTTP协议是基于TCP实现的应用层协议 TCP/IP模型每一层的作用: 按照图片右侧的例子理解一下即可,了解,不需要死记硬背。...名称可以随便改 # Content-X头部一般都是标识后面的数据的属性 2.3.1HTTP响应报文格式总结 响应行[版本 状态码 说明\r\n] 响应头[名称 : 值\r\n] 空行...> 2.5 长连接和短连接 HTTP中基于TCP实现 短连接: 优点:管理多个连接 简单 容易实现 缺点:如果用户频繁操作,消耗大量的资源进行套接字的创建和销毁 由于在用户发起请求的时候才创建连接

    91220

    html锚点id属性和name属性

    刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过?。...最近对模板更新时用到了这一点,举例说一下 // a.html href="#one">点击跳转到第一个锚点 href="b.html#two">点击跳转到第二个锚点 // a.html...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。...同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"

    18610

    html锚点id属性和name属性

    刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过。...最近对模板更新时用到了这一点,举例说一下 复制代码 // a.html href="#one">点击跳转到第一个锚点 href="b.html#two">点击跳转到第二个锚点...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。...同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"

    38660

    前端开发基础教程-HTML教程和CSS教程

    前端开发基础教程-HTML教程 html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。...html是超文本标记语言,它是使用一套标记标签的语言用来描述网页的,html文档可以说是web网页。 标签:开始标签和结束标签 段落 案例: html> html> 段落 html> 元素定义了html文档的主体 html>元素定义了整个html文档 在html中的属性是为了给... 定义短的引用语 href="#">文字 href="#" target="_blank"> 标签描述了基本链接地址,蒂尼了所有链接标签的默认链接 的开发习惯;独立思考的能力;主动并且善于沟通 简书博客: 达叔小生 https://www.jianshu.com/u/c785ece603d1 结语 下面我将继续对 其他知识

    2.5K20
    领券