admin管理员组

文章数量:1292723

I used gutenberg layout method with wordpress editor to call recent posts. Wordpress automatically generated this HTML structure.

<ul class="wp-block-latest-posts__list has-dates wp-block-latest-posts">
   <li>
     <div class="wp-block-latest-posts__featured-image">
       <img loading="lazy" width="1024" height="663" src="" alt="" class="wp-image-73" 
            srcset="" sizes="(max-width: 1024px) 100vw, 1024px">
     </div>
     <a href="">SOME TEXT</a>
     <time datetime="2021-05-08T17:21:16+00:00" class="wp-block-latest-posts__post-date">May 8, 
           2021</time>
     <div class="wp-block-latest-posts__post-excerpt">SOME TEXT</div>
   </li>
</ul>

Now I need to group anchor, time and the last div tag in another div tag for my CSS design. Problem is I do not know how to edit html structure of recent post with wordpress editor. Should I code?

clicking over SOME POST doesn't give me a chance to create a new div there.. I use underscore theme.

I DON'T WANT USE PLUGINS IF IT IS POSSIBLE WITHOUT PLUGIN

本文标签： block editorEditing HTML structure of Gutenberg layout recent post

版权声明：本文标题：block editor - Editing HTML structure of Gutenberg layout recent post? 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741561160a2385455.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。