本ページはプロモーションが含まれています

【Stinger5カスタマイズ】記事の抜粋を削除して、カテゴリー、タグを挿入してみた。

今回は、久々のStinger5のカスタマイズ記事です。

 

Stinger5では、デフォルトでは各所に記事の抜粋が散りばめられてますよね。

抜粋

これ。

きちんと検索を意識して記事の出だしを書いていれば、SEO的にも良いのかもしれませんが、個人的には、視線が定まらないというか、全体的に少し見づらい気がしていました。

そこで、今回は記事の抜粋を削除してみる事にしました。

 

スポンサーリンク

記事抜粋の削除

記事の抜粋が表示されている箇所は、トップページの記事一覧、サイドバーの新着記事一覧、記事下の関連記事一覧の3ヶ所です。

Stinger5では、それぞれ

  • itiran.php・・・トップページの記事一覧
  • kanren.php・・・記事下の関連記事一覧
  • newpost.php・・・サイドバーの新着記事一覧

に分割されましたので、カスタマイズは非常にしやすくなっています。

今回は全ての箇所から記事抜粋を削除する事にしました。

といっても、記事一覧系のコードだけあって、いずれもほぼ同じコードとなっています。

という訳で、記事の抜粋を表示したくない箇所に該当するphpから下記のコードを削除するか、コメントアウトすればOKです。

//記事抜粋部分
<div class="smanone">
<?php the_excerpt(); //スマートフォンには表示しない抜粋文 ?>
</div>

 

代わりにカテゴリー、タグを挿入

これだけだと少し寂しい気がしたので、記事抜粋の代わりに、カテゴリーとタグを挿入してみました。

今回は、itiran.phpから下記コードを流用して、実現しています。

//カテゴリーおよびタグのコード
<div class="blog_info">
<p><i class="fa fa-clock-o"></i>
<?php the_time('Y/m/d') ?>
<span class="pcone"><i class="fa fa-tags"></i>
<?php the_category(', ') ?>
<?php the_tags('', ', '); ?>
</span></p>
</div>

といっても、時計アイコンや、日付は除外しています。

実際に追加したコードがこちら。

//実際の追加コード
<div class="blog_info">
<p><span class="pcone"><i class="fa fa-tags"></i>
<?php the_category(', ') ?>
<?php the_tags('', ', '); ?>
</p>
</div>

これを kanren.php や newpost.php の下記の箇所の下にコピペすればOKですね。

//挿入場所
<h5><a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a></h5>

以上で、変更完了です。

 

結果、 こんな感じになります。

トップページの記事一覧:

トップページ記事一覧

サイドバーの新着記事一覧:

サイドバー新着

記事下の関連記事一覧:

記事下-関連記事一覧

これで少しは見やすくなったかもしれません。
(その分、リンクが増えているのでSEO的にマイナスかもw)

 

あとがき

今回は非常に簡単なカスタマイズ内容でしたね。

自分でも、余りにアッサリし過ぎて、少し不完全燃焼感がありますw

 

もちろん、これには訳があって、実は次のカスタマイズの布石のつもりですw

 

という訳で、次回のカスタマイズネタをお楽しみに。^^

footstamp

 

タイトルとURLをコピーしました