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

添加og:图片在Wordpress Gutenberg中

在WordPress Gutenberg中,添加og:image是为了在社交媒体平台上正确显示网页的缩略图。og:image是Open Graph协议的一部分,它允许网页在被分享到社交媒体时显示自定义的缩略图。

具体操作步骤如下:

  1. 在WordPress后台,选择编辑你想要添加og:image的页面或文章。
  2. 在编辑器中,找到“文档”选项卡,然后点击“摘要”。
  3. 在摘要设置中,你可以看到一个名为“特色图像”的选项。点击“设置特色图像”按钮。
  4. 在弹出的媒体库中,你可以选择上传新的图片或从媒体库中选择一张图片作为缩略图。
  5. 选择好图片后,点击“设置特色图像”按钮,图片将被设置为文章的特色图像。
  6. 现在,你可以在社交媒体平台上分享这篇文章,它们将正确显示你设置的缩略图。

添加og:image的优势是可以提升文章在社交媒体上的曝光度和吸引力,吸引更多的用户点击和分享。它可以让你的文章在社交媒体上以更美观和有吸引力的方式展示。

适用场景包括但不限于:

  • 博客文章分享:当你在WordPress上写博客并分享到社交媒体时,添加og:image可以让你的博客在社交媒体上以更好的形式展示,吸引更多读者点击和分享。
  • 网站首页分享:如果你的网站有一个首页,你可以为首页设置一个特色图像,当用户分享你的网站链接时,可以展示你自定义的缩略图,增加网站的曝光度和吸引力。

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

  • 腾讯云对象存储(COS):腾讯云对象存储(COS)是一种安全、低成本、高可靠的云存储服务,适用于存储大量非结构化数据,如图片、音视频等。链接地址:https://cloud.tencent.com/product/cos
  • 腾讯云内容分发网络(CDN):腾讯云内容分发网络(CDN)可以加速网站内容的传输,提高用户访问网站的速度和体验。链接地址:https://cloud.tencent.com/product/cdn
  • 腾讯云云服务器(CVM):腾讯云云服务器(CVM)是一种弹性计算服务,提供可扩展的计算能力,适用于各种应用场景。链接地址:https://cloud.tencent.com/product/cvm

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

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

相关·内容

WordPress 5.0默认老版编辑器

关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp中,即可切换回之前的编辑器,根本不需要那些插件。...Gutenberg是即将推出的WordPress编辑器,其目的是使WordPress写作体验现代化。它尝试像页面构建器插件一样工作,允许将项目拖放到文章或页面中。...自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg的调用。...尽管有负面评论,但WordPress核心团队正在努力使Gutenberg成为WordPress 5.0中的默认编辑器。这让很多用户非常担心,他们希望有一个选项来禁用Gutenberg并保留经典编辑器。...关键代码就一句: add_filter('use_block_editor_for_post', '__return_false'); 将代码添加到当前主题函数模板functions.php中,即可切换回之前的编辑器

