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

Wordpress Gutenberg自定义列块

WordPress Gutenberg自定义列块是一种用于扩展和定制WordPress编辑器的功能的工具。它允许开发人员创建自定义的内容块,以便用户可以在编辑器中以更灵活的方式构建页面和文章。

自定义列块可以根据具体需求来设计和实现,可以包含各种不同类型的内容,如文本、图像、视频、音频等。通过自定义列块,用户可以轻松地创建具有丰富多样的布局和功能的页面。

优势:

  1. 灵活性:自定义列块使用户能够根据自己的需求创建各种不同类型的内容块,从而实现更灵活的页面布局和设计。
  2. 可重用性:开发人员可以将自定义列块保存为模板,以便在其他页面或文章中重复使用,提高工作效率。
  3. 可扩展性:WordPress社区提供了丰富的自定义列块插件和代码库,开发人员可以根据需要选择合适的插件或自行开发自定义列块,以满足不同的需求。

应用场景:

  1. 博客和新闻网站:自定义列块可以用于创建各种不同类型的文章布局,如单栏、双栏、三栏等,以及添加多媒体内容和交互元素。
  2. 企业网站:自定义列块可以用于创建产品展示、团队介绍、客户案例等页面,以及添加表单、地图等功能。
  3. 电子商务网站:自定义列块可以用于创建商品展示、购物车、支付页面等,以及添加促销活动、评价功能等。

推荐的腾讯云相关产品: 腾讯云提供了一系列与WordPress相关的产品和服务,以下是其中几个推荐的产品:

  1. 云服务器(CVM):提供稳定可靠的云服务器实例,可用于搭建WordPress网站。
  2. 云数据库MySQL版(CDB):提供高性能、可扩展的云数据库服务,适用于存储WordPress网站的数据。
  3. 云存储(COS):提供安全可靠的对象存储服务,可用于存储WordPress网站的静态资源。
  4. 内容分发网络(CDN):提供全球加速的内容分发网络,可加速WordPress网站的访问速度。

更多腾讯云产品和服务的介绍,请访问腾讯云官方网站:https://cloud.tencent.com/

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

相关·内容

更改WordPress Gutenberg编辑器的宽度

