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

将额外的设置字段添加到Gutenberg封面块

Gutenberg是WordPress的新的编辑器,它引入了所谓的"块"概念,允许用户以更直观、灵活的方式创建和编辑内容。Gutenberg封面块是一种特殊的块,用于创建网页或文章的封面部分。

在Gutenberg封面块中,可以通过添加额外的设置字段来进一步定制和优化封面的外观和功能。这些额外的设置字段可以包括以下内容:

  1. 背景图像:允许用户选择自定义的背景图像,以增强封面的视觉效果。可以通过设置一个图像URL或选择已上传的图像来添加背景图像。
  2. 标题和副标题:提供用于设置封面标题和副标题的文本字段。用户可以根据需要输入适当的标题和副标题。
  3. 文本颜色和背景颜色:允许用户选择自定义的文本颜色和背景颜色,以与整体网页或文章的风格相匹配。
  4. 按钮链接和文本:提供了一个字段来设置一个按钮,用户可以自定义按钮的文本和链接。这个按钮可以用于指向其他页面、资源或执行特定的操作。
  5. 自定义样式:通过添加自定义CSS类或内联样式,允许用户对封面块进行更深入的样式定制。

Gutenberg封面块的优势在于它提供了一个直观且易于使用的界面,使用户能够轻松创建和编辑具有吸引力的封面。它还支持响应式设计,可以在不同的设备和屏幕尺寸上呈现出最佳的视觉效果。

Gutenberg封面块的应用场景非常广泛,适用于各种类型的网页和文章。它可以用于创建个人博客的封面、产品介绍页面的封面、新闻文章的封面等。无论是个人网站还是企业网站,都可以使用Gutenberg封面块来提升页面的吸引力和用户体验。

腾讯云提供了一系列与WordPress和云计算相关的产品和服务,可以帮助用户在云端部署和管理WordPress网站。其中包括云服务器、云数据库、对象存储等。您可以访问腾讯云官方网站了解更多详情:腾讯云产品

请注意,以上答案仅供参考,具体的实现方法和产品选择应根据实际需求和情况进行评估和决策。

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

相关·内容

WordPress 6.1 正式版已发布,最全新功能图文介绍

文章目录[隐藏] 新默认主题:Twenty Twenty-Three 编辑器改进 更多支持间距设置 改进边框选项 封面特色图片 使用内部实现引用和列表 改进导航 编辑器设计增强 预览按钮现在标记为视图...WordPress 6.1 包括从 13.1 到 14.1 古腾堡 Gutenberg 版本中引入更改。这些 Gutenberg 版本主要重点是为不同设计工具可用性带来一致性。...以前只允许您选择边框半径图像现在也允许您添加实际边框。 封面特色图片 我们用户经常询问WordPress 中特色图片和封面之间区别。许多用户希望使用封面作为他们网站特色图片。...WordPress 6.1 允许用户选择他们特色图片作为封面。然后,用户只需设置特色图像,它就会开始出现在封面内。 使用封面允许用户在他们想要任何地方显示特色图像。...同样,当使用 引用Quote 时,用户可以设置不同引用和引用样式。 改进导航 WordPress 6.1 带有改进导航,使您可以轻松地从设置中创建和选择菜单。

4.7K30

niRvana · 轻拟物主题4.8完美版

