我注意到了一些事情。块的编辑区域仅显示在编辑器中,而不是前端。保存区域是要添加显示在前端的帖子的位置。
就我个人而言,我会使用jQuery/AJAX/和JSON。(因此您将使用Wp JSON API)。
我会这样做:
const {__} = wp.i18n;
( function( blocks, element ) {
var el = element.createElement;
blocks.registerBlockType( \'cgb/block-myposts\', {
title: __( \'myposts - CGB Block\' ),
icon: \'shield\',
category: \'common\',
keywords: [
__( \'myposts — CGB Block\' ),
__( \'CGB Example\' ),
__( \'create-guten-block\' ),
],
edit: function(props) {
return (
el( \'div\', { className: props.className },
el(\'div\', {\'class\': \'postarea\'})))},
save: function(props) {
return (
el( \'div\', { className: props.className},
el(\'div\', {\'class\': \'postarea\'}
)))} );
}(
window.wp.blocks,
window.wp.element
) );
根据您的具体项目需要,可以随意添加。请记住,保存区域是将显示在前端的区域。在此之后,您将使用jQuery检索类:postrea并插入所需的帖子。
根据您想要的用户体验,有几种方法可以解决此问题。