Problema com Alterações de Código e Personalizações no WordPress

Obrigado Rui pela Resposta.

Tenho esta página no meu code.

Antes de eu ter gravado no wordpress eu conseguia editar aqui a pagina no code e aparecia no frontend o que eu mudava.


A partir do momento que eu edito a página no wordpress e nao no code, já nunca mais consigo alterar o que quero a partir do Visual code..

single-product.html



<!-- wp:template-part {"slug":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"inherit":true,"type":"constrained"}} -->

<main class="wp-block-group">

    <!-- wp:woocommerce/breadcrumbs /-->

    <!-- wp:woocommerce/store-notices /-->

    <!-- wp:columns {"align":"wide"} -->

    <div class="wp-block-columns alignwide">

        <!-- wp:column {"width":"512px"} -->

        <div class="wp-block-column" style="flex-basis:512px">

            <!-- wp:woocommerce/product-image-gallery /-->

        </div>

        <!-- /wp:column -->

        <!-- wp:column -->

        <div class="wp-block-column">

            <!-- wp:post-title {"level": 1, "__woocommerceNamespace":"woocommerce/product-query/product-title"} /-->

            <!-- wp:woocommerce/product-rating {"isDescendentOfSingleProductTemplate":true} /-->

            <!-- wp:woocommerce/product-price {"isDescendentOfSingleProductTemplate":true, "fontSize":"large"} /-->

            <!-- wp:post-excerpt {"__woocommerceNamespace":"woocommerce/product-query/product-summary", "excerptLength":100} /-->

            <!-- wp:woocommerce/add-to-cart-form /-->

            <!-- wp:woocommerce/product-meta -->

            <div class="wp-block-woocommerce-product-meta">

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->

                <div class="wp-block-group">

                    <!-- wp:woocommerce/product-sku {"isDescendentOfSingleProductTemplate":true} /-->

                    <!-- wp:post-terms {"term":"product_cat","prefix":"Category: "} /-->

                    <!-- wp:post-terms {"term":"product_tag","prefix":"Tags: "} /-->

                </div>

                <!-- /wp:group -->

            </div>

            <!-- /wp:woocommerce/product-meta -->

        </div>

        <!-- /wp:column -->

    </div>

    <!-- /wp:columns -->

    <!-- wp:woocommerce/product-details {"align":"wide","className":"is-style-minimal"} /-->

    <!-- wp:pattern {"slug":"woocommerce-blocks/related-products"} /-->

</main>

<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer"} /-->

Consegues criar sem editar? Se não, o ideal será veres isto de um ponto de vista de programação com um programador WordPress

Não entendi? tenho que entrar em contacto noutra seção?