编辑器优势:完全可视化操作,无论是插入内容还是编辑参数,都可以可视化操作,而无须去修改繁琐代码。...因此本主题原有的“短代码”全部升级成了“Gutenberg模块”,包括:小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,极大为用户提供了方便,例如: 插入提示框...段落文本标记: Gutenberg默认不支持段落内部分文本设置色彩。本主题进行了扩展,可以设置文本背景、颜色等。就像这样标记 还有更多方便小工具等你来尝试!...编辑器段落文字标记功能,可设置部分文本颜色、背景色等 3、新增:Gutenberg文本提示语功能,可给选中文本设置鼠标悬停效果 4、新增:阅读量显示。...(在WP5.0正式版上线后,主题Gutenberg模块采用“回退机制”,即使模块升级,也不会出现无法编辑问题) v1.2.1 1、修复Gutenberg模块一些问题,虽然不知道正式版WP5.0是否正常

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

    界面风格 接下来,逐步介绍新版编辑器与旧版编辑器不同 文章格式工具栏(旧版) 文章格式工具栏(新版) 旧版编辑器,工具栏位于正文上方,而新版编辑器则进行了拆分,首先是左上角加号 添加内容...,不必再和此前旧版编辑器那样鼠标移至正文上方,缩减了鼠标移动距离。...除此之外,当鼠标选定内容时候,我们可以发现左侧和右侧均有一些操作按钮。左侧上下箭头是用来调整内容位置,当我们点击向上箭头,内容和前面的内容进行交换,反之亦然。...右边栏操作界面 这里,你可以设置文字大小、背景颜色、字体颜色、对齐方式,甚至可以添加 CSS 类,使得样式调整更加灵活了。...两步验证(Two Factor Authentication)指的是用户登录账户时候,除了要输入用户名和密码,还要求用户输入一个随机生成发送到手机动态密码,为帐户额外添加了一层保护,即使入侵者窃取了用户密码

    1.4K30

    WordPress 5.0默认老版编辑器

    插件下载Disable Gutenberg首先需要安装并启用Disable Gutenberg插件,然后对插件进行设置,点击设置 禁用Gutenberg,保存即可。...取消后显示更多选项,以便为某些用户,文章类型,主题模板或单个文章有选择性禁用Gutenberg。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse代码添加到当前主题函数模板functionsphp中,即可切换回之前编辑器,根本不需要那些插件。...取消后显示更多选项,以便为某些用户,文章类型,主题模板或单个文章有选择性禁用Gutenberg。 ?...关键代码就一句: add_filter('use_block_editor_for_post', '__return_false'); 代码添加到当前主题函数模板functions.php中,即可切换回之前编辑器

    1.3K10

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

    通过一键导入演示数据功能,主题开发者可以很轻松地在一个使用了该主题新站上将所需插件和精心设计好Gutenberg导入进来。...此外,默认Gutenberg和定制化内容可以随演示内容一同导入,具有复用性,内容作者可以在其他任何页面或日志上重复使用,在将来构建新内容时会感到更加强大更加模块化。...用户不仅会在设置全新网站时候能够体会到“管用、好使”感觉,Gutenberg复用性也会让这种“管用、好使”体验一直加深。...这些激动人心新功能已添加到Genesis 2.8中,以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋一步,不仅造福了众多子主题开发者,也造福了我们客户。...网站初始化设置一直是WordPress痛点,正因为如此,新引导主题和配置工具才更显强大。

    2K11

    《101 Windows Phone 7 Apps》读书笔记-BOOK READER

    字体来自Gutenberg项目(www.gutenberg.org),由于其版权已经过期,因此它为美国人民提供了免费电子书。...刚开始可能不那么明显,但是实现本应用程序最大挑战是编页,即在字体设置基础上为整本书内容分页。当然,我们可以整本书内容放置在具有滚动条页面中,但这并不能够带来好用户体验。...有了这个方法以后,用户在书本中真正位置就被保存下来了。 ➔ 添加到章节列表中键值对是一种方便使用类型,因为它包含了两个独立字符串属性,数据模板可以将其绑定。...那是因为该控件尝试每个记录加入到额外全屏模式列表中,但是单个UI元素一次只能放置于一个地方。解决方法是在list picker中放置非可视化数据记录,然后使用模板来控制每个记录外观。...为了达到最好性能,内联模式list picker下元素应该CacheMode设置为BitmapCache,那是因为list picker下拉和收缩能够改变这些元素位置。

    1.2K60

    WordPress 6.0 正式版发布 版本详细讲解

    目前已经在后台推送更新,可以升级以充分利用当今许多稳定性、性能和可用性增强功能。WordPress 内容创建者享受一系列旨在改善写作和设计体验新功能。... Gutenberg 扩展到 WordPress 中完整站点编辑体验意味着社区必须解决所有问题都是复杂而深远。WordPress 6.0 是社区致力于共同应对这些严峻挑战一个例子。...通过更新设置和控件以及标签云新轮廓样式,使标签云和社交图标更具吸引力。 样式切换 主题现在包括包含多种样式变体选项。...这进一步扩展了新样式系统,并启用了在单个主题中切换站点外观和感觉快捷方式。在支持此功能主题中,您可以更改可用设置(如字体粗细)和样式选项(如默认调色板)。只需单击几下即可更改网站外观。...使用您已经知道工具或此版本中以下新选项定制每个工具: 特色图像可用于封面。 新特色图像大小控件使您更容易获得所需结果。

    1.6K40

    屏蔽 WordPress 古腾堡编辑器,换回经典编辑器

    WordPress 5.0 带来古腾堡编辑器(英文名是 Gutenberg)非常酷,也叫做编辑器(block editor),它把内容当作一来处理,每一有自己设置,使用起来非常清晰好用:...可能古腾堡编辑器大部分界面都是关注内容部分,对于摘要,特色图片,分类这些都放到侧边,并且默认隐藏,这个造成了很多人非常不习惯,甚至不知道哪里去设置。...我为了习惯古腾堡编辑模式,我把很多针对文章操作都移到了文章列表,比如在后台文章列表设置文章特色图片,设置文章摘要,一键上传外部图片等,让古腾堡编辑器专注于文章内容管理。...管理员可以允许用户修改他们默认编辑器。 如果允许,作者给每篇文章设置使用哪种编辑器。 任何一篇文章不管最后谁编辑,打开都是最后使用编辑器都是上次使用。...搞得挺复杂,如果你不想额外安装一个插件,其实只需一行代码就可以屏蔽古腾堡编辑器: add_filter('use_block_editor_for_post_type', '__return_false

    40020

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

    下面我们说一说 WordPress 4.9.8 版本中亮点: 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注,鼓励网站所有者安装 Gutenberg...插件,以测试他们现有内容和插件如何与编辑器一起使用。...它还提供了安装 Classic Editor 插件选项 ,如果他们觉得需要更多时间来准备切换到编辑器。...在 WordPress 4.9.8 中,标注显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活,标注显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件,则将为所有用户隐藏标注。

    1.3K20

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

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

    46630

    从Rust到远方:PHP星系

    函数输出一个对象数组,对象类型为Gutenberg_Parser_Block或Gutenberg_Parser_Phrase即我们AST。...声明类 注意:后面的4个代码不是本文核心,它只是需要编写代码,如果不打算编写一个PHP扩展,可以跳过它。...我们解释如何一个Block映射到 Gutenberg_Parser_Block,并让Phrase映射到Gutenberg_Parser_Phrase,以方便勤奋读者。...} } } 映射block过程如下: 为blocknamespace分配一个PHP字符串,block名字也需要这样, 分配一个对象, 设置block namespace 和 block name...相应属性, 为必要block属性PHP字符串, 设置block属性到对应对象, 如果有子节点,初始化一个数组, 然后用child节点和新数组调用into_php_objects函数, 设置children

    1.1K40

    word封面背景及水印背景

    制作封面 在制作商业项目申报书时候我们想要封面尽可能美观,常用方法是使用插入一张很大图片作为背景。...标题等文本则通过文本框格式添加到图片上 直接使用图片背景遮住就行 下图是一个设计好后背景封面 ? 下图是图片元素拆分后封面 ?...制作书页背景 不仅想要首页和尾页有图片,在书页中也想要有背景 图片蒙层 使用一张背景遮住原有的白色纸页,再使用一张半透明色色原有的背景,就可以呈现半透明书页。 图片使用衬于文字下方格式 ?...方法 双击页眉 图片放入页眉模式页面中 ? 结果是每一页都会有页眉中效果 ?...首页所有的元素包括文本框都设置为 浮于文字上方 添加一个透明蒙层和整张纸一样大 也设置为 浮于文字上方 ? 拖动透明浮层,使其遮住原有的页面,再添加自己需要背景。 ?

    1.1K10

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

    强大 WordPress 当然是可以做到,自身自带函数就可以获取到相关信息 Demo 这里就不放了,我站点用不到,大概说一下实现过程 使用自带函数,检索评论列表 get_comments( string...,直接贴代码,看注释 // 引用评论 function fa_insert_comments( $atts, $content = null ){ // 输入短代码属性值和短代码默认属性值合并...extract( shortcode_atts( array('id' => ''), $atts ) ); // 如果不设置文章 id,默认获取当前文章 id if (empty...($atts)) $id = get_the_ID(); // 设置函数参数,排序 $query_args = array('post_id'=> $id,'orderby' => 'comment_date_gmt...Gutenberg编辑器,这个编辑器怎么玩都不知道,已经是禁用状态了 使用如下代码禁用掉 //禁止 WordPress5.0 使用 Gutenberg 编辑器 add_filter('use_block_editor_for_post

    85810

    命令行上数据科学第二版 四、创建命令行工具

    或者想象一下,你想要一个新闻网站每小时前 10 个单词。在这种情况下,最好将这个一行程序作为一个单独构建,可以成为更大东西一部分。...$ fc 运行fc调用默认文本编辑器,它存储在环境变量编辑器中。在 Docker 容器中,这被设置为nano,一个简单文本编辑器。...这将允许最终用户设置输出最常用单词数量。...当你设置时候,你并没有写一个美元符号。 我们也可以直接使用1作为head参数,而不必费心创建一个额外变量,比如NUM_WORDS。...只需要六个步骤就可以代码变成可重用构建。你会发现这会让你更有效率。我建议你留意创造自己工具机会。下一章介绍 OSEMN 数据科学模型第二步,即清理数据。

    2.2K40

    WordPress 5.0“Bebo” 正式版发布

    WordPress 5.0 最大亮点就是正式引入新基于(block-based)编辑器 —— Gutenberg,给用户提供更简化编辑体验。...新 Gutenberg 编辑器不会改变访问者对你内容观感,它作用是让你快速插入任何类型多媒体并重新排列你想要核心展示内容。每块内容都在自己中,有单独封装,便于操作。 ?...WordPress 默认提供大量,而且社区也在不断添加新。 ? 这种全新编辑体验为设计和内容提供了更加一致处理。...如果你正在构建 client 站点,则可以创建可重用,这有益于你客户随时添加新内容,同时仍保持一致外观。...经典编辑器插件支持到 2021 年。

    52530

    开发必读:盘点与业务转化息息相关小程序能力

    避免篇幅太长,这个系列分成一二两期呈现。...借用小程序容器技术可以已开发完成成熟小程序直接搬到自己App中运行。小程序容器技术主要是小程序运行沙箱封装成一个SDK,只需要在你 App 里面集成,就能加载运行现有的小程序了。...如果[appInfo].params.imageUrl字段为http、https链接地址,那么小程序封面图片* 就取[appInfo].params.imageUrl对应图片,否则小程序封面图片取...添加小程序到桌面内嵌到app中小程序同样可以添加到桌面,添加到桌面的能力其实是由App实现设置方式如下。 ...iOS 设置方法初始化SDK时,通过UI配置项进行配置,如下:FATUIConfig *uiConfig = [[FATUIConfig alloc] init];// 屏蔽更多菜单中添加到桌面”按钮

    17010

    WordPress 初学者词汇表(术语解释)

    权限是分配给用户角色安全设置(技术上还有第二个与开发人员相关定义,但出于本词汇表目的,我们跳过它)。...在 WordPress 中,您可以非常轻松地创建菜单,并且有内置设置可以菜单分配到特定位置(例如,主菜单、侧边栏菜单、页脚菜单等)。...Gutenberg(古腾堡) Gutenberg是默认包含在 WordPress 中无代码内容构建器。...Block and Block Templates(模板) 是您可以通过内容或页面构建器(例如 Gutenberg 或 Elementor)添加内容构建元素。...它由 Automattic(因此是 WordPress 本身)创建和维护,如果您计划使用多个插件这些功能添加到 yoru 站点,它可能是一个很好解决方案。

    7.2K20
    领券