STINGER5にテーマを変更。現時点までのカスタマイズ内容を『まとめ』てみた

スポンサーリンク

stinger5

STINGER5にブログのテーマを変更して1週間が経過しました。

過去に「Apollo」→「STINGER3」→「STINGER for FANS」と使ってきてましたが、今回、STINGER3のアップデート版のSTINGER5に変更しました。

今まで、使っていたテーマのデザインをそのまま利用していましたが、少しだけ「個性」を出してみたいと「欲求が湧いてきた」ので、毎日、少しずつ手を加えてきました。

大きなカスタマイズと言うよりは、本当に細かい部分ばかりの修正ですので、ちょと自分の頭の中の整理をかねて、ここまでカスタマイズした内容をまとめてみます。

ダウンロード:STINGER5 – WordPressのはじめ方や使い方

手を加えたファイル

自分で手を加えたファイルは

  • functions.php
  • header.php
  • single.php
  • sns.php
  • style.css

以上のファイルです。

子テーマを準備

ブログをカスタマイズするにあたり、今年の目標にしていた「ブログの子テーマを勉強する」ことでした。ズルズルと何もしないで今日まできてしまっていたので、とてもよい機会ということで、初めて採用しました。

functions.phpの変更点

自分で手を加えたスタイルシートが、反映しない事があるようなので、親テーマのfunctions.phpにメモされている「消してイイよ」の部分を削除しました。

header.phpの変更点

カスタマイズとしては、左側に表示されているブログ名を中央に移動。フォントをGoogleの提供する「Google Web Fonts」に変更しました。合わせてメニューをセンターに揃える感じにしました。

あとは、GoogleAnalyticsのトラッキングコードを追加、ファビコンを作成、Font Awesomeのコードを最新に変更。

sns.phpの変更点

Feedlyのボタンを追加。

style.cssの変更点

今回のカスタマイズで、1番苦労をしたファイルです。

  • レイアウトの変更
  • rss購読ボタンのカラー変更
  • 検索フォームのカラー変更
  • h3タグの変更
  • タグクラウドの変更

まず、変更したい部分がわかっていないので、該当する部分を見つけるが大変でした。

見つけることができたら変更し、反映されているかチェック。反映されない場合は、検索して情報収集してと、何度も繰り返しました。ほんとうに自分でもよく心が折れなかったと思います。

ここまでのまとめ

なんか、このブログに愛着が湧いてきました(笑)

初心者ながらカスタマイズ情報を収集しているうちに、やってみたいカスタマイズを見つけてしまい、カスタマイズする前に想像していたデザインより、スゴイ事になってしまいました。

少しずつブログが変化していくのが、作業していて楽しかったです。

今回、カスタマイズするのに参考にさせていただいたサイト

STINGER5カスタマイズまとめ!知りたい全てはここにある!|これは!ログ

これまで私がSTINGER5に行ったカスタマイズや設定のアレコレ|Shufulife

STINGER5 で CSS をカスタマイズ可能にする子テーマの作成 | キャリコ

Stinger5カスタマイズ;カスタマイズ前に子テーマにコピーしとくと良いファイルたち。functions.phpもね。 | ブログのちから

【STINGER5】検索窓の色を変える方法(STINGER3風にチェンジ!) |してみる

STINGER5のサイドバーとスタイルシートをカスタマイズ | 株式会社シスアナコム

他にもたくさんの情報があり、参考にさせていただきました。おかげさまで、自分の実力以上のカスタマイズになりました。本当にみなさんに感謝です。

スポンサーリンク

シェアする

スポンサーリンク