今天周末，在家休息，外面阴雨绵绵，上午8:30送儿子去课外培训班，就在家附近，走过去5分钟，上课到11:30接，然后回家跟老婆两人看了一部电影，烧了一壶热水，喝茶，中午饭后睡了一小会，被骚扰电话吵醒，我生气的在电话里骂人。。真的很烦，最近银行贷款的营销电话好多，一天能接好几个，周末都要打来！！睡不着了。。起床折腾主题代码，想把首页文章显示为两栏（Wordpress首页改成两栏显示），没有着急敲键盘，思考了一会，突然灵感来了，马上整起来，嗯，好像效果还行，心情瞬间大好。

第一步：在index.php的 <?php if(have_posts()):?> 下一行添加<div class=”posts-container” style=”display: flex;flex-wrap: wrap;gap: 5px 40px;”> ，在 <ol class=”page-navigator”>上一行添加</div>。意思就是，给它定义一个框，并且给它style css。

第二步：在css末尾添加以下代码，在宽屏和窄屏上都能正确显示。

.post{width: calc(50% - 20px);box-sizing: border-box;} 
 
/* Switch to single-column layout on mobile */
@media (max-width: 800px) {.post {width: 100%;}}

第三步：把single，page和search的class=”post”添加style=”width: 100%;”