『STINGER PLUS+』カスタマイズでお世話になったサイトと私の設定
ひと段落しました! ブログづくり。なのでまず、作者さんへの心からの感謝を込めて、STINGER PLUS+ への愛を語らせてください。それから、御礼の気持ちと敬意を表して、参考にさせていただいた方たちのサイトをご紹介します。最後は、当ブログのカスタマイザー設定の記録です。
愛してますっ「STINGER PLUS+」
飽きっぽい私が続けていけそうな気がしてるのは、このワードプレステーマと出会ったおかげです。
導入してみて感動しました。
[baloon-line-right img="https://nyanchest.com/wp-content/uploads/2016/06/Nyan.jpg"]なんて綺麗なテーマにゃんだろう…[/baloon-line-right]
3つあるサイトすべてに使わせていただいてます。デフォルトのままで使っても、パツっとはまってる感・キリッと決まってる感がある。こんな綺麗なテーマに会ったのは初めてです。あ、私、Wordpress歴が長いわけではないですけど…
テマエミソですが、上の画像は私のホームページ。まだほとんど手をつけてなくて(と言い訳)、ほぼデフォルトです。それでも綺麗じゃないですか?(テーマがですよっテーマ) よく見たら、アドセンスがすごいいいタイミングでコメントくれてるように見えますねん。笑えた。
若葉マークにも優しい配慮の数々にも感謝しています。見た目にこだわりたいわりに実力がともなわない私でも、カスタマイザーだけで、ほぼ満足できるものにできました! これ、ほんとにすごいことだよっ!
見比べちゃえば、おんなじ形だってすぐわかるけど、色が違うと雰囲気違うよね?よね?
参考になるサイトたち
もっともっといろんなサイトを見た記憶があるんだけど…忘れちゃった。記録を残しておくことの大切さを思い知る。恩知らずだよねぇ。
だけど、実際に今現在活きてる設定はここにあげたものぐらいになってるかもしれない。そういう意味では、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』 と キャッチフレーズ『すきなもの すてきなもの なんでも宝箱』 を入力、タブに出るサイトアイコンをアップロードしました。アイコン作りについては別ページを見てください。
余談: Nyanが描いたへたっぴぃな絵が見れます。主人が爆笑してました。
④基本カラーと各メニュー設定
ここから細かく設定しました。色にこだわりたいんだもん。だけど、自分じゃ配色がうまくいかなくて、主人のチカラを借りました。
[baloon-line-right img="https://nyanchest.com/wp-content/uploads/2016/06/Nyan.jpg"]たよりになるにゃの[/baloon-line-right]
背景は壁紙を使うと決めていたので、背景色サイト背景色を抜かして、
記事エリア背景色 で背景色透過50%にしました。これ、素敵よね。
その後のやつもスクリーンショット撮っておいてので、それで見てください。
画像は、クリックで全体をご覧いただけます。
⑤テキスト及び各見出し色
ここが一番こだわったところ。
⑥オプションカラー
RSS(購読する)ボタンの色を #ffb2ff にしたのと
⑦ヘッダー画像
ヘッダーの画像が気に入ってます。どこで見つけたんだったか忘れちゃったな…トリミングとぼかし、文字入れは Macに入れてる無料アプリでしました。
このブログ全体の配色は、このヘッダー画像を元に決めました。って言っても、主人に調整してもらったんだけど…
綺麗な色合いではあるんだけど、地味だよね? Palettonについてはまた別ページで紹介します。以前書いたのが…
⑧背景画像
リンク集 にあるリンク先で見つけた壁紙をアップロードして、背景の繰り返し をタイルに、背景の位置 は中央、背景スクロール固定にしてます。
⑨メニュー
あこがれてたの フォントアイコン!
この部分にマークを入れたくて! ここで使うことができました。
フォントアイコンについては、別ページにあります。
フォントアイコン『Font Awesome』でブログを飾ってみる
⑩ウィジェット
まだまだこれからな部分。アドセンスもまだやってないや。めんどくさくて…
サイドバーウィジェットだけ、これだけ。
Feedlyボタンと、Twitterウィジェットの埋め込みは別のページにあります。
ブログにFeedlyボタンをつけるよ かんたん!ブログのサイドバーにTwitterを埋め込む8ステップ
さいごに
あちこちに無料ブログ作り散らしては放置してきた私が、長く続けていくことを目標として、こうしてブログしてる。奇跡だわと思います。何かひとつのことを長く、ってやったことない。見た目に惚れるテーマに出会えたこと、とりあえずのカスタマイズがイージーだったこと、この2つの持つ意味はとても大きかった。しみじみと感謝します。
細かいことはこれから徐々に少しずつやるとして、記事書かにゃ〜。ですね。
[baloon-line-right img="https://nyanchest.com/wp-content/uploads/2016/06/Nyan.jpg"]宝箱にしていくにゃの[/baloon-line-right]