最近よく読んでいただいてるページはこちら

『STINGER PLUS+』カスタマイズでお世話になったサイトと私の設定

2016.7.29

ひと段落しました! ブログづくり。なのでまず、作者さんへの心からの感謝を込めて、STINGER PLUS+ への愛を語らせてください。それから、御礼の気持ちと敬意を表して、参考にさせていただいた方たちのサイトをご紹介します。最後は、当ブログのカスタマイザー設定の記録です。

tool

愛してますっ「STINGER PLUS+」

飽きっぽい私が続けていけそうな気がしてるのは、このワードプレステーマと出会ったおかげです。
導入してみて感動しました。

なんて綺麗なテーマにゃんだろう…
アバター画像

3つあるサイトすべてに使わせていただいてます。デフォルトのままで使っても、パツっとはまってる感・キリッと決まってる感がある。こんな綺麗なテーマに会ったのは初めてです。あ、私、Wordpress歴が長いわけではないですけど…

ReflinyHP

テマエミソですが、上の画像は私のホームページ。まだほとんど手をつけてなくて(と言い訳)、ほぼデフォルトです。それでも綺麗じゃないですか?(テーマがですよっテーマ) よく見たら、アドセンスがすごいいいタイミングでコメントくれてるように見えますねん。笑えた。
若葉マークにも優しい配慮の数々にも感謝しています。見た目にこだわりたいわりに実力がともなわない私でも、カスタマイザーだけで、ほぼ満足できるものにできました! これ、ほんとにすごいことだよっ!

NyanChest外観

見比べちゃえば、おんなじ形だってすぐわかるけど、色が違うと雰囲気違うよね?よね?

参考になるサイトたち

もっともっといろんなサイトを見た記憶があるんだけど…忘れちゃった。記録を残しておくことの大切さを思い知る。恩知らずだよねぇ。
だけど、実際に今現在活きてる設定はここにあげたものぐらいになってるかもしれない。そういう意味では、3人だけに「ありがとうございます!」Special Thanks!

スクロールすると右下の方に出る、ポチればシュルーんとTopへ戻してくれるボタン『Page Top』のカスタマイズ。その他もあるから、見てみてください。
独りでってことですが、会社経営できてるってすごい! Twitter使うようになったら教えてください、フォローしますからっ。ここで言って、届くん?

STINGER PLUS+のちょっとだけ簡単5つのCSSカスタマイズ

現在表示中の記事は新着記事一覧から外すやり方。STINGER5のカスタマイズ記事を書かれています。PLUS+でも応用できるのも、あるね。
手書きふう(?)のイラストからもうかがえる ほのぼの感が好きです。Twitterも、そんなかんじ。100日チャレンジの結果が気になってるけど、報告記事探せないでいます。サイト運営のサイト『SAKULIFE』は、これから拝見したいと思っています。私まだそんなこと考えるまで行けてないし…

【STINGER5】現在表示中の記事は新着記事一覧へは非表示にする

一番見たのはKanamiさんとこ。Twitterでも仲良くしていただいてる。仲良くしてもらえるって嬉しいねっ。
日常ツイートがあったかくて、私の理想のお母さん像。って言っても、たぶんおんなじぐらいの歳なんだけど…失礼だったらごめんね…
教え方『『どこの→なにを→どうする』がCSSの共通書式』にヤラレちゃったんだよね。こういう教え方する人が好き。もう始まってるゼロからシリーズも期待してます。
で、特に、目次を表示する『Table of Contents Plus』、フッター部分、サイドバーその他のカスタマイズ。

目次を表示するWordPressプラグイン【Table of Contents Plus】を簡単カスタマイズ! 【WordPress】STINGER PLUS+ フッターのカスタマイズ(キャプションを非表示&メニューカラーの変更) 【WordPress】STINGER PLUS+ ヘッダー・サイドバー・コンテンツの細かいカスタマイズとCSSの基礎レッスン

その他、覚えてない方々へも(コラッ)「ありがとうございます!」

カスタマイザーで できたこと

カスタマイズのCSSやHTMLがどうのとか、参考にする人も多いはず。カスタマイザー使ってやったことの記録なんて、誰が知りたいの?…と思いました。
マンイチ何かあったばあいには、記録が残ってるとやり直せる。自分用にしかならなくても、じゅうぶん価値あるなと思い直しました。自分にとってだけのもの、という価値だよね。
じゃ、いきます。

カスタマイザー

①〜③

① 全体の色を決められます。ここで指定しちゃうと、細かく設定できなくなるので、私は使いませんでした。
② ロゴ画像も使ってません。
③ サイトのタイトル『NyanChest』 と キャッチフレーズ『すきなもの すてきなもの なんでも宝箱』 を入力、タブに出るサイトアイコンをアップロードしました。アイコン作りについては別ページを見てください。

ブログの「マイキャラ」自分で作れる無料サービス6種

余談: Nyanが描いたへたっぴぃな絵が見れます。主人が爆笑してました。

④基本カラーと各メニュー設定

ここから細かく設定しました。色にこだわりたいんだもん。だけど、自分じゃ配色がうまくいかなくて、主人のチカラを借りました。

たよりになるにゃの

背景は壁紙を使うと決めていたので、背景色サイト背景色を抜かして、記事エリア背景色で背景色透過50%にしました。これ、素敵よね。
 その後のやつもスクリーンショット撮っておいてので、それで見てください。

menu配色
menu配色1

⑤テキスト及び各見出し色

 ここが一番こだわったところ。

サイトタイトル他 h2-h4色

サイドバー見出し色
記事上カテゴリー
関連記事
テキスト色

⑥オプションカラー

 RSS(購読する)ボタンの色を #ffb2ff にしたのと

おすすめ記事

⑦ヘッダー画像

ヘッダーの画像が気に入ってます。どこで見つけたんだったか忘れちゃったな…トリミングとぼかし、文字入れは Macに入れてる無料アプリでしました。

このブログ全体の配色は、このヘッダー画像を元に決めました。って言っても、主人に調整してもらったんだけど…

画像から配色

綺麗な色合いではあるんだけど、地味だよね? Palettonについてはまた別ページで紹介します。以前書いたのが…

センスのいい配色を決めよう!カラージェネレーター7種

⑧背景画像

リンク集 にあるリンク先で見つけた壁紙をアップロードして、背景の繰り返し をタイルに、背景の位置 は中央、背景スクロール固定にしてます。

⑨メニュー

あこがれてたの フォントアイコン!

menuバー

この部分にマークを入れたくて! ここで使うことができました。

menuにFA

フォントアイコンについては、別ページにあります。

フォントアイコン『Font Awesome』でブログを飾ってみる

⑩ウィジェット

まだまだこれからな部分。アドセンスもまだやってないや。めんどくさくて…
サイドバーウィジェットだけ、これだけ。

サイドバーウィジェット

Feedlyボタンと、Twitterウィジェットの埋め込みは別のページにあります。

ブログにFeedlyボタンをつけるよ かんたん!ブログのサイドバーにTwitterを埋め込む8ステップ

さいごに

あちこちに無料ブログ作り散らしては放置してきた私が、長く続けていくことを目標として、こうしてブログしてる。奇跡だわと思います。何かひとつのことを長く、ってやったことない。見た目に惚れるテーマに出会えたこと、とりあえずのカスタマイズがイージーだったこと、この2つの持つ意味はとても大きかった。しみじみと感謝します。
細かいことはこれから徐々に少しずつやるとして、記事書かにゃ〜。ですね。

宝箱にしていくにゃの