今回は、久々の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
という訳で、次回のカスタマイズネタをお楽しみに。^^