List Post in WordPress Themes POINT

Intinya seperti ini , WordPress themes POINT memang kadang dihalaman list artikel sering tidak pas tampilannya, seperti image gambar dan tulisan terlalu banyak sehingga tidak simetris. Sebenarnya halini tidak akan terjadi jika judul yang anda buat tidak terlalu panjang atau hanya satu baris, jika melebihi itu maka readmor akan melenceng.

solisinya seperti apa ?

Kita tinggal mengedit code themes point ini, kita kurangi jumlah karakternya sehingga readmore akan lebih maju keatas.

 <?php
/**
 * The main template file.
 *
 * Used to display the homepage when home.php doesn't exist.
 */
?>
<?php get_header(); ?>
<div id="page" class="home-page">
      <div class="content">
            <div class="article">
                  
                  <h3 class="frontTitle"><div class="latest"><?php _e('Latest','point'); ?></div></h3>
                  
                  <?php if ( have_posts() ) :
                        $point_full_posts = get_theme_mod('point_full_posts');
                        $j=0; $i =0; while ( have_posts() ) : the_post(); ?>
                              <article class="<?php echo 'pexcerpt'.$i++?> post excerpt <?php echo (++$j % 2 == 0) ? 'last' : ''; ?>">
                                    <?php if ( empty($point_full_posts) ) : ?>
                                          <?php if ( has_post_thumbnail() ) { ?>
                                                <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="featured-thumbnail">
                                                      <?php echo '<div class="featured-thumbnail">'; the_post_thumbnail('featured',array('title' => '')); echo '</div>'; ?>
                                                      <div class="featured-cat"><?php $category = get_the_category(); echo $category[0]->cat_name; ?></div>
                                                      <?php if (function_exists('wp_review_show_total')) wp_review_show_total(true, 'latestPost-review-wrapper'); ?>
                                                </a>
                                          <?php } else { ?>
                                                <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="featured-thumbnail">
                                                      <div class="featured-thumbnail">
                                                            <img src="<?php echo get_template_directory_uri(); ?>/images/nothumb.png" class="attachment-featured wp-post-image" alt="<?php the_title(); ?>">
                                                      </div>
                                                      <div class="featured-cat"><?php $category = get_the_category(); echo $category[0]->cat_name; ?></div>
                                                      <?php if (function_exists('wp_review_show_total')) wp_review_show_total(true, 'latestPost-review-wrapper'); ?>
                                                </a>
                                          <?php } ?>
                                    <?php endif; ?>
                                    <header>                                    
                                          <h2 class="title">
                                                <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a>
                                          </h2>
                                          <div class="post-info"><span class="theauthor"><?php the_author_posts_link(); ?></span> | <span class="thetime"><?php the_time( get_option( 'date_format' ) ); ?></span></div>
                                    </header><!--.header-->
                                    <?php if ( empty($point_full_posts) ) : ?>
                                          <div class="post-content image-caption-format-1">
                                          <?php echo mts_excerpt(20);?>
                                          </div>
                                        <span class="readMore"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow"><?php _e('Read More','point'); ?></a></span>
                                  <?php else : ?>
                                      <div class="post-content image-caption-format-1 full-post">
                                          <?php the_content(); ?>
                                      </div>
                                      <?php if (mts_post_has_moretag()) : ?>
                                          <span class="readMore"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow"><?php _e('Read More','point'); ?></a></span>
                                          <?php endif; ?>
                                  <?php endif; ?>
                              </article>
                        <?php endwhile;
                        point_post_navigation(); ?>
                  <?php else : ?>
                        <?php get_template_part( 'template-parts/content', 'none' ); ?>
                  <?php endif; ?>
            </div><!-- .article -->
            <?php get_sidebar(); ?>
            <?php get_footer(); ?>

Pada bari 44 itu alsinya bukan 20 namun 29, code itu bisa anda ubah sesuai dengan pilihan anda yang jelas harus lebih kecil dari 29. Maka hasilnya readmore akan menjadi naik dan sejajar dengan gambar.

Sebelum :

Sesudah :