WordPressテーマTCDのカスタマイズを研究するサイト

トップページのサムネイル画像の配置を変更する

Q.トップページのサムネイル画像の配置をタイトルの上に移動したい

トップページの新着記事一覧では、サムネイル画像が左で、記事の抜粋が右という配置になっていますが、
アイキャッチの登録が無い記事が混ざるとバランスが悪く見えるので、サムネイルをタイトルの下に移動させたいです。

A.下記ファイルの該当箇所を編集します

編集するファイル:style_pc.css
編集する箇所:index, post list内の以下の2行をコメントアウト

/* ----------------------------------------------------------------------
 index, post list
---------------------------------------------------------------------- */

/*.post_item .image { float:left; display:block; position:relative; }*/

/*.post_item .info { width:330px; float:right; }*/


編集するファイル:index.php
編集する箇所:

 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 <div class="post_item clearfix<?php if (!has_post_thumbnail()) { echo
' no_thumbnail'; }; ?>">
  <?php if ( has_post_thumbnail()) { ?>
  <a class="image" href="<?php the_permalink() ?>"><?php
the_post_thumbnail('size1'); ?></a>
  <?php }; ?>
  <div class="info clearfix">
   <div class="meta clearfix">
    <p class="post_date"><span class="date"><?php the_time('j');
?></span><span class="month"><?php $month = get_the_date('M'); if
(strtoupper(get_locale()) == 'JA') { echo encode_date($month); } else
{ echo $month; }; ?></span></p>
    <ul<?php if ($options['show_comment']) { echo ' class="no_comment"'; }; ?>>
     <li class="archive_date"><?php the_time('Y', 'tcd-w'); ?></li>
     <li class="post_category"><?php the_category(', '); ?></li>
     <?php if ($options['show_comment']) : ?><li
class="post_comment"><?php comments_popup_link(__('Write comment',
'tcd-w'), __('1 comment', 'tcd-w'), __('% comments', 'tcd-w'));
?></li><?php endif; ?>
    </ul>
   </div>
   <h4 class="title"><a href="<?php the_permalink() ?>"><?php
the_title(); ?></a></h4>

 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 <div class="post_item clearfix<?php if (!has_post_thumbnail()) { echo
' no_thumbnail'; }; ?>">
  <div class="info clearfix">
   <div class="meta clearfix">
    <p class="post_date"><span class="date"><?php the_time('j');
?></span><span class="month"><?php $month = get_the_date('M'); if
(strtoupper(get_locale()) == 'JA') { echo encode_date($month); } else
{ echo $month; }; ?></span></p>
    <ul<?php if ($options['show_comment']) { echo ' class="no_comment"'; }; ?>>
     <li class="archive_date"><?php the_time('Y', 'tcd-w'); ?></li>
     <li class="post_category"><?php the_category(', '); ?></li>
     <?php if ($options['show_comment']) : ?><li
class="post_comment"><?php comments_popup_link(__('Write comment',
'tcd-w'), __('1 comment', 'tcd-w'), __('% comments', 'tcd-w'));
?></li><?php endif; ?>
    </ul>
   </div>
  <?php if ( has_post_thumbnail()) { ?>
  <a class="image" href="<?php the_permalink() ?>"><?php
the_post_thumbnail('size1'); ?></a>
  <?php }; ?>
   <h4 class="title"><a href="<?php the_permalink() ?>"><?php
the_title(); ?></a></h4>

※ハイライト部分をカット(Ctrl+X)アンドペースト(Ctrl+V)しています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。