Lightningの記事一覧ページの本文を消してタイトルだけにする

11

記事の方法でカスタムを100%保障するものではございません。

悪しからずご了承下さいませ。

古いバージョンでのカスタム内容となります

※カスタマイズは必ずバックアップの上、自己責任にて行って下さい。

記事一覧ページの本文を消してタイトルだけにする

Lightning(WordPress・テーマ)の記事一覧ページですが本文の一部が表示されて

スマホでは見にくいのでタイトルだけにしてスマホ観覧時のデザインをすっきりさせます。

[スポンサーリンク]

 

削除前のコード

<article class="media">
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php if ( has_post_thumbnail()) :?>
<div class="media-left postList_thumbnail">
<a href="<?php the_permalink(); ?>">
<?php
$attr = array('class'   => "media-object");
the_post_thumbnail('thumbnail',$attr); ?>
</a>
</div>
<?php endif; ?>
<div class="media-body">
<?php get_template_part('module_loop_post_meta');?>
<h1 class="media-heading entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<a href="<?php the_permalink(); ?>" class="media-body_excerpt"><?php the_excerpt(); ?></a>
<!-- 
<div><a href="<?php the_permalink(); ?>" class="btn btn-default btn-sm"><?php _e('Read more', 'lightning'); ?></a></div>
-->  
</div>
</div>
</article>

 
 

削除前PC

WordPressテーマ・Lightning改造8

 
 

削除前スマホ

WordPressテーマ・Lightning改造8

 
 

削除後のコード

<article class="media">
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php if ( has_post_thumbnail()) :?>
<div class="media-left postList_thumbnail">
<a href="<?php the_permalink(); ?>">
<?php
$attr = array('class'	=> "media-object");
the_post_thumbnail('thumbnail',$attr); ?>
</a>
</div>
<?php endif; ?>
<div class="media-body">
<h1 class="media-heading entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<a href="<?php the_permalink(); ?>" class="media-body_excerpt"><?php the_excerpt(); ?></a>
</div>
</div>
</article>

 
 

完成PC

WordPressテーマ・Lightning改造8

 
 

完成スマホ

WordPressテーマ・Lightning改造8

 
 

Lightningの改造

 

この投稿へのコメント

コメントはありません。

コメントを残す