文章/答案/技术大牛

发布

如何查找Gutenberg块代码并从模板部件中调用它

要查找Gutenberg块代码并从模板部件中调用它，可以按照以下步骤进行：

首先，了解Gutenberg块是什么。Gutenberg是WordPress的新编辑器，它引入了块的概念，使得创建富文本内容更加直观和灵活。
在WordPress的后台，进入主题文件夹，通常是wp-content/themes/your-theme/。
在主题文件夹中，找到一个名为"template-parts"的文件夹。这个文件夹通常用于存放模板部件。
打开"template-parts"文件夹，查找与你想要调用的Gutenberg块相关的模板部件文件。这些文件通常以"content-"开头，后面跟着块的名称或类型。
打开找到的模板部件文件，查看其中的代码。这些代码定义了如何显示特定的Gutenberg块。
如果你想在自己的主题中调用这个Gutenberg块，可以在需要的地方使用WordPress的内置函数get_template_part()来调用模板部件。例如，如果找到的模板部件文件名为"content-gutenberg.php"，你可以在主题的其他文件中使用以下代码来调用它：

get_template_part( 'template-parts/content', 'gutenberg' );

保存并上传你的主题文件，然后在WordPress后台中查看相应页面，你应该能够看到调用的Gutenberg块的内容。

请注意，以上步骤是基于WordPress的默认主题结构和Gutenberg编辑器的假设。实际上，不同的主题和编辑器可能有不同的文件结构和命名约定。因此，在查找和调用Gutenberg块代码时，你可能需要根据你使用的主题和编辑器进行适当的调整。

推荐的腾讯云相关产品：腾讯云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云函数（https://cloud.tencent.com/product/scf）。这些产品可以帮助你在云计算环境中部署和运行WordPress，并提供强大的计算和存储能力。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如果你的 WordPress 安装了 PHP Everywhere 插件，请赶快升级或者删除

PHP Everywhere 插件 PHP Everywhere 可以让你在 WordPress 随时随地使用 PHP 代码，使用户能够在 WordPress 的文章，页面和侧边栏中插入和执行 PHP...-24663 - 只要订阅者权限的用户就可以通过短代码进行远程代码执行。...CVE-2022-24665 - 通过古腾堡编辑器块进行远程代码执行（同样需要贡献者的权限）如果网站存在这三个漏洞，黑客将可以利用它们并执行恶意的 PHP 代码，甚至可以实现对网站的完全接管。...3.0.0 版本通过移除短代码功能，并且提供一个升级向导，将旧的短代码升级到 Gutenberg 编辑器里面的块（block）。但是 3.0.0 版本只支持古腾堡编辑器，不再支持原来的经典编辑器了。...我个人不太建议直接在后台输入 PHP 代码，然后让前台执行，首先这个对用户的代码能力要求非常高，然后这类插件的安全性一直会存在问题，个人还是觉得通过修改模板或者其他模板能力的插件来实现类似的功能。

4103 0

从Rust到远方：PHP星系

