Stinger3 – カスタマイズ備忘録〈その二〉 ~標準でSEOに強いWordPressテーマ(無料)~

公開日:  最終更新日:2014/04/08

stinger3-公式サイト
Stinger3 の公式ページはコチラ → WordPressテーマのSTINGER3公式サイト
※画像は公式ページのヘッダーになります。

先日 Stinger3のカスタマイズでやったこと 【まとめ】 という記事を書いたばかりだけれど、追加のカスタマイズ方法です。

【2014年3月12日追記】
上記記事はタイトルを変更しました。

今回は「追尾型SNSボックスの非表示」と「記事タイトル直下にSNSボックスを追加表示」の2つ。

追尾型SNSボックスを非表示にする方法

なぜこの機能を使わないかと言うと、普段プラグインで AddThis Smart Layers を使用しているため。
個人的にはこっちのデザインの方が好みであるし、ユーザーが好きなSNSを選べるため利便性が良いのではと思うからである。

やり方はカンタン。footer.php の最後にある <!– ここにsns02 –> から <!– ここまでsns02 –> の中をコメントアウトすれば良い。こんな感じで(↓)

<!-- ここにsns02 -->
<!-- 追尾型SNSを非表示にするためコメントアウト
<?php if ( function_exists('wp_is_mobile') && wp_is_mobile() ) :?>
<?php else: ?>
<?php get_template_part('sns02');?>
<?php endif; ?>
-->
<!-- ここまでsns02 -->

記事タイトル下にSNSボックスを設置する方法

以前は WP Social Bookmarking Light というプラグインを使って記事の上下にSNSボックスを表示していたのだけれど、せっかくだからプラグイン無しで実装してみる。

単一記事の表示を変更するには single.php を編集する。
表示したい場所に、

<?php get_template_part('sns');?>

を記述し、SNSボックスを呼び出してあげれば良い。追加記述後のコードはこちら(↓)

<?php get_header(); ?>

<div class="kuzu">
  <div id="breadcrumb">
    <div itemscope itemtype="https://data-vocabulary.org/Breadcrumb"> <a href="<?php echo home_url(); ?>" itemprop="url"> <span itemprop="title">ホーム</span> </a> &gt; </div>
    <?php $postcat = get_the_category(); ?>
    <?php $catid = $postcat[0]->cat_ID; ?>
    <?php $allcats = array($catid); ?>
    <?php 
while(!$catid==0) {
    $mycat = get_category($catid);
    $catid = $mycat->parent;
    array_push($allcats, $catid);
}
array_pop($allcats);
$allcats = array_reverse($allcats);
?>
    <?php foreach($allcats as $catid): ?>
    <div itemscope itemtype="https://data-vocabulary.org/Breadcrumb"> <a href="<?php echo get_category_link($catid); ?>" itemprop="url"> <span itemprop="title"><?php echo get_cat_name($catid); ?></span> </a> &gt; </div>
    <?php endforeach; ?>
  </div>
</div>
<!--/kuzu-->
<div id="dendo"> </div>
<!-- /#dendo -->
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
  <!--ループ開始-->
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  <div class="kizi">
    <h1 class="entry-title">
      <?php the_title(); ?>
    </h1>
    <div class="blogbox">
      <p><span class="kdate">公開日:
        <time class="entry-date" datetime="<?php the_time('c') ;?>">
          <?php the_time('Y/m/d') ;?>
        </time>
        :
        <?php if ($mtime = get_mtime('Y/m/d')) echo ' 最終更新日:' , $mtime; ?>
        </span>
        <?php the_category(', ') ?>
        <?php the_tags('', ', '); ?>
        <br>
      </p>
    </div>

    <!-- 記事タイトル下にSNSボックスを設置 ここから -->
    <?php get_template_part('sns');?>
    <!-- ここまで --> 

    <?php the_content(); ?>
    <?php wp_link_pages(); ?>
  </div>
  <div style="padding:20px 0px;">
    <?php get_template_part('ad');?>
  </div>
<div class="kizi02">
  <?php get_template_part('sns');?>
  </div>
  <?php endwhile; else: ?>
  <p>記事がありません</p>
  <?php endif; ?>
  <!--ループ終了-->
  <div class="kizi02"> 
    <!--関連記事-->
    <h4 class="kanren">関連記事</h4>
    <div class="sumbox02">
      <div id="topnews">
        <div>
          <?php
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
'post__not_in' => array($post -> ID),
'posts_per_page'=> 10,
'category__in' => $category_ID,
'orderby' => 'rand',
);
$st_query = new WP_Query($args); ?>
          <?php
if( $st_query -> have_posts() ): ?>
          <?php
while ($st_query -> have_posts()) : $st_query -> the_post(); ?>
          <dl>
            <dt> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
              <?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
              <?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>
              <?php else: // サムネイルを持っていないときの処理 ?>
              <img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />
              <?php endif; ?>
              </a> </dt>
            <dd>
              <h4 class="saisin"> <a href="<?php the_permalink(); ?>">
                <?php the_title(); ?>
                </a></h4>
              <p class="basui">
             <?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 50 ) . ''; ?></p>
              <p class="motto"><a href="<?php the_permalink(); ?>">記事を読む</a></p>
            </dd>
          </dl>
          <?php endwhile;
?>
          <?php else:
?>
          <p>記事はありませんでした</p>
          <?php
endif;
wp_reset_postdata();
?>
        </div>
      </div>
    </div>
  </div>
  <!--/kizi--> 
  <!--/関連記事-->
  <div style="padding:20px 0px;">
    <?php get_template_part('ad');?>
  </div>

  <?php comments_template(); ?>
  <!--ページナビ-->
  <div class="p-navi clearfix">
<dl>
      <?php
        $prev_post = get_previous_post();
        if (!empty( $prev_post )): ?>
       <dt>PREV  </dt><dd><a href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a></dd>
      <?php endif; ?>
      <?php
        $next_post = get_next_post();
        if (!empty( $next_post )): ?>
         <dt>NEXT  </dt><dd><a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a></dd>
      <?php endif; ?>
</dl>
  </div>
</div>
<!-- END div.post -->
<?php get_footer(); ?>

中段あたりにある <?php the_content(); ?> の直前に追記した。

あとがき

ここまでくるとだんだんStingerを使う意味がなくなってきているような気がしてなんだか作者に申し訳ない・・・

何を持ってSEOに強いと言えるのか?

これこそStingerを使う意義だと思うのだけれど、さすがに一からテーマを作る技術は持ち併せていないのが残念である。
記事数もまだ少ないのからテーマを変えたときの検証もできないしね。
今後の課題としますm(_ _;)m

[milliard]
  • サイト内検索

  • カテゴリ


  • スポンサードリンク



PAGE TOP ↑