Add author info in Post List

  • Resolved hookedontech

    (@hookedontech)


    8 years, 1 month ago

    can you please help me with the following:

    1) I am using List View on my homepage for blog posts. Currently, the post category and date are displayed (above post title) but I would like to display the author name & # of comments and remove the post category.

    It should look something like this:
    By ‘Author’ / On ‘Date’ / ‘X’ Comments

    2) I would like to add a line to separate the blog posts in the List Layout of homepage (mainly because it is confusing in mobile view as there is no physical separation).

    3) I am using Featured Posts on my homepage. Currently, there is big white gap between the three pictures. Is there anyway to reduce this gap?

    Can you please let me know how to do this?

    Website: http://www.hookedontech.com

    • This topic was modified 8 years, 1 month ago by hookedontech.
    • This topic was modified 8 years, 1 month ago by hookedontech.
    • This topic was modified 8 years, 1 month ago by hookedontech.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter hookedontech

    (@hookedontech)

    8 years, 1 month ago

    Any help would be greatly appreciated.

    • This reply was modified 8 years, 1 month ago by hookedontech.
    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    8 years, 1 month ago

    Hello hookedontech,

    1. You need to below changes into content-list.php file located at wp-content/themes/type/template-parts/post directory. Find div with entry-meta class in that file and replace with below code. This will changes only for list post layout. If you want to change into grid and large layout you need to change into content-grid.php and content.php file.

    <div class="entry-meta">
  <span class="author"><?php echo get_the_author(); ?></span>
  <span class="sep">/</span>
  <?php _e('On', 'type'); echo ' <span class="posted-on">' . type_time_link() . '</span>'; ?>
  <span class="sep">/</span>
  <?php $comments_count = wp_count_comments( get_the_ID() ); ?>
  <span class="comments"><a href="<?php echo get_the_permalink(); ?>#comments">(<?php echo $comments_count->approved; ?>) <?php _e('Comments', 'type'); ?></a></span>
</div>

    2. Try below css code.

    .post-wrapper.col-12 {
  border-bottom: 1px solid #969696;
  margin-bottom: 20px;
}
.post-wrapper.col-12:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

    3. I can’t find any big white gap, there are three featured posts, one with big thumbnail and other two with medium size thumbnail.

    Note : All Changes you done in content-list.php or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

    Thanks.

    Thread Starter hookedontech

    (@hookedontech)

    8 years, 1 month ago

    Thank you for your response.

    for 3) I was referring to the space between the thumbnails. I want the thumbnails to be close together (currently, there is some spacing between them).

    Thank you again!

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    8 years, 1 month ago

    Hello hookedontech,

    3. Try below css code.

    @media(min-width: 1440px) {
  .featured-small {
    height: 250px;
  }
  .featured-posts .col-8, 
  .featured-posts .col-4 {
    padding: 0;
  }
  .featured-posts .col-4:last-child {
    margin-top: -40px;
  }
}

    Hope this will helps you.

    Thanks.

    Thread Starter hookedontech

    (@hookedontech)

    8 years, 1 month ago

    thank you! I had to modify the code slightly but it worked!

    @media screen and (min-width: 1440px) {
    .featured-small {
    height: 250px;
    }
    .featured-posts .col-8,
    .featured-posts .col-4 {
    padding: 0;
    }
    .featured-posts .col-4:last-child {
    margin-top: -40px;
    }
    }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Add author info in Post List’ is closed to new replies.