从脚手架开始 PHP附带一个脚本来创建一个扩展框架模板或者说脚手架，叫做ext_skel.php。这个脚本可以从Zend引擎虚拟机的源代码找到(我们把它叫做php-src)。...声明类注意:后面的4个代码块不是本文的核心，它只是需要编写的代码，如果不打算编写一个PHP扩展，可以跳过它。...字符串值在input中，字符串长度在input_len中。下一步是解析输入。(不需要字符串的长度)。这就是我们要调用Rust代码的地方!...现在，让我们在这篇博客文章中首次编写一些PHP代码 <?php var_dump( gutenberg_post_parse( 'bar中如何用Rust编写一个解析器,如何将其绑定到C然后编译到一个静态库和C头文件,如何创建一个PHP扩展暴露一个函数和两个对象,如何将C绑定集成到PHP中,以及如何在PHP中使用这个扩展

1.1K4 0

挑选 npm 模块很费事？掌握这些技巧就能事半功倍！

async/await（原生 JS，不是 npm）：你好容易逃离了回调地狱，结果又掉进 Promise 地狱的时候用它。...nodemon：你想监视应用程序中的任何代码更改，并在本地开发时自动重启服务器时用它。它非常适合开发工作！ Web Socket： Web Socket 这里我单推 primus。...由于它是中间件，所以知道如何处理请求并记录它，但不会像 Winston 和 Bunyan 那样负责传输到日志输出中。...模板 Pug（原 Jade）：你需要一个易读的服务端模板引擎并附带开箱即用的子布局块支持时就用它。你的输出只有 HTML。...ESlint：你需要一个 linter 来自动查找（和修复）代码中的语法和模式问题时选它。调试目前 Node 的原生调试已经够用了，我建议用原生功能就行。

1.5K2 1

搞懂JavaScript引擎运行原理

块作用域 — 由花括号{}创建的范围作用域链 — 函数可以上升到它的外部环境(词法上)来搜索一个变量，它可以一直向上查找，直到它到达全局作用域。...当调用堆栈为空时，它将从事件队列中获取事件。作用域及作用域链在前面的示例中，所有内容都是全局作用域的，这意味着我们可以从代码中的任何位置访问它。现在，介绍下私有作用域以及如何定义作用域。...(除了全局作用域)然而，还有另一种方法可以创建新的作用域，就是块作用域。块作用域下面代码中，我们有两个变量和两个循环，在循环重新声明相同的变量，会打印什么(反正我是做错了)？...使用块作用域可以使代码更清晰，更安全，应该尽可能地使用它。事件循环(Event Loop) 接下来看看事件循环。这是回调，事件和浏览器API工作的地方 ?...然后停留在队列中，只有当调用堆栈(call stack)为空时才会被压入堆栈。 ? 代码示例要熟悉JS引擎，最好的方法就是使用它，再来些有意义的例子。

8802 0

命令行上的数据科学第二版：十、多语言数据科学

此外，我们直接在 CSV 文件上执行 SQL 查询，并从命令行执行 R 表达式。简而言之，在没有完全意识到的情况下，我们已经在做多语言数据科学了！在这一章中，我将进一步翻转它。...我将向您展示如何在各种编程语言和环境中利用命令行。因为说实话，我们不会把整个数据科学生涯都花在命令行上。...10.1 概述在本章中，您将学习如何：在 JupyterLab 和 RStudio IDE 中运行终端在 Python 和 R 中与任意命令行工具交互在 Apache Spark 中使用 Shell...➋ 对比这一行 Pyton 代码，统计alice.txt中的行数与其下面wc的调用数。...图 10.1 是 JupyterLab 的截图，显示了文件浏览器（左）、代码编辑器（中）、笔记本（右）、终端（下）。后三者都展示了利用命令行的方法。代码是我将在下一节讨论的内容。

1.2K2 0

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

这就导致用户需要在文档中摸索如何导入演示内容，很容易让人崩溃，也会招致用户的吐槽，甚至很多时候用户就完全放弃了WordPress。 “主题和演示效果不一样”，我把它叫做“网上最烦人的问题”。...通过一键导入演示数据的功能，主题开发者可以很轻松地在一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg块导入进来。...此外，默认Gutenberg块和定制化内容可以随演示内容一同导入，具有复用性，内容作者可以在其他任何页面或日志上重复使用，在将来构建新内容时会感到更加强大更加模块化。...用户不仅会在设置全新网站的时候能够体会到“管用、好使”的感觉，Gutenberg块的复用性也会让这种“管用、好使”的体验一直加深。...Genesis研发团队将在未来为引导工具添加更多其他功能，包括导入侧栏/菜单（需要等到WordPress 核心代码支持），将演示内容导入到任何类型的页面/日志中，以及其他需要用到内容导入的体验都会变得非常愉快

2K1 1

DeepMind提出关系RNN：构建关系推理模块，强化学习利器

然后，我们将RMC应用到一系列任务中，这些任务可能会从更显式的memory-memory 交互中获益，因此，可能会增加随时间推移的的关系推理能力：在Wikitext-103、Project Gutenberg...模型我们的指导设计原则是提供一个架构的主干，在这个基础上，模型可以学习如何划分信息，以及如何计算划分的信息之间的交互。...为了实现这一点，我们从LSTM、 memory-augmented神经网络和non-local网络（特别是Transformer seq2seq模型）组装构建块。...在前者中，解决方案需要显式的关系推理，因为模型必须对向量之间的距离关系进行排序，而不是对向量本身排序。后者在大量自然数据上测试模型，并允许我们将性能与经过良好调优的模型进行比较。...输入是表示这些代码片段的字母数字词汇表上的字符序列，目标是一个数字字符序列，它是给定编程输入的执行输出。

8263 0

WordPress 初学者词汇表（术语解释）

在 WordPress 中，小部件用于向Widget Areas（小部件区域）添加内容和功能，例如侧边栏、页脚或启用小部件的任何其他位置。...Gutenberg（古腾堡） Gutenberg是默认包含在 WordPress 中的无代码内容构建器。...Block and Block Templates（块和块模板）块是您可以通过内容或页面构建器（例如 Gutenberg 或 Elementor）添加的内容构建元素。...使用模板，您可以保存您设计用于重复使用或自动应用于特定内容部分的块的特定排列，您可以创建多个。...当您使用它时，您可能还想清除浏览器缓存！ Host and Hosting 主机或Web 主机是管理服务器的公司。

7.3K2 0

企业面试题: 面试前端工程师最喜欢问到的问题

2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。...3、盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型 4、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们 5、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题...JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。...1、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。 2、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。...3、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。 4、JSON —— 作用、用途、设计结构。

4301 0

WordPress 5.0默认老版编辑器

1.3K1 0

Spring中的设计模式

在本教程中，我们将研究Spring框架中使用的四种最常见的设计模式：单例模式工厂方法模式代理模式模板模式我们还将研究Spring如何使用这些模式来减轻开发人员的负担并帮助用户快速执行繁琐的任务...在航海环境中，我们想要制造船只，但是在航空航天环境中，我们想要制造飞机： ? 为此，我们可以为每个所需的对象创建一个工厂实现，并从具体的工厂方法中返回所需的对象。...，我们经常在软件（例如网络代理）之外使用它们。...---- 5.模板模式在许多框架中，大部分代码是样板代码。例如，在数据库上执行查询时，必须完成相同的一系列步骤：建立连接执行查询执行清理关闭连接这些步骤是模板方法模式的理想场景。...5.1 模板和回调模板方法模式是一种定义某些操作所需的步骤，实现样板步骤并将可自定义步骤保留为抽象的技术。然后，子类可以实现此抽象类，并为缺少的步骤提供具体的实现。

7833 0

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

状态和可见性面板现在称为摘要摘要面板下的永久链接和模板选项改进的信息面板站点图标将替换 WordPress 徽标新的首选项在站点编辑器中创建更多模板快速搜索和使用模板部分在站点编辑器中快速清除自定义...WordPress 6.1 将包括从 13.1 到 14.1 的古腾堡 Gutenberg 版本中引入的更改。这些 Gutenberg 版本的主要重点是为不同块的设计工具的可用性带来一致性。...在站点编辑器中创建更多模板在经典的 WordPress 主题中，用户可以使用模板层次结构创建模板，并通过编写代码来扩展他们的 WordPress 主题。...使用 WordPress 6.1，用户将能够使用块编辑器执行相同的操作，而无需编写代码。无论您使用哪个块主题，即将发布的版本都将解锁以下模板。...例如，如果您的主题有多个标题模板部分，那么您可以快速找到并应用其中一个。只需选择单击模板部分选项并选择替换。这将弹出一个模式弹出窗口，您可以在其中查找可以使用的可用模板部分。

4.7K3 0

wordpress 5.8更新,支持webp

现在，您可以在整个站点的小部件区域中添加块，也可以通过定制器进行实时预览。这为创建内容开辟了新的可能性：从无代码迷你布局到庞大的核心和第三方块库。...编辑帖子周围的模板您可以使用熟悉的块编辑器来编辑包含您的内容的模板——只需激活块主题或已选择使用此功能的主题。使用熟悉的块编辑器从编辑帖子切换到编辑页面然后再返回。兼容主题中有 20 多个新块可用。...在发行说明中阅读有关此功能以及如何试用它的更多信息。页面结构概述有时您需要一个简单的登陆页面，但有时您需要更强大的东西。...块的建议模式从此版本开始，模式转换工具将根据您使用的块建议块模式。现在，您可以在查询块和社交图标块中尝试一下。随着更多模式的添加，您无需离开编辑器即可获得有关如何设计网站样式的灵感！...在文档中还有更多关于它如何工作的信息。 theme.json 引入全局样式和全局设置 API：使用活动主题中的 theme.json 文件控制编辑器设置、可用的自定义工具和样式块。

2.2K1 0

flutter_bloc使用解析---骚年，你还在手搭bloc吗！

[新建bloc文件] [目录结构新建bloc文件] 是不是觉得，还在手动新建这些bloc文件low爆了；就好像fish_redux，不用插件，让我手动去创建那六个文件，写那些模板代码，真的要原地爆炸。...对于生成的模板代码，我们在这：去掉@immutable注解，去掉abstract；这里说下加上@immutable和abstract的作用，这边是为了标定不同状态，这种写法，会使得代码变得更加麻烦，用...它用作依赖项注入（DI）小部件，以便可以将一个块的单个实例提供给子树中的多个小部件。在大多数情况下，BlocProvider应使用它来创建新的bloc，这些bloc将可用于其余子树。...(BuildContext context) => BlocA(), child: ChildA(), ); 默认情况下，BlocProvider将懒惰地创建bloc，这意味着create当通过查找块时将执行该...它用作依赖项注入（DI）小部件，以便可以将存储库的单个实例提供给子树中的多个小部件。BlocProvider应该用于提供块，而RepositoryProvider只能用于存储库。

5.6K4 1

WordPress主题开发，从入门到精通。

best-practices/core-apis/ 官方开发文档：https://developer.wordpress.org/themes/basics/theme-functions/ 主题相关 1.如何为不同分类的页面显示不同的模板...，add_theme_support可以在主题的functions.php中调用，如需在hook中调用的必须在after_theme_setup中调用； add_theme_support( 'post-thumbnails...editor-color-pallete：配置块编辑器调色板。 editor-font-sizes：配置块编辑器字体大小。 editor-styles：配置块编辑器样式。...wp-block-styles：启用默认块编辑器样式。... 小部件本质就是一段可直接调用的代码块（分为边栏和挂件）。

10.7K4 0

关于“Python”的核心知识点整理大全25

依赖于try代码块成功执行的代码都放在else代码块中；在这个示例中，如果除法运算成功，我们就使用else代码块来打印结果（见2）。...except代码块告诉Python，出现ZeroDivisionError异常时该怎么办（见3）。如果try代码块因除零错误而失败，我们就打印一条友好的消息，告诉用户如何避免这种错误。...有时候，有一些仅在try代码块成功执行时才需要运行的代码；这些代码应放在else代码块中。except代码块告诉Python，如果它尝试运行try代码块中的代码时引发了指定的异常，该怎么办。...这些代码都放在else代码块中，因为仅当try代码块成功执行时才执行它们。...Python有一个pass语句，可在代码块中使用它来让Python什么都不要做： def count_words(filename): """计算一个文件大致包含多少个单词""" try: -

1061 0

yii2开发后记

5.布局模式 yii会默认开启布局模式，其布局模板为view中的layout中的main.php，我们可以在veder/yiisoft/yii2/web/controller.php基础类中public...$layout属性修改模板文件的配置。...虽然可能会造成模型与表不对应，但其构成接近sql语句，使用它可以轻易写出复杂的sql语句而不必严格遵从yii的内置规则。...> 15.视图中块的使用块内容在$this->beginBlock(['id'=>xxx])和$this->endBlock()之间定义，在layout中使用$view->block[id]来引用。...3.在JS中使用YII的变量若想在JS中使用YII的URL变量等，可以使用html中的script标签，将变量在第一次渲染视图时预先解析出来，将下面代码放在需要使用变量的地方之前。

3.2K5 0

niRvana · 轻拟物主题4.8完美版

Editor”（区块编辑器），在这种编辑器下，原有的“短代码”就显得非常的落后了：短代码存在的问题：在旧的TinyMCE编辑器中，短代码往往需要手动输入和编辑，很难记忆和使用。...块编辑器的优势：完全的可视化操作，无论是插入内容还是编辑参数，都可以可视化的操作，而无须去修改繁琐的代码。...因此本主题将原有的“短代码”全部升级成了“Gutenberg模块”，包括：小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等，极大的为用户提供了方便，例如：插入提示框...包含文档，详见：主题压缩包内的文档说明 2、废弃：原有的“不刷新加载页面”回调方法，使用新的“ajax_render_complete”钩子。用法详见第1条。...3、基于jQuery的插件理论上不会再出现问题了 v1.1.4 1、全部文章时间排序模板被加密导致消失，现在找回来了 v1.1.3 1、去掉“相册分类Tab菜单”，无论相册还是文章，都使用“分类菜单”

8.7K1 0

如何在 WordPress 中创建登录页面

使用 WordPress 创建登录页面在本文中，我们将学习如何使用Elementor创建一个简单的登录页面。Elementor是一个页面构建器（可视化编辑器），用于开发漂亮的页面和网站。...该插件使用 Elementor、Beaver Builder、Brizy 和 WordPress 默认编辑器 Gutenberg 等页面构建器，可以将许多漂亮的预建网站模板作为单独的页面模板访问。...转到插件并从入门模板插件中选择查看库，然后选择像 Elementor 这样的页面构建器。你也可以选择你选择的其他页面构建器。...第 3 步：选择你的目标网页模板在下一个屏幕上，你将可以选择登录页面主题和网站主题。你还可以从头开始构建登录页面。这个插件带有许多漂亮的模板。其中一些是免费使用的，一些需要购买。...选择你要编辑的块，你将获得以下选项。

2.9K2 1

Dart中的const，Flutter，Dart，React Native

新的应用程序模板包含一个示例测试，用于演示在创建测试时如何使用它，如下所示： // Test included with the new Flutter application template import...这里的例子是从头构建代码，所以 Directionality 部件需要在部件层次结构的某处。但是，使用 MaterialApp 窗口部件（例如使用默认应用程序模板）会隐式设置文本方向。...以下代码显示如何对齐行或列中的多个子部件： class MyStatelessWidget extends StatelessWidget { @override Widget build(BuildContext...以下示例显示如何使用它通过渐变来填充屏幕：单一动画 Flutter 包含一个 AnimationController 类，用于控制动画播放，包括开始和停止动画，以及改变动画的值。...要了解如何使用平台通道，Flutter 文档包含一个演示访问本机电池 API 的文档。结论即使在测试版中，Flutter 也为构建跨平台应用程序提供了一个很好的解决方案。

870 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云