WordPressのテーマをSTINGER7に変更

2016/04/152016/12/06

1. テーマをSTINGER7に変更
2. STINGER7のテーマの導入方法
3. テーマの導入後の変更箇所
- 3.1. STINGER基本管理画面の変更箇所
- 3.2. テンプレートファイル（single.php）の変更箇所
4. ヘッダー画像を変更

テーマをSTINGER7に変更

STINGERの新しい子テーマに変更しようと思い、ネットで調べていると「STINGER7」がリリースされていたのでWordPressのテーマを「STINGER7」に変更しました

STINGERのテーマは「稼ぐブログの作り方～SEOに強いWordPressテンプレート「STINGER」」よりダウンロードできます

STINGER7のテーマの導入方法

１．STINGERのHPにアクセスします

２．「ダウンロード及び規約」をクリックします

３．中段の下付近にダウンロードできる箇所があるので、そこよりテーマをダウンロードします

４．ダウンロードできたらWordPressの管理画面にアクセスします

５．「外観」→「テーマ」の順にクリックします

６．先ほどダウンロードした「stinger7.zip 」, 「stinger7child.zip 」を下記の画面からアップロードしインストールします

７．STINGER7のテーマを有効にすればOKです

公式サイトでもテーマの設定方法が紹介されています
・テーマのアップデートの方法

テーマの導入後の変更箇所

テーマを導入後に行った設定を変更した箇所を紹介します。ご使用の環境によって違うので参考程度してください

STINGER基本管理画面の変更箇所

テーマ導入後に「STINGER基本管理画面」にて以下の箇所を初期値より変更しました。

投稿一覧のサムネイルを丸くする
下層ページにもヘッダー画像を表示する
ヘッダー画像をスライドショーで表示する
トップタイトルを書き替え
トップ用のメタキーワード
トップ用のメタディスクリプション
現在のトラッキングID
サーチコンソールHTMLタグ

サーチコンソールHTMLタグも設定しましたが、ダブルクォーテーション（”）などが自動でHTMLコード（"）変換されサーチコンソールの管理画面より確認できませんでした。
そのままではサーチコンソールが使用できないので、HTMLファイルをアップロードして確認する方法に変更しました

テンプレートファイル（single.php）の変更箇所

テンプレートファイル内の個別投稿 (single.php) を一部変更しているので、その設定を新しいテンプレートにも反映しました

記事の文字数によって、「〇〇分で読むことができます」て表示するように設定しています。それを表示するためにPHPコードを追加していますので、そのコードを追加しました

<?php if ( $mtime = st_get_mtime( 'Y/m/d' ) ) {
　　echo ' <i class="fa fa-repeat"></i>&nbsp; ', $mtime;
} ?>

<!? ここから何分で読めます ?>
<?php
$mycontent = $post->post_content;
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 600)+1;
$time = ($m == 0 ? '' : $m) ;
?>
この記事は約<b><?php echo $time; ?></b>分で読むことができます。
<!? ここまで何分で読めます ?>

</span></p>

アイキャッチ画像を投稿したページのトップに表示するようにしているので、そのコードも追加します

</span></p>
　　</div>

<!? ここからアイキャッチ画像 ?>
<div class=“post-thumbnail”><center>
  <?php the_post_thumbnail(‘full’);?>
</center></div>
<!? ここまでアイキャッチ画像 ?>

<?php the_content(); //本文 ?>