javascript - 将每个博客日期移动到摘录的底部

Question

在站点主页上，有一个包含两篇最新博文的网格部分。我需要 Javascript 将日期移动到每个 block 的底部(边界外)。链接是:http://abundancepractice-building.flywheelsites.com

结构如下:

<div class="et_pb_column et_pb_column_4_4">
  <div class="et_pb_blog_grid_wrapper">
    <div class="et_pb_blog_grid clearfix et_pb_bg_layout_light blog-section" style="position: relative; height: 400px;">

    <article id="post-226" class="et_pb_post et_pb_no_thumb post-226 post type-post status-publish format-standard hentry category-uncategorized" style="position: absolute; left: 0px; top: 0px;">


      <h2><a href="http://abundancepractice-building.flywheelsites.com/what-you-learned-in-grad-school-is-ruining-your-website-and-10-ways-to-fix-it/">What You Learned In Grad School is Ruining Your Website (and 10 ways to fix it)</a></h2>

        <p class="post-meta">  Jun 5, 2015  </p>Blog excerpt text...        
    </article> <!-- .et_pb_post -->

因此 p.post-meta 需要附加到每个 block 的底部。我不是 Javascript 专家，但这是我目前所做的尝试:

jQuery(function($){
$( ".post-meta:nth-child(1)" ).appendTo(".et_pb_post.et_pb_no_thumb:nth-    child(1)");
$( ".post-meta:nth-child(2)" ).appendTo(".et_pb_post.et_pb_no_thumb:nth-child(2)");
});

和

jQuery(function($){

if ($('body').hasClass('et_pb_blog_grid')) {
$('.et_pb_post p')
.each(function() {
  var n = jQuery(this).find(".post-meta").html();
  $(n).clone().insertAfter(jQuery(this).find('.et_pb_post.et_pb_no_thumb'));
});
}

});

Answer 1

无需使用 javascript 即可执行此操作。

只需编辑模板并移动

<?php the_excerpt(); ?> 

在发布日期之前。

编辑:

在 wp 管理区域打开您的主页，记下它使用的模板名称。

然后在您的主题文件夹中搜索您的模板文件，寻找该名称，它应该如下所示:

<?php
/*
  Template Name: Homepage
 */
?>

这将是您需要修改的文件