【プログラミング入門最強の味方】STINGER8カスタマイズまとめ

WordPressのテーマStinger8のカスタマイズ記事が増えてきたので、
記事を種類別に分類をしてみました。

STINGER8は基本的には、最低限の機能しかないまっさらなテーマです。
その分非常にカスタマイズがやりやすく、HTMLやCSS、PHPの勉強するにはこれ以外ないといっていいほど、適したWordPressテーマです。

しかも無料で使えるので、非常にお得！！
これからWordPressの勉強やWebに関するプログラミングの勉強をしたいという方に参考してもらえるとうれしいです！

STINGER8はこんな人にピッタリ！

シンプルなテーマが良い方
自分好みに一からカスタマイズしたい方
ブログをやりながらHTMLやCSS、PHPの学習をしたい方

【当ブログでは現在無料テーマのCocoonを使用しています】

高機能なWordPressテーマ「Cocoon」なんだったら、カスタマイズなんて必要はないですが、やはり多少はカスタマイズしないと個性があまり出ないような気もします。そのため、当ブログで細かいカスタマイズ記事を少しずつ書いています。そのカス...

カスタマイズをするにあたり
ヘッダー関係
メニュー関係
記事エリア関係
コメント欄
サイドバー
フッター関係
アフィリエイト関係
その他
カスタマイズについて

新たにレンタルサーバーを選ぶならこれ！

エックスサーバー

国内シェアNo.1の高速サーバーなのでストレスフリー！
自動バックアップ機能に標準対応で安心運用可能！

気になるポイント！	キャンペーン中に契約すれば.com等のドメインを永久無料で使えます！

WordPressでサイトを運用すると重くなりがちですが、使用しているレンタルサーバーのスペックがあまり良くないと、どんなにWordPress側で高速化をしていても、なかなか高速化の成果が反映されません。サイトの表示スピードが上がらない原因がレンタルサーバーの場合は、エックスサーバーにしてみると改善するかもしれません！またサーバー等のバックアップを自動で行っているので、安心してサイトの運用をすることができます！またマルチドメイン、メールアドレスを無制限で使えるというのもうれしいですね。

公式サイトはこちら

カスタマイズをするにあたり

カスタマイズをする場合には、必ず子テーマを使用しましょう。
子テーマを使用することで、
カスタマイズによる不具合が生じてもすぐに修正することができるので、
直接テーマをいじるのではなく、
子テーマをカスタマイズすることをお勧めします。

子テーマの導入方法や説明はこちら

【WordPress】テーマをカスタマイズをするときは、子テーマを使うべし！

WordPressの機能の一つとして、「子テーマ」というものがあります。ブログを書き始めた方の場合や、WordPressを使い始めた方の場合は、「子テーマ？なんだそれ」とか「親テーマにそのままコードを書けばいいじゃん」と思うかもしれません。

【WordPress】子テーマの導入方法と使い方を覚えてガンガンカスタマイズする！

前回こちらの記事で、子テーマの重要性について説明しました。今回はその子テーマの導入方法と、使い方についてご説明します。子テーマを導入する！子テーマを導入する方法は2通りあります。１つは親テーマと一緒にダウンロードする！もう１つは自分で子テー

ヘッダー関係

①【WordPress】STINGER8のヘッダーを全幅にしたり、サイト名を中心にしたり、画像にする方法！
Stinger8の場合、デフォルトの状態はヘッダーの幅が決まっています。
それを画面いっぱいに広げる方法を紹介しています。
また、サイトタイトルを文字ではなく、画像にすることで、オリジナルのサイトロゴに変更する方法を紹介しています。

②【WordPress】STINGER8にスティッキーヘッダーを実装する方法！（header.php編集ver.)
たまにみかけるヘッダーの仕組みで、画面を下にスクロールしても、ヘッダーがずっと画面上に表示されていて、ヘッダーがついてきているように見えるものをスティッキーヘッダーと呼びます。
設定方法にもよりますが、グローバルメニューが常に表示されているため、ユーザビリティの向上につながります。
上の記事では、header.phpを編集する方法を紹介しています。

③【WordPress】STINGER8にスティッキーヘッダーを実装する方法！（WordPress推奨functions.php編集ver.)
上記のスティッキーヘッダーの記事とほとんど同じもので、やり方が異なる方法を紹介しています。
こちらでは、WordPressでも推奨している、functions.phpのファイルを編集する方法をご紹介しています。

メニュー関係

【WordPress】STINGER8におけるヘッダーメニューの簡単カスタマイズ集
こちらではグローバルメニューのカスタマイズ方法についてご紹介しています。

記事エリア関係

①【WordPress】STINGER8で記事エリアの横幅を広げる方法【簡単】
記事エリアと呼ばれるメインのコンテンツ部分の横幅を広げる方法を紹介しています。
広げることで、一行の文字数を増やすことができたり、Google Adsense等の広告を横並びにすることができるようになります。

②【WordPress】STINGER8で記事下のアドセンスを横並びにする方法
Stinger8のデフォルト状態だと、記事の下にあるGoogle Adsenseの広告は、縦に２つ並んでいますが、それを横並びにする方法をご紹介しています。
上記の記事①で記事エリアの横幅を広げることで、初めて記事下のアドセンス広告を横並びにすることができます。

③【WordPress】STINGER8でh2,h3の見出しをデザインしたり、先頭に画像を表示するカスタマイズ
h2やh3の見出しのカスタマイズをする方法を紹介しています。

④【WordPress】STINGER8の記事一覧にあるページナビのデザインをカスタマイズする！
新着記事一覧などで表示されるページナビのカスタマイズする方法をご紹介しています。
これを設定することで結構サイトの印象が変わりますよ！

⑤【WordPress】STINGER8のh2,h3タグに『Font　Awesome』を使ってアイコンを表示させる！
Font Awesomeと呼ばれる無料アイコンを使用して、h2,h3の見出しをカスタマイズしていきます。
アイコンを使うと、見出しがポップになったり、引き締まったりします！

⑥【WordPress】STINGER8で執筆者の表示位置を変更または消す方法
記事に表示される執筆者を消す方法などを紹介しています。
デフォルトの状態だと執筆者名がログインＩＤのままになっています。
それだとセキュリティー上良くないので、削除、変更することをおすすめします。

⑦【WordPress】Stinger8で記事の最初にアイキャッチ画像を自動で追加する方法
記事の一番上にアイキャッチ画像を自動的に表示させる方法を紹介しています。
手動でもできますが、記事を書くたびに毎回毎回設定するのは面倒です。
自動化させて時短しましょう！

⑧【WordPress】Stinger8の記事ページにある投稿日・更新日の文字色を変える！
細かいカスタマイズですが、記事の上等にある投稿日や更新日の文字の色を変える方法を紹介しています。