微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Gutenberg PluginDocumentSettingPanel 检索帖子名称

如何解决Gutenberg PluginDocumentSettingPanel 检索帖子名称

我正在尝试在我的 wordpress 古腾堡中添加语言切换链接,以便我可以轻松切换到相应的语言编辑页面

我按照以下步骤操作:https://developer.wordpress.org/block-editor/developers/slotfills/plugin-document-setting-panel/

“语言切换器”部分成功显示,但我不知道如何添加编辑链接

我的想法是:

  1. 获取编辑链接,我们需要知道 post_id。
  2. 帖子名称在整个网站中是一致的,比如帖子在language1.example.com/post1,然后它有language2.example.com/post1,language3.example.com/post1,等等。 ..
  3. 因此,我需要先获取帖子名称,然后获取其他语言的帖子 ID,然后将它们保存到链接列表中。

然而,我被困在第 3 步,我不知道如何正确获取帖子名称...

下面是我的代码

import { registerPlugin } from '@wordpress/plugins';
import { PluginDocumentSettingPanel } from '@wordpress/edit-post';

const { select } = wp.data;
const title = select("core/editor").getEditedPostAttribute( 'title' );

const languageSwitcher = () => (
    <PluginDocumentSettingPanel
        name="custom-panel"
        title="Language Switcher"
        className="custom-panel"
    >
        <a>English {title}</a>
        <a>简体中文</a>
        <a>繁體中文</a>
    </PluginDocumentSettingPanel>
);
 
registerPlugin( 'language-switcher',{
    render: languageSwitcher,icon: 'translation',} );

现在,select("core/editor").getEditedPostAttribute('title') 返回 undefined...

非常感谢您的帮助!谢谢!

解决方法

您是否尝试过将 wp-data 添加到 wp_enqueue_script.txt 中? 例如:

wp_enqueue_script(
    'your-doc',plugins_url( 'build/yourDoc.js',__DIR__ ),[ 'wp-i18n','wp-edit-post','wp-element','wp-data' ],'0.0.1',true
);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。