ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

固定ページにソーシャルボタンを追加する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.ソーシャルボタンを固定ページにも表示させたい

記事ページには、各ソーシャルボタンの設定がテーマオプションより可能となっておりますが、固定ページでもソーシャルボタンをつけることが可能でしょうか。

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

INNOVATE HACKでは、数種類の固定ページをご用意しておりますが、今回はNosideテンプレートにてご説明致します。

編集するファイル:page-noside.php
編集する箇所:

<?php
/*
Template Name:No side
*/
?>
<?php get_header(); $options = get_desing_plus_option(); ?>
<div id="main_col">
 <div id="main_contents" class="clearfix">
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  <h2 class="post_title" id="page_title"><?php the_title(); ?></h2>
  <div class="post_content clearfix">
   <?php the_content(__('Read more', 'tcd-w')); ?>
   <?php custom_wp_link_pages(); ?>
  </div>
  <?php if ($options['show_comment']) : if (function_exists('wp_list_comments')) { comments_template('', true); } else { comments_template(); }; endif; ?>
  <?php endwhile; endif; ?>
 </div><!-- END #main_contents -->
</div><!-- END #main_col -->
<?php get_footer(); ?>

<?php
/*
Template Name:No side
*/
?>
<?php get_header(); $options = get_desing_plus_option(); ?>

<div id="main_col">

 <div id="main_contents" class="clearfix">

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

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

  <div class="post_content clearfix">
   <?php if($options['show_sns_top']) { include('sns_btn_top.php'); };?> 
   <?php the_content(__('Read more', 'tcd-w')); ?>
   <?php if($options['show_sns_btm']) { include('sns_btn_btm.php'); };?>
   <?php custom_wp_link_pages(); ?>
  <!-- author info-->
   <?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_info 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><?php if($user_data->post_name) { ?><span class="author_info_name2"><?php echo esc_html($user_data->post_name); ?></span><?php }; ?></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 }; ?>


     <?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;
   ?>
  </div>

  <?php if ($options['show_comment']) : if (function_exists('wp_list_comments')) { comments_template('', true); } else { comments_template(); }; endif; ?>

  <?php endwhile; endif; ?>

 </div><!-- END #main_contents -->

</div><!-- END #main_col -->

<?php get_footer(); ?>

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

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

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