STINGER5をカスタマイズしてみる。まずはファビコンから

      2015/09/19

このエントリーをはてなブックマークに追加
Pocket

yamardo.png

ブログのテーマを「STINGER5」に変更してまず最初に目についたのがファビコン。

画像自体は適当に作ったから、そろそろちゃんとしたものに変更したいなーとか思っていますが、とりあえずオリジナルのものに変更することはしておきたいなーってことで変更してみました。

今回はプラグインなしで「子テーマ作成」から

今まではプラグインで表示させていましたが、テーマ変更に伴ってうまく表示されなくなったことと、CSSの勉強も兼ねて「子テーマ作成」の段階から行いました。

全く知識のない私、Atsushi(@atsushi_k0)にとっては大冒険ですが、とりあえず参考にしたサイトに書いてある通りにやってみました。

参考にしたサイトはコチラ。

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

header.php を子テーマに作ってファビコンをオリジナル画像に設定する | キャリコ

Stingerシリーズのファビコンをオリジナル画像に変更する方法

 

書いてある通りに設定して、自分のブログを再表示させてみると、あっさりうまくいきました・・・かに見えました。が、、、

トップページから各記事に入っていくとファビコンが表示されない

それ以外にもなんだか動作が安定しません。表示されたりされなかったり。

おかしいなーということで参考サイト様の内容を細かくチェックしてみると。。。

70e544e74a7b27522e87b26b14d942c0.png

画像が細かすぎて分かりませんね(●´⌓`●)

最後の「”」が抜けていたのです。これを入力してみると、見事に動作が安定して全てのページでファビコンが表示されるようになりました。

ちゃんと勉強してないとCSSとかイジるのコワい。でも踏み込む勇気を

正直、うまく表示されなかった時はどうしていいか分からず泣きそうになりました。私は昔から、このように「お手本通りにやれば必ずできる!!」的なものでスムースにできたことがほとんどありません。原因を検索して何度も修正したら、なぜか成功したという経験がほとんどなのです。なので今回は比較的スムースに修正できたと思います。それでも泣きそうでしたが、、、。

このCSSのような分野は本当に今まで触れてこなかった分野なので、マジでコワい。今までも逃げ回ってきましたが、そうも言っていられません。

これを成功させることができたのは私にとっては自信になりました。おかげでプラグインをひとつ外すことができました。あまり無謀なチャレンジはできませんが、ちょっとずつ挑戦していきたいと思いましたとさ。

あとはセンスのいいファビコン画像をどこからか用意しなくては・・・。

 - ブログ運営

  • このエントリーをはてなブックマークに追加
  • Pocket
  •    
  • follow us in feedly

  関連記事

日記ブログを書くことの5つのメリットとは

私が無料の某ブログサービスで日記ブログを始めたのは2010年5月3日ですから、ブ …

SEOはブロガーの必須科目?「できるけどやらない」のと「できないからやれない」ことの違いって?

私はSEOの知識はほとんどありません。 無視してきたわけではないのですが、本を読 …

消滅したブログのデータが(ほぼ)復活!で嬉しいぞ!!

今月に入り、ブログの熱を取り戻した直後だったにもかかわらず更新頻度がガクッと下が …

ブログ記事の文字数が多い方がSEOに有効なのか

当ブログも、ある程度は記事を書くことが習慣化されてきていますので、次に考えるのが …

ブログに設置してあるソーシャルボタンを見直してみる、まずはフォローボタンから

今まであまり意識していませんでしたが、Twitterやfacebookなどの「ソ …

ブログが書けなくなった時は「書かない」という選択肢が効くぞ(私見)

あくまで私見ですが。 先日書いたエントリーに私がブログを書けなくなった経緯を記し …

環境や条件を制限された方が作業がはかどるという不思議

ただいま、ブロガソンに参加中です。ブロガソンっていうのは ブログ と マラソン …

多方面からみる自分のブログのカラーとは

当ブログは雑記ブログです。これまでもそうですし、これからもそれは変わりませんが、 …

838記事あるメインブログより、たった8記事しかないサブブログのほうがPVが高かった理由を考えた

このての記事は書くつもりがなかったのですが、どうにも困ったことになってきたので筆 …

時間の流れとブロガーの今

ここのところ更新がすっかり滞っているAtsushi(@atsushi_k0)です …