1.3K10
  • 神级WordPress主题框架Genesis 2.8发布:容易引起极大舒适感

    那是因为,当你安装了一个新主题时,这个主题的演示内容不会自动导入进来(译注:这就好比方便面包装上的图,“图片仅供参考”)。...这些激动人心的新功能已添加到Genesis 2.8中,以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋的一步,不仅造福了众多的子主题开发者,也造福了我们的客户。...用于主页布局的预装Gutenberg,再加上其他的新功能,会让Genesis像十年前用“模块化、工具化”布局改变WordPress主题的那样再次改变Wordpress主题。...Genesis研发团队将在未来为引导工具添加更多其他功能,包括导入侧栏/菜单(需要等到WordPress 核心代码支持),将演示内容导入到任何类型的页面/日志中,以及其他需要用到内容导入的体验都会变得非常愉快...使开发人员能够开发易于维护的主题 Genesis 2.8中添加的第二个主要功能是Genesis Configuration API。

    2K11

    给WordPress新添加一个古腾堡编辑器

    在WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress中添加第二个古腾堡编辑器实例。...例如,创建一个名为 custom-gutenberg-editor.php 的文件,并添加以下代码:中创建一个 js 目录,并在其中创建一个名为 custom-gutenberg-editor.js 的文件。...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你的主题文件中(例如 functions.php 或 header.php),添加一个容器来承载第二个古腾堡编辑器实例。添加额外的编辑器实例可能会对性能产生影响,特别是在低配置的服务器上。兼容性:确保你的代码与当前使用的WordPress版本兼容。

    10810

    WordPress 4.9.8版本正式发布,修复了46个问题

    WordPress 4.9.8 版本中修复了 46 个问题,所以安全起见明月登楼建议大家还是及时升级到最新版本为好。...下面我们说一说 WordPress 4.9.8 版本中的亮点: 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注,鼓励网站所有者安装 Gutenberg...在 WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...隐私修复/增强功能 此版本包括 18 个隐私修复,专注于确保 4.9.6 中添加的新个人数据工具的一致性和灵活性,包括: 正在确认的请求类型现在包含在所有隐私确认电子邮件的主题行中。...除了主要关注点之外,4.9.8 中另一个值得注意的变化是开发人员现在可以为对象子类型注册元键: 使用 WordPress 4.9.8,register_meta()函数不仅支持整个对象类型(帖子,术语,

    1.3K20

    展望 WordPress 5.0 会给我们带来哪些更新?

    WordPress 新的编辑器被命名为 Gutenberg ,显然被寄予了极大的期望。作为模块编辑器,Gutenberg 的开发目标是,让用户添加和编辑富文本内容更加简单和愉悦。...---- 古登堡(Gutenberg)编辑器一直以来都是以“插件”形式存在着,目前已经更新到了 3.3.0 版,也已经完美的支持中文了,大家想了解和体验的可以移步 WordPress 插件库专页了解Gutenberg...目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg-古腾堡 的基本介绍,更多新功能和玩法大家可以自行安装体验...直接在插件后台搜索 Gutenberg 即可,如下图: ---- 增强的安全功能 当然 WordPress 5.0 的更新并不仅仅是更新了编辑器,鉴于 2017 年 1 月发生的严重的 WordPress...在未来的 WordPress 版本中,我们可能会看到更多基于 SaaS 的解决方案。 综上所述, WordPress 5.0 还是很值得让人期待的呀!

    1.4K30

    如何在你的 wordpress 网站中添加搜索框

    摸鱼划水的小伙伴,请点击【摸鱼学习交流群】 免费且实用的 前端刷题(面经大全)网站:点击跳转到网站 博主前些天发现了一个巨牛巨好用的刷题网站,忍不住分享一下给大家,点击跳转到网站 如果你的主题不提供在你的 WordPress...网站中包含搜索框的功能,请按照以下步骤了解如何做到这一点: 转到你的仪表板并单击 Plugins 按钮。...转到添加新插件部分并搜索 Ivory Search (by Ivory Search)。 单击立即安装,然后激活它们。 一个新的象牙搜索选项卡出现在左侧的仪表板上。...当你在 Ivory Search 表单中工作时,将鼠标悬停到 Settings 选项(在 Ivory Search 下仪表板的左侧面板上),以设置搜索框的位置。这可以在页眉或页脚或水平菜单等中。...菜单搜索部分中可用的选项是特定于主题的。 在“Settings”部分,你可以设置搜索框的外观。

    4K31

    WordPress 5.0 发布,新增基于「块」的编辑器 Gutenberg

    WordPress 5.0 终于发布,该版本最大的更新就是编辑器,正式引入新的基于块(block-based)的编辑器:Gutenberg,它可以给用户提供更简化的编辑体验。...Gutenberg 编辑器 新的 Gutenberg 编辑器不会改变内容在前端的展示,它可以让博客作者快速插入任何类型的多媒体内容,并重新排列你想要核心展示的内容。每块内容都在自己的块中,便于操作。...如果你精通 HTML 和 CSS,Gutenberg 编辑器也不会阻挡你,他只会简化你的编辑过程,而不是效果。 WordPress 默认提供大量的块,而且社区也在不断添加新的块。...如果你正在为客户构建站点,则可以创建可重用的块,这有益于你的客户随时添加新内容,同时仍保持一致的外观。...切换回经典编辑器 如果你不习惯默认的编辑器,你可以切换回使用经典编辑器,经典编辑器插件将保持在 WordPress 核心代码中,直到 2021 年。

    47730

    WordPress 4.9.8 发布,你可以开始尝试最新的编辑器 Gutenberg

    WordPress 发布了 4.9.8 这个修订版,这个版本除了修正了 46 个bug和其他一些功能增强之外,最重要的就是 “Try Gutenberg” 的功能,让你可以开始尝试 WordPress...新一代的编辑 Gutenberg: WordPress 5.0 将会把 Gutenberg 编辑器作为默认的编辑器,WordPress 为了让主题和插件开发者检查自己的插件或者主题是否兼容 Gutenberg...,WordPress 提供了 Gutenberg 插件让大家先测试。...所以现在在仪表盘会出现让你尝试 Gutenberg 的面板,如果你觉得很烦,可以通过下面的代码彻底屏蔽掉: remove_action( 'try_gutenberg_panel', 'wp_try_gutenberg_panel...' ); 到了 WordPress 5.0 正式发布的时候,Gutenberg 将会内置到核心代码中,这时候,如果你还不习惯,WordPress 也推出了 Classic Editor 的插件,让你继续使用之前的经典编辑器

    33620

    Argon主题短代码

    Wordpress 和 Argon 主题会自动解析这些短代码并呈现在文章中。 介绍 一个短代码由标签、内容、和参数组成,和 HTML 有些类似。下面是一个短代码的结构。...在文章中插入短代码即可让其被解析。 该短代码适配了 Gutenberg 编辑器区块,更推荐使用 Gutenberg 编辑器可视化插入。...旧的友情链接列表更名为 sfriendlinks 用法 友情链接从 WordPress 自带的链接管理器中读取。请在 “WordPress 后台 – 链接” 菜单中管理链接。...[friendlinks 参数名="参数值"/] Argon 将从 WordPress 的链接管理器中读取友链。...在文章中插入短代码即可让其被解析。 该短代码适配了 Gutenberg 编辑器区块,更推荐使用 Gutenberg 编辑器可视化插入。

    12410
    领券