要更改WordPress Gutenberg编辑器的宽度,您需要为其加载自定义CSS规则。以下是如何快速更改宽度的概述,包括加载样式表和添加将增加Gutenberg编辑器内容区域宽度的特定规则。...加载Gutenberg编辑器的自定义CSS 在你的主题的functions.php里面添加以下函数和钩子。这将加载editor.css在主题目录的根目录中调用的CSS文件。.../**  * Gutenberg Editor Styles  */ function kl_block_editor_styles() { $version = filemtime( get_stylesheet_directory...enqueue_block_editor_assets', 'kl_block_editor_styles' ); CSS规则更改宽度 为块编辑器添加规则后,打开editor.css文件添加以下规则以更改Gutenberg...of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } 这在主题支持下的块编辑器手册中概述,是更改Gutenberg

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

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

    47330

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

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

    33420

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

    WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress中添加第二个古腾堡编辑器实例。...步骤 1: 创建一个自定义插件首先,创建一个自定义插件来包含你的代码。你可以在 wp-content/plugins 目录下创建一个新的文件夹,并在其中创建一个PHP文件。...');步骤 2: 创建自定义JavaScript文件在你的插件文件夹中创建一个 js 目录,并在其中创建一个名为 custom-gutenberg-editor.js 的文件。...>步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个古腾堡编辑器实例。...兼容性:确保你的代码与当前使用的WordPress版本兼容。安全性:在生产环境中使用自定义代码时,请确保进行适当的安全检查和测试。

    7910

    WordPress 禁用 Rest API 默认路由兼容古腾堡 Gutenberg 编辑器

    禁用 WordPress Rest API 默认路由后有利于 WordPress 站点安全及避免暴露网站所有内容,所有子凡的所有 WordPress 网站都是直接禁用了 WordPress 默认路由的,...但是由于 WordPress 默认使用块编辑器(古腾堡 Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...故此子凡就来分享一个兼容 WordPress 编辑器的情况下,对外也能够禁用 WordPress rest api,具体代码如下: add_action('plugins_loaded',function...经典编辑器,那么建议直接禁用 WordPress 默认路由即可。...除非注明,否则均为泪雪博客原创文章,禁止任何形式转载 本文链接:https://zhangzifan.com/wordpress-rest-api-support-gutenberg.html

    71390

    WordPress 5.0默认老版编辑器

    如果发现正在使用的WordPress插件与Gutenberg不兼容,而你又希望网站上其他区域可以使用Gutenberg,这款插件正好可以满足。...WordPress核心团队预计将于今年年底发布WordPress 5.0版本,Gutenberg将成为默认的编辑器,它将取代传统的WordPress编辑器。...自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg的调用。...预计WordPress 5.0将于今年晚些时候(2018年)推出,随着5.0版本的发布,Gutenberg将成为默认的WordPress编辑器。 为什么要禁用Gutenberg编辑器?...尽管有负面评论,但WordPress核心团队正在努力使Gutenberg成为WordPress 5.0中的默认编辑器。这让很多用户非常担心,他们希望有一个选项来禁用Gutenberg并保留经典编辑器。

    1.3K10

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

    想一下你第一次安装WordPress主题的时候,感觉怎么样?爽吗? 能分分钟就让你的想法,你的产品或你的服务上线发布吗? 就像数百万其他WordPress用户一样,可能你并没有很爽。...通过一键导入演示数据的功能,主题开发者可以很轻松地在一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg块导入进来。...用户不仅会在设置全新网站的时候能够体会到“管用、好使”的感觉,Gutenberg块的复用性也会让这种“管用、好使”的体验一直加深。...用于主页布局的预装Gutenberg,再加上其他的新功能,会让Genesis像十年前用“模块化、工具化”布局改变WordPress主题的那样再次改变Wordpress主题。...从使用者角度来说,又简洁又强大,各种子主题都非常赏心悦目, 从开发者角度来说,Genesis框架对开发者非常友好,代码结构组织的很清晰,不论是开发子主题还是修改成自定义的样式都特别方便。

    2K11

    8个用于设计漂亮表格的WordPress插件

    WordPress最新版中的Gutenberg编辑器已经有了表格“块”的功能。你可以在这里在线体验一下:https://wordpress.org/gutenberg/。可以快速插入一个简单的表格。...Gutenberg中的表格工具 除此之外,你还在WordPress中手写代码进行插入表格操作: ?...无需在WordPress之外重新创建表格、重新上传或重新嵌入,只需在WordPress中进行更改。...当你有大量外部数据时想要引入WordPress时,这个付费插件非常适。你所要做的就是上传导入电子表格文件,然后自定义在你网站上的显示方式。...也是可以完全自定义的,不必在有限的设计样式中选择。 免费版功能已经足够满足基本需求,付费版的功能会更强大。

    5K20

    免费开源的Argon主题,一个轻盈、简洁的 WordPress 主题

    主题介绍 轻盈美观 - 使用 Argon Design System 前端框架,细节精致,轻盈美观 高度可定制化 - 可自定义主题色、布局(双栏/单栏/三栏)、顶栏、侧栏、Banner、背景图、日夜间模式不同背景...、文章过时信息显示 Pjax - 支持 Pjax 无刷新加载,提高浏览体验 友情链接 - 支持使用 WordPress 自带的链接管理器进行友链管理,支持多种友链样式 "说说" 功能 - 随时发表想法,...、图片放大预览、Pangu.js 文本格式化、平滑滚动等 丰富的短代码 - 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块 适配 Gutenberg...编辑器 - 支持使用 Gutenberg 编辑器可视化插入区块 多语言 - 支持中文、英文、俄文等语言 其他 - 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和...JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面、文章脚注等 Argon - 一个轻盈、简洁的 WordPress 主题 开源地址:solstice23

    1.5K20

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

    WordPress 4.9.8 版本已于 2018 年 8 月 2 日正式向公众发布,我们可以从网站管理区域的仪表板 >> 更新菜单自动更新,或访问wordpress.org/download/release-archive...WordPress 4.9.8 版本中修复了 46 个问题,所以安全起见明月登楼建议大家还是及时升级到最新版本为好。...下面我们说一说 WordPress 4.9.8 版本中的亮点: 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注,鼓励网站所有者安装 Gutenberg...在 WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活,标注将显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件,则将为所有用户隐藏标注。

    1.3K20

    Admin Dark Mode:深色模式的WordPress管理后台

    今天介绍的插件比较轻松,Admin Dark Mode,功能就是为WordPress的管理后台开启深色模式。 ?...Version: 3.2 Last Updated: 2019-03-15 92%Ratings 2,000+Installs WP 4.0+Requires WordPress.org...Plugin Page Dark Mode WordPress的管理后台默认自带了8中配色方案,但只对边栏和顶部的工具条有效,这个插件的作者Daniel James 尝试申请过想把深色模式合并进...WordPress的核心代码,但是没能如愿,因为它改变的是整个管理后台的配色主题,其他的插件需要去适配两种颜色方案。...不是所有插件都能支持深色模式,尤其是那些带有自定义的UI元素的插件,最新的Gutenberg编辑器也不支持,所有全局的深色模式不是一朝一夕就能达到的,WordPress核心贡献者、Gutenberg编辑器开发者的

    1.2K00

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

    古登堡(Gutenberg)编辑器 Gutenberg,古登堡,1397 年出生于德国,是西方国家活字印刷术的发明人,从而引导了一次媒介革命,其历史地位与中国的毕昇比肩(当然,古登堡比毕昇晚了 400...WordPress 新的编辑器被命名为 Gutenberg ,显然被寄予了极大的期望。作为模块编辑器,Gutenberg 的开发目标是,让用户添加和编辑富文本内容更加简单和愉悦。...---- 古登堡(Gutenberg)编辑器一直以来都是以“插件”形式存在着,目前已经更新到了 3.3.0 版,也已经完美的支持中文了,大家想了解和体验的可以移步 WordPress 插件库专页了解Gutenberg...目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg-古腾堡 的基本介绍,更多新功能和玩法大家可以自行安装体验...直接在插件后台搜索 Gutenberg 即可,如下图: ---- 增强的安全功能 当然 WordPress 5.0 的更新并不仅仅是更新了编辑器,鉴于 2017 年 1 月发生的严重的 WordPress

    1.4K30

    为何PHP使用率大降40%?

    “因此,从许多方面来说,你可以争辩说,根据大部分活动发生的情况,Gutenberg 已使我们成为一个 JavaScript 优先的项目。”...是的,你没看错:Matt Mullenweg 说 WordPress 现在是一个“JavaScript 优先的项目”。该公司有争议的新基于块的用户界面 Gutenberg 是造成这种情况的主要原因。...在演讲的最后,有人问 Mullenweg 他对 Gutenberg 项目以及开发人员在为其做出贡献时遇到的困难有何感想。特别是,提出这个问题的开发人员希望“降低 Gutenberg 中的抽象级别”。...他补充说,Gutenberg——以及大概向 JavaScript 的转变——尚未完成。...“当我们启动 Gutenberg 时,我们说这将是一个为期 10 年的项目,”他说,“所以感觉我们已经完成了 60% 到 70% 的工作。”

    23510

    WordPress 技巧:使用页面模板自定义 WordPress 页面

    如何自定义 WordPress 页面? 如果你定制或者设计过 WordPress 主题,那么你可能会遇到过这样的问题: 如何让 WordPress 的页面有不同的布局或者样式呢?...默认情况下 WordPress 是使用 page.php 来处理所有页面的外观的话,但是 WordPress 提供了页面模板的机制让 WordPress 开发者可以自定义 WordPress 每个页面的外观和布局...使用 WordPress 页面模板 我们举个简单的例子比如你博客中所有的页面都有侧边栏,而在“关于”页面,你想内容的宽度能够扩展到这个页面的宽度。...然后就是让“关于”页面使用“关于”页面模板,登陆到 WordPress 后台,创建新页面,或者编辑 about 页面(如果已经创建了),在右边,点击页面模板的下拉菜单,在下拉列表中找到“关于”,选择它并点击保存...使用 WordPress 页面模板技巧是非常常用的技巧,特别是那些把 WordPress 当作 CMS 的用户。发挥你的想像力,你可以用它创建出一些非常有创意的页面。 ----

    1.3K20
    领券