WordPressのテーマをStinger3からStinger5へ乗り換えたまとめ

まとめと言っても自分用メモです。だから見難いったらありゃしませんｗ

WordPressのテーマを今まで色々とチューニングしてきたStinger3から、デフォルトのStinger5に切り替えたところ、Googleの「Page Speed Insights」のスコアがデフォルトのままではかなり低く（60点）なってしまったので再度チューニングを進めます

なお、いずれもwordpressのダッシュボードから外観→テーマの編集で修正しています

フッター(footer.php)
ヘッダー(header.php)
記事一覧表示(itiran.php)
サイドバー(sidebar.php)
単一記事の投稿(single.php)

フッター(footer.php)

下準備：まずはfontawesomeからファイル一式をダウンロードして、サーバ内へ転送しておく

</body></html>の次行へfont awesomeのリンクを追加

ヘッダー(header.php)

faviconがstinger5のデフォルトアイコンに変えられてしまうので元通りのアイコンに修正

font-awesome.min.cssを削除して、代わりにstyleタグでファーストビューの表示に必要となる要素を記載。念のためにフッター部の</html>の後でcss本体を読み込ませておく（フッター項で前述）

記事一覧表示(itiran.php)

デフォルトではカテゴリとタグが一括で表示されているので、分別して表示

一覧表示中、３行目と８行目に広告を挿入する

<?php if ( $loop_count == 3 || $loop_count == 8 ) : ?>

ここに広告(adsense)のスクリプトを記入

<?php endif; ?>

サイドバー(sidebar.php)

Twitterのフォローアイコンを追加
Feedlyのアイコンを追加。アイコン(PNG)はローカルにダウンロードして更に最適化も実施
検索フォームの直下に、現在のカテゴリの人気記事を表示

<?php if (is_single() || is_category()) :?>
<?php
/* 現在のカテゴリ－の取得 */
$cat_now = get_the_category();
$cat_now = $cat_now[0];
$now_id = $cat_now->cat_ID; /* カテゴリID */
?>
<h4 class=”menu_underh2″>「<?php echo $cat_now->cat_name; ?>」に関する人気記事</h4>
<?php if (function_exists(‘wpp_get_mostpopular’)) {
$args = ‘
limit=5&
range=weekly&
order_by=views&
thumbnail_width=60&
thumbnail_height=60&
cat=”‘.$now_id.'”&
wpp_start=””&
wpp_end=””&
post_start=”<div class=”populer-post”><ul>”&
post_end=”</ul></div>”&
stats_comments=0&
stats_views=1&
post_html=”<li><a href=\'{url}\’>{thumb}</a><h5><a href=\'{url}\’>{text_title}</a></h5><span class=\’post-stats\’><span class=\’wpp-views\’>{stats}</span></span><a href=\'{url}\’ class=\’link-box\’></a></li>”
‘;
wpp_get_mostpopular($args);
} ?>
<?php endif; ?>