如何在WordPress 区块编辑器中只显示自己需要的区块
下面由wordpress教程栏目给大家介绍在WordPress 区块(Gutenberg)编辑器中只显示自己需要的区块的方法,希望对需要的朋友有所帮助!
WordPress 新的区块(Gutenberg)编辑器,已推出一年有余,好用与否,只能见仁见智了。从Gutenberg插件只有2颗星的评分可以看出,大部分人还是无法适应,其中也包括我。
对于折腾多年WordPress的用户,上手新编辑器没什么难度,区块编辑器还是有很多优点的,例如,区块编辑器可以将一个添加到文章中并编辑好的区块,添加保存到可重用区块中,下次使用时直接点一下就可以插入文章中,非常方便。再如,区块编辑器可以利用WP已集成的前端样式和script,在文章中编排出比较复杂的响应式布局等。
如果文章是用经典编辑器写的,当转到区块编辑器中编辑,在编辑框上面会提示“经典”字样,点开会直接在区块编辑器中显示经典编辑器的工具栏,还可以点击添加区块在“格式”中找到“经典”区块并插入到文章中,同样可使用之前的经典编辑器,混合双打,如下图,也可以将之前的文章转换为区块等。
在WordPress 区块(Gutenberg)编辑器中只显示自己需要的区块
优势说完,再说说劣势,从WP升级后的宣传文字:
从WordPress 5.0开始带来的区块编辑器,为您带来全新的区块、更直觉的交互和改良的无障碍访问。新功能提升了编辑器的设计自由度,为您带来更多布局选项和样式变化,让设计师能够全面控制网站的外观。这次发布也为您带来了二〇二〇主题,给用户带来更多的设计弹性,并与区块编辑器完美整合。现在要建立美观的网页及高级页面布局,是再也简单不过的事了。
可以看出,这个编辑器是给网页设计师准备的,而大部分网站编辑人员只是简单的敲些文字,顶多再加个图片而已,不是什么设计师,所以你的网站如有文字录入人员,让一个非专业人员学习新的东西,可不是一件简单的事,与之类似的编辑器从未在其它网站程序上应用过,其“先进的理念”(其实N年前就有类似的可视化插件了),会让刚接触WP的用户一头雾水,这也是一些人极力反对的原因,因为很多主题设计者认为改变原有的使用习惯会让用户难以接受。
既然WP开发者力排众议强推新编辑器,做为一个主题开发者,还是要与时俱进,近期开始研究将之前主题的短代码转换为区块并集成到区块编辑器中,新的区块需要大量的JS控制才能实现,原来短代码简单几行代码实现的功能,改成区块代码量成倍增加,对于像我这种折腾WP近10年的老鸟,也需要看官网教程一步步的学习,上手难度不小。
个人认为WP程序开发方向有些迷失,可能开发者除了修补漏洞,也不知道再升级什么了,弄个新编辑器给大家一个“惊喜“ ,我还是认为这个区块编辑器以插件形式存在更好,因为这玩意本来就是别人开发的插件,集成在程序中而已。
上面只是个人对新编辑器的看法,本文记录一下在WordPress 区块(Gutenberg)编辑器中只显示自己需要的区块。
默认新编辑器区块众多,让人眼花撩乱,大部分可能都用不到,可以在编辑页面点右上角三个小点,工具 → 区块管理器中,取消某个分类的区块或者单独取消某个区块显示,还可以通过下面的代码,直接屏蔽掉不想显示的区块。
将下面的代码添加到当前主题函数模板functions.php中:
add_filter( 'allowed_block_types', 'zm_allowed_block_types', 10, 2 ); function zm_allowed_block_types( $allowed_blocks, $post ) { $allowed_blocks = array( 'core/image', 'core/paragraph', 'core/heading', 'core/list', ); // 在页面编辑中单独显示的区块 if( $post->post_type === 'page' ) { $allowed_blocks[] = 'core/shortcode'; } return $allowed_blocks; }
把想显示的区块名称添加进去即可。
更多的区块名称:
core/shortcode core/image core/gallery core/heading core/quote core/embed core/list core/separator core/more core/button core/pullquote core/table core/preformatted core/code core/html core/freeform core/latest-posts core/categories core/cover (previouslycore/cover-image) core/text-columns core/verse core/video core/audio core/block core/paragraph core-embed/twitter core-embed/youtube core-embed/facebook core-embed/instagram core-embed/wordpress core-embed/soundcloud core-embed/spotify core-embed/flickr core-embed/vimeo core-embed/animoto core-embed/cloudup core-embed/collegehumor core-embed/dailymotion core-embed/funnyordie core-embed/hulu core-embed/imgur core-embed/issuu core-embed/kickstarter core-embed/meetup-com core-embed/mixcloud core-embed/photobucket core-embed/polldaddy core-embed/reddit core-embed/reverbnation core-embed/screencast core-embed/scribd core-embed/slideshare core-embed/smugmug core-embed/speaker core-embed/ted core-embed/tumblr core-embed/videopress core-embed/wordpress-tv
以上是如何在WordPress 区块编辑器中只显示自己需要的区块的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

PHP和Flutter是移动端开发的流行技术。Flutter胜在跨平台能力、性能和用户界面,适合需要高性能、跨平台和自定义UI的应用程序。PHP则适用于性能较低、不跨平台的服务器端应用程序。

通过编辑 style.css 文件,您可以轻松修改 WordPress 页面宽度:编辑 style.css 文件,添加 .site-content { max-width: [您的首选宽度]; }。修改 [您的首选宽度] 以设置页面宽度。保存更改并清除缓存(可选)。

在 WordPress 中创建产品页面:1. 创建产品(名称、描述、图片);2. 自定义页面模板(添加标题、描述、图片、按钮);3. 输入产品信息(库存、尺寸、重量);4. 创建变体(不同颜色、尺寸);5. 设置可见性(公开或隐藏);6. 启用/禁用评论;7. 预览并发布页面。

WordPress 文章存储在 /wp-content/uploads 文件夹中。该文件夹使用子文件夹对不同类型的上传进行分类,包括按年、月和文章 ID 组织的文章。文章文件以纯文本格式 (.txt) 存储,文件名通常包含其 ID 和标题。

WordPress 模板文件位于 /wp-content/themes/[主题名称]/ 目录。它们用于决定网站的外观和功能,包括页眉(header.php)、页脚(footer.php)、主模板(index.php)、单个文章(single.php)、页面(page.php)、存档(archive.php)、类别(category.php)、标签(tag.php)、搜索(search.php)和 404 错误页面(404.php)。通过编辑和修改这些文件,可以自定义 WordPress 网站的外

在 WordPress 中搜索作者:1. 登录管理面板后,导航到“文章”或“页面”,使用搜索栏输入作者姓名,在“过滤器”中选择“作者”。2. 其他技巧:使用通配符扩大搜索范围,使用运算符组合条件,或输入作者 ID 以搜索文章。

最稳定的 WordPress 版本是最新版本,因为它包含最新的安全补丁、增强性能并引入新特性和改进。为了更新到最新版本,请登录 WordPress 仪表盘,转到“更新”页面并单击“立即更新”。

WordPress 采用 PHP 语言开发,作为其核心编程语言,用于处理数据库交互、表单处理、动态内容生成和用户请求。PHP 被选择的原因包括跨平台兼容性、易于学习、活跃社区以及丰富的库和框架。除了 PHP,WordPress 还使用 HTML、CSS、JavaScript、SQL 等语言来增强其功能。
