如何移除WordPress预生成的页面多余空白区域？

问题详情 #

• 尝试移除WordPress页面中预生成的多余空白区域时遇到阻碍，包含该空白区域的区块计算布局如下：
  
• 当前页面的实际显示效果：
  
• 目前无法确定该空白区域的具体来源

补充代码片段 #

以下是entry-content区域的代码片段，.wp-block-group是内容的起始容器，但选中该元素时，空白区域并未被高亮显示：

<div class="entry-content">
::before        
<div class="wp-block-group alignfull has-foreground-background-color has-background is-layout-constrained"><div class="wp-block-group__inner-container"><div class="wp-block-image">
<figure class="aligncenter size-medium"><img data-attachment-id="116" data-permalink="https://bolestech.com/boles-technologies/original-logo/" data-orig-file="https://hunterb9101.files.wordpress.com/2023/03/original-logo.png" data-orig-size="2300,1533" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="original-logo" data-image-description="" data-image-caption="" data-medium-file="https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=300" data-large-file="https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=750" src="https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=300" alt="" class="wp-image-116" srcset="https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=300 300w, https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=600 600w, https://hunterb9101.files.wordpress.com/2023/03/original-logo.png?w=150 150w" sizes="(max-width: 300px) 100vw, 300px" /></figure></div>


<hr class="wp-block-separator has-text-color has-background-color has-alpha-channel-opacity has-background-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />


<nav class="is-responsive items-justified-center wp-block-navigation is-content-justification-center is-layout-flex wp-container-2" aria-label="Primary"><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-1"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button>
            <div class="wp-block-navigation__responsive-container  " style="" id="modal-1">
                <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close>
                    <div class="wp-block-navigation__responsive-dialog" aria-label="Menu">
                            <button aria-label="Close menu" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button>
                        <div class="wp-block-navigation__responsive-container-content" id="modal-1-content">
                            <ul class="wp-block-page-list has-large-font-size"><li class="wp-block-pages-list__item wp-block-navigation-item open-on-hover-click menu-item-home"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://bolestech.com/">Home</a></li><li class="wp-block-pages-list__item wp-block-navigation-item open-on-hover-click"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://bolestech.com/about/">About</a></li><li class="wp-block-pages-list__item current-menu-item wp-block-navigation-item open-on-hover-click"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://bolestech.com/contact/" aria-current="page">Contact</a></li></ul>
                        </div>
                    </div>
                </div>
            </div></nav></div></div>
...

内容的提问来源于stack exchange，提问作者Hunter