採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマCORE:投稿者プロフィールを記事タイトルのすぐ下に表示する方法

Q.「投稿者プロフィール」を記事タイトル下にも表示させたい

複数のライターが記事を投稿しているサイトを運営していると閲覧者は投稿者ごとに記事を検索したり、読むかどうかの判断したりするものです。通常は記事の最後に投稿プロフィールが表示されていおりますが、下記のカスタマイズをすることで記事タイトルのましたに表示させることが可能です。

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

今回は、COREの通常の投稿記事の下記ファイルを編集します。
弊社テーマの「INNOVATE HACK」や「IZM」などの「投稿者プロフィール」の表示されるマガジン系テーマでも同様のカスタマイズで編集が可能です。

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

<?php get_header(); $options = get_desing_plus_option(); ?>

<div id="main_col">

 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

 <?php
      $cat_count = 1;
      foreach((get_the_category($post->ID)) as $category) {
        if($cat_count == 1) {
 ?>
 <h3 class="archive_headline" id="single_archive_headline"><span><?php echo $category->name; ?></span></h3>
 <?php
        } else {
          break;
        };
        $cat_count++;
      }
 ?>

 <h2 class="post_title"><?php the_title(); ?></h2>

 <ul class="post_meta clearfix">

↓ 

<h2 class="post_title"><?php the_title(); ?></h2>
  <!-- author profile -->
 <?php
    // author info *******************************************************************************
    if ($page == $numpages) :
     if (function_exists('get_coauthors')) {
      $author_ids = get_coauthors($post->ID);
     } else {
      $author_ids = array(get_the_author_meta('ID'));
     }
     foreach($author_ids as $_row) :
      if (!empty($_row->ID)) {
        $author_id = $_row->ID;
      } elseif (is_numeric($_row)) {
        $author_id = asbint($_row);
      } else {
        continue;
      }
      $user_data = get_userdata($author_id);
      if (!$user_data->show_author) continue;
 ?>
 <div class="author_profile clearfix">
  <a class="author_info_avatar" href="<?php echo get_author_posts_url($author_id); ?>"><?php echo get_avatar($author_id, 70); ?></a>
  <div class="author_info_meta clearfix">
   <h4 class="author_info_name"><a href="<?php echo get_author_posts_url($author_id); ?>"><?php echo esc_html($user_data->display_name); ?></a></h4>
   <a class="author_info_link" href="<?php echo esc_attr(get_author_posts_url($author_id)); ?>"><?php _e("Author archive","tcd-w"); ?></a>
   <?php if($user_data->profile2) { ?>
   <div class="author_info_desc">
    <?php echo wpautop($user_data->profile2); ?>
   </div>
   <?php } elseif($user_data->description) { ?>
   <div class="author_info_desc">
    <?php echo wpautop($user_data->description); ?>
   </div>
   <?php }; ?>
   <?php if($user_data->author_twitter or $user_data->author_facebook) { ?>
   <ul class="author_social_link clearfix">
    <?php if($user_data->user_url) { ?><li class="author_link"><a href="<?php echo esc_attr($user_data->user_url); ?>" target="_blank">WEB</a></li><?php }; ?>
    <?php if($user_data->author_twitter) { ?><li class="twitter"><a href="<?php echo esc_attr($user_data->author_twitter); ?>" target="_blank">Twitter</a></li><?php }; ?>
    <?php if($user_data->author_facebook) { ?><li class="facebook"><a href="<?php echo esc_attr($user_data->author_facebook); ?>" target="_blank">Facebook</a></li><?php }; ?>
   </ul>
   <?php }; ?>
  </div><!-- END author_meta -->
 </div><!-- END .author_info -->
 <?php
        endforeach;
      endif;
 ?>

※上記のように「投稿者プロフィール」を入れたい箇所に「<!ーー author profile -->~endif; ?>」を入れます。

投稿者プロフィールに自動出力される文言の変更

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事