我现在正尝试几天以编辑Storefront的博客页面。应该没那么难,但实际上是。
我基本上想要做的是以网格布局显示所有帖子。我得到了与CSS一起工作。
body.blog article, body.archive article {
width: 32.5%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-bottom: 10px;
position: relative;
}
.hentry.type-post .entry-content {
width: 100%;
float: none;
border: 5px solid yellowgreen;
}
.hentry .entry-header {
/*border-bottom: none;*/
border: 3px solid blue;
}
但是我想在图片下方和摘录上方显示帖子的h2标题。我尝试使用这3个钩子来查看它们对归档页面中的帖子标题是否有任何影响。
remove_action('storefront_single_post', 'storefront_post_header');
remove_action('storefront_page', 'storefront_page_header');
remove_action('storefront_homepage', 'storefront_homepage_header', 10);
但是不幸的是,它们根本没有效果。即使我从插件中挑选出它们来显示/隐藏帖子标题(其名称为:店面标题切换)。
然后我在Storefront主题的所有文件(我使用Netbeans)中搜索了相应的CSS类entry-header
和entry-content
,但是由于没有清晰的html结构,我在这里找不到帮助我可以将entry-header
移动到图片下方。
有人知道如何移动此标题吗?