更改Gutenberg内置摘录面板中的标签文本

时间：2021-07-30 作者：anu

古腾堡块编辑器中的摘录面板具有标签文本；写一篇摘录（可选）"；

如何编辑此文本？特别是我想删除；（可选）；。

我试图用JS来定位标签，但以下两项都不起作用（只需在控制台中看到一个空集合）。如果我跑步document.getElementsByClassName(\'e1puf3u2\') 在控制台中，我返回label元素。

wp.domReady(() => {
  let labels = document.getElementsByClassName(\'e1puf3u2\');
  console.log(labels);
});


document.addEventListener("DOMContentLoaded", function(event) {
  let labels = document.getElementsByClassName(\'e1puf3u2\');
  console.log(labels);
});

enter image description here

1 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

该标签是可翻译文本，其翻译是使用wp.i18n.__(), 因此，您可以通过gettext filter, 除了在JS/Gutenberg中i18n.gettext.

工作示例：

// Define our filter callback.
function myPluginGettextFilter( translation, text, domain ) {
    if ( text === \'Write an excerpt (optional)\' ) {
        return \'Write an excerpt\';
    }

    return translation;
}

// Adding the filter
wp.hooks.addFilter(
    \'i18n.gettext\',
    \'my-plugin/override-write-an-excerpt-label\',
    myPluginGettextFilter
);
另一种不使用挂钩更改文本的方法是使用wp.i18n.setLocaleData() 像这样：

wp.i18n.setLocaleData({
    \'Write an excerpt (optional)\': [
        \'Write an excerpt\'
    ]
});
/* The format is:
wp.i18n.setLocaleData({
    \'<original text>\': [
        \'<singular translation>\',
        \'<plural translation>\'
    ]
});

// but just pass one translation (one array item) if there are no plural
// translation available, or if both singular and plural translations are
// identical
*/
并记住加载脚本的依赖项，即。wp-hooks 对于第一个示例，以及wp-i18n 对于第二个示例。

标签： block-editor   excerpt   小码农  

相关推荐

Excerpts not showing

有人看到代码有什么问题吗？它没有显示摘录。它应该显示内容的前55个单词。该网站是this one.代码如下：<article id=\"post-<?php the_ID(); ?>\" <?php post_class(\'post__holder\'); ?>> <?php if(!is_singular()) : ?> <header class=\"post-header\">