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

如何让wordpress编辑器支持HTML标签"oembed“

要让WordPress编辑器支持HTML标签"oembed",可以按照以下步骤进行操作:

  1. 确保你使用的是最新版本的WordPress。WordPress经常发布更新,包括对编辑器的改进和修复。因此,确保你的WordPress版本是最新的,以获得最佳的功能和兼容性。
  2. 安装并激活插件。为了让WordPress编辑器支持"oembed"标签,你可以使用插件来实现。以下是一些常用的插件选项:
    • EmbedPress:这个插件可以让你在WordPress编辑器中嵌入各种内容,包括视频、音频、社交媒体帖子等。你可以在WordPress插件目录中搜索并安装EmbedPress插件。
    • oEmbed Plus:这个插件可以扩展WordPress的oEmbed功能,使其支持更多的嵌入内容。你可以在WordPress插件目录中搜索并安装oEmbed Plus插件。
  • 配置插件设置。安装并激活插件后,你需要根据插件的说明进行配置。通常,你可以在WordPress后台的插件设置页面找到相关选项。确保启用了"oembed"标签的支持,并根据需要进行其他设置。
  • 在编辑器中使用"oembed"标签。一旦插件配置完成,你就可以在WordPress编辑器中使用"oembed"标签了。在编辑器中,选择插入媒体或插入内容的选项,然后粘贴你要嵌入的"oembed"标签代码。保存并预览文章,你应该能够看到嵌入的内容正常显示。

请注意,以上步骤提供的是一种常见的方法,具体步骤可能因插件的不同而有所变化。建议在使用插件之前阅读插件的文档或说明,以确保正确配置和使用插件。

关于"oembed"标签的概念,它是一种用于在网页上嵌入外部内容的标准化方法。通过使用"oembed"标签,你可以轻松地在WordPress文章中嵌入来自其他网站的内容,如视频、音频、社交媒体帖子等。这样可以丰富你的文章内容,提供更好的用户体验。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云数据库(TencentDB):https://cloud.tencent.com/product/cdb
  • 腾讯云人工智能(AI):https://cloud.tencent.com/product/ai
  • 腾讯云物联网(IoT):https://cloud.tencent.com/product/iot
  • 腾讯云区块链(Blockchain):https://cloud.tencent.com/product/baas
  • 腾讯云音视频处理(VOD):https://cloud.tencent.com/product/vod
  • 腾讯云云原生应用平台(TKE):https://cloud.tencent.com/product/tke

请注意,以上链接仅供参考,具体产品选择应根据实际需求和情况进行评估。

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

相关·内容

  • 如何旧浏览器支持HTML5新标签

    HTML5学堂:开发永远和理论不相同,一旦考虑IE低端浏览器,所有的HTML5新增功能都成了浮云~~~从HTML5新增标签的语义角度来说,是有利于网站SEO的,那么如果在高端浏览器中使用了新元素,应当如何低端浏览器兼容呢...如何旧浏览器支持HTML5新增标签 HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,...自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“旧版浏览器”的,在此和大家共享一下,如何旧浏览器支持HTML5新增标签。 书写的基本的HML代码: 旧浏览器支持HTML5新增标签-独行冰海 ...具体步骤 其实,旧浏览器支持HTML5新增标签,听上去很难,操作起来很简单,只需要你懂DOM操作就足够了。 首先我们使用js进行标签的创建,为HTML文件创建我们需要的这几个HTML5标签

    1.6K70

    WordPress 技巧:为评论模块增加更多 HTML 标签支持

    WordPress 原生的评论模块内容,支持使用 HTML 标签来增强评论内容的格式和效果。...但是这肯定会带来一些安全隐患,特别是评论这种随便一个浏览者都可以提交数据的地方,容易产生跨站攻击(XSS),所以 WordPress 系统严格的限制了评论模块可以使用的 HTML 标签。...本文就是来讲解如何在评论模块中增加更多 HTML 标签支持。...WordPress 允许的标签和属性 WordPress 出于安全考虑,严格的限制了文章和评论等可编辑内容支持HTML 标签类型和标签的属性。... WordPress 评论支持更多标签的方法 思路很简单,先按照上面的格式,声明一个标签信息数组,然后 hook 勾到 WordPress 上面。

    1.4K20

    WordPress 在RSS 中Feed 输出支持“More”标签

    如果你的主题支持“more”标签,在写文章的时候加上“more”标签,首页就可以截断显示。“more”标签截断文章的意义在于能够随心所欲,想断就断(汗,越写越废~)。...但是在RSS 中输出feed 的时候却不支持“More”标签。这么一来,要么全文输出feed,白白流失流量;要么摘要输出feed ,文章惨不忍睹。Jeff 今天决定要解决这个问题。...丢入到主题的functions.php 文件去: //在RSS 中Feed 输出支持“More”标签 devework.com function dw_readmore_rss( $content ){...在RSS Feed 中输出版权信息》的代码结合了一下,如下: //在RSS 中Feed 输出支持“More”标签 devework.com function dw_readmore_rss( $content...在RSS Feed 中输出自定义特色图像(缩略图) WordPress RSS Feed 优化/设置技巧六则

    1.3K50

    使用 WordPress 的 Easy Embeds 功能

    这样是不是很 Cool,这个就是 WordPress 的 Easy Embeds 的功能,你直接发布一个 URL(需要单独一行,纯文本,不带链接才行),就能把这个 URL 中的视频显示到博客上,并且会根据博客的布局调整视频的大小...oEmbed 设计出来是为了嵌入媒体网站的内容的时候避免复制和粘贴 HTML 代码,它支持视频,图片,文本等等更多。 oEmbed Discovery 什么是 oEmbed discovery?...WordPress 默认是关闭直接嵌入支持 oEmbed discovery 网站的内容,这样做也是为了防止一些网站可能存在恶意代码的风险,但是如果你能保证你引用网站,那么你可以通过以下代码开启 WordPress...add_filter( 'embed_oembed_discover', '__return_true' ); 如何支持更多的网站 添加支持 oEmbed 协议的网站 只需要去调用 wp_oembed_add_provider...函数去产生 HTML

    67720

    WordPress 4.0 发布:更好的媒体管理和插件查找

    WordPress 4.0 正式版发布,这次更新带来了更好的媒体管理,oEmbed 也变得更容易,体验更佳,插件搜索更精确,当然内容管理也变得更佳轻松。...使用 oEmbed 变得异常容易 在空行中贴入一个 YouTube 的链接,它就会神奇变成嵌入的可播放视频,同样可以试下贴入一条 Tweet,是的,oEmbed 使用变得更加可视化,后台编辑器可以直接显示你嵌入内容的真实预览...另外 WordPress 默认也尽量增加 oEmbed 支持的服务,不过大部分都是国外的网站,你可以点击这里看看目前 WordPress 支持oEmbed 服务列表。...专注内容编辑 现在在后台编辑器撰写内容更加顺滑和身临其境,编辑器会随着你的写作,自动扩展高度来适应你的内容,并且保证格式工具任何时候都是可用。...更精准找到你要的插件 WorPress 插件目录已经有 3 万多个免费开源的插件,为了你更加容易和精确的找到自己想要的插件,WordPress 4.0 通过改进搜索,展示插件的一些新的指标,和更多的可视化浏览体验来帮你优化

    35530

    WordPress 文章 Embed 功能及如何屏蔽

    上一篇我们介绍了 WordPress 的 Easy Embeds 功能,它可以你直接输入一个视频或者其他媒体网站 URL,这个 URL 里面含有的视频或者媒体就自动显示出来。...WordPress 文章 Embed 功能 除了视频和这些媒体网站之外,WordPress 还能插入自己博客或者会其他 WordPress 博客的文章链接,然后以卡片模式显示: https://blog.wpjam.com...这个功能在引用自己博客的其他文章或者其他博客文章的时候,非常方便,并且效果可视化,读者一目了然。...Embed 效果: https://jam.wpweixin.com/project/wpjam-basic/embed/ 如果博客文章嵌入没有效果,查看一下后台「WPJAM」子菜单「优化设置」中「增强优化」标签页中...'); remove_action('wp_head', 'wp_oembed_add_host_js');

    55840

    禁用 WordPress Auto Embeds 功能,加快页面解析速度

    WordPress 的 Easy Embeds 功能 这个就是 WordPress 的 Easy Embeds 的功能,可以让我们直接发布一个 URL(需要单独一行,纯文本,不带链接才行),就能把这个...在文章中直接输入这个 TED 地址: https://www.ted.com/talks/matt_mullenweg_why_working_from_home_is_good_for_business WordPress...就会自动把这个 URL 转化成 TED 对应页面的视频: 如果你是用 WordPress 古腾堡编辑器,那么在古腾堡编辑器可以看到目前支持的自动嵌入服务: 点击上图的按钮,点击对应的按钮: 输入链接...,然后点击潜入,也可以一键嵌入: 禁用 WordPress Auto Embeds 功能 从腾堡编辑器默认的潜入按钮, WordPress Easy Embeds 支持的自动嵌入网站大部分都是国外的网站...,对于我们用处也不大,如果我们想禁用 Auto Embeds (oEmbed) 功能怎么办呢?

    1.2K20

    程序员最喜欢用的在线代码编译器,什么?你竟然不知道!可以在网页敲代码,运行调试!

    2.网址 https://www.tutorialspoint.com/codingground.htm 它其实并不单单是一个在线编译器,上面还包括了在线终端,在线编辑器,在线 IDE 等,它的代码块也可以内嵌到网页中...而且上面集成了 CentOS 的在线终端,可以很方便的你使用 Linux 环境。在这里练习 Linux 下的各种命令、各种操作,还是极好的。 ? 3....支持创建三个免费模板, 有很优秀的外嵌体验。在 WordPress 或 Reddit 等支持 oEmbed 的平台上,只要简单地把链接贴入编辑框,发布后会自动转为嵌入作品。 ?...6.网址:http://jsrun.net/ 支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试。 更新:已经失效,请使用他的哥哥?...*7 7.网址:https://jsfiddle.net/ 可在线编译运行 HTML、CSS、JavaScript代码片段。

    2.7K30

    视频播放插件Typembed

    插件简介 Typembed 是为 Typecho 添加对在线视频支持的一款插件(支持手机、平板等设备HTML5播放)。...目前支持优酷、搜狐视频、土豆、56、腾讯视频、新浪视频、酷6、华数、乐视 等网站。 与 WordPress 支持oembed 可以无缝切换,换博客系统也不用担心内容不一致。...你可以直接粘贴视频播放页完整的URL到编辑器(单独一行),就可以加载视频播放器(不能在编辑器里实时渲染,文章发布之后可以看到效果)。 插件安装 下载 Typembed 文件....使用方法 你可以直接粘贴视频播放页完整的URL到编辑器(单独一行),就可以加载视频播放器(不能在编辑器里实时渲染,文章发布之后可以看到效果)。.../cover/t/tyeqdw6rof7t5ow/p0015kjlai9.html http://v.qq.com/cover/k/kl2zy755pnehxi3.html?

    1.1K30

    Embedly:一个 API 就能嵌入 100 多个网站的资源

    我前面就介绍过 oEmbed 协议,oEmbed 是一种站点 A (比如你的博客)向站点 B (比如 YouTube)去请求嵌入内容(比如视频)的 HTML 代码的协议。...但是每个服务的代码都不同,这样使得你嵌入多个服务的内容的时候变得非常麻烦,这个时候 Embedly 出现了,Embedly 是一个免费的 API 服务,它能通过一个简单的 API 帮你嵌入 100 多个支持...通过一个简单的调用,它可以包含一个或者多个链接,支持视频,图片和富文本。...Embedly 已经有一个 WordPress 插件,因为 WordPress 从 2.9 开始已经有了 Embed 支持框架,但是支持的网站有限,所以这个插件很好的扩展了 WordPress 的 Embed

    84620
    领券