【NEW!】初心者にピッタリ! たった60分で出来ちゃったコピペだけのブログカスタマイズ!
「初心者がはてなブログを綺麗にカスタマイズする」方法 を紹介しちゃうよっ!
目次はこちらっ👇
本ページの改修は、CSSを利用してはてなブログデザインを改修しているよっ!
皆様の環境によって、挙動が違う可能性があるので、必ずバックアップなどを取りつつ、自己責任で試していただけると幸いですっm(_ _)m
第一章:なぜブログを改修したのかっ!
本ブログ読者様の70%がスマホで読んでくださっていると気づきましたっ!
うん
なので、この前初めてスマホ版のデザインチェックをしたのっ
うん?
死ぬほど読みにくいなって・・・。申し訳ないなって・・・。
生き返って・・・
善は急げっ!出来る限りブログを読みやすく直していくよっ!
良かった・・・
第二章:ブログを読みやすく改修するメリット
まず、第一章の補足をちょっと行うよ!
"はてなブログ標準機能"のアクセス解析でわかるのは以下の要素なんだっ!
"はてなブログ標準機能"のアクセス解析でわかること
- アクセス数
- アクセス元サイト
- アクセス先のページ
足りないンですわっ!ということで、ブログ再稼働あと、グーグルアナリティクスさんの設定を行っていて、先日ようやく設定が完了したのです。
グーグルアナリティクスでわかったこと
- デバイス:70%の方がスマホで閲覧してくださっている!
- チャネル:50%が検索、40%の方がTwitter経由!
と初めて知ったわけですっ!
いつも見てくださっている方本当にありがとうございますっ!
ん?スマホ?そういえば、記事を書く時もチェックするときもPCだったなと思ったら!とても!見にくい!なので即改修を決断しましたっ!
ブログ改修で見込まれるメリット
- リピート率の改善
- 滞在時間の改善
何より、ブログって自分の家/仕事場/宝物的な感じで書いているので、そもそもできるだけ見やすく素敵な形にしたいっ!という思いはあります。
それとは別に、"効果"として目指しているのは、リピート率の改善と滞在時間の改善です。最近の悩みとして、記事が多い時は訪問者が増える、記事が少ない時は訪問者が減る、新規訪問者は増えるがリピートしてくださる方は少ないという点があります。
スマホの方が7割と考えると納得です・・・。私なら、2度訪れることはなさそうなデザインだったと思うからです。また、ぱっと見の読みにくさは、直帰率も高めてしまうので、できるだけじっくり読んでもらえると嬉しいなあという目標もあります。
第三章:ブログを読みやすくするための3ステップ!
はてなブログのデザインを変更する方法っ!
ブログ管理画面、左サイドバーにある「デザイン」をクリックっ!
スパナマーククリックから、CSSのところにコードを入力します!
ここにデザイン変更のコードを入れると、ブログ全体に適用されます!
「最後に変更を保存する」をクリックするのをお忘れなくっ!
注意点として、元からはいっているコードは消さないようにしましょう!最悪ブログが動かなくなってしまったり、壊れたりしてしまうので、CSSは既存のコードに付け足していくようにしましょうっ!
ステップ1:はてなブログの文字サイズを変更する!
文字サイズは16.8pxに設定っ!以下をCSSに張り付けましたっ!
/* 文字サイズを大きく */
.entry-content p {font-size: 16.8px;}
@media screen and (max-width: 480px){.entry-content p {font-size: 16px;}}
こちらは、色々なサイトからピックアップして作ったので、
ちょっとキメラっぽいコードになってしまいました。
16.8pxは、そういうルールがあるというより、自分で実際に記事を読んで確認して、最適かなと思うサイズを選んだ形になります!数値のところを変更すると、文字のサイズを変更できますよっ!
ステップ2:はてなブログの行間を狭くする
(サルワカ様ご記載の方法を参考にしましたっ!)
行と行の間があまりにも広すぎるっ!以下をCSSに張り付けましたっ!
/* 行間を狭く */
.entry-content p { line-height: 1.8em; margin:0; font-size: 1em}
これ一発で、かなり見やすくなりました!!
ただ、本文の行間は変えられたけど、タイトルの行間がまだ広い!
ということでひたすら解決方法を探し・・・
(モーリーのメモ様ご記載の方法を参考にしましたっ!)
記事タイトルの行間も変更完了!以下をCSSに張り付けましたっ!
/* 記事タイトル */
.entry-title a{
line-height: 1em; /* 行の高さ */
}
ここまでで、かなり以前と比べて読んでいられるデザインに変わりました!
調べる過程で、どうしても面白そうな改修があったので、
"会話形式の導入"にもトライしてみました!
ステップ3:はてなブログで会話形式ができるようにする!
(SHIROMAG様ご記載の方法を参考にしましたっ!)
こちら、コードが人によって違うのと、方法を書いても参考サイト様の丸パクリになってしまうので、実践してみたいっ!という方は、SHIROMAG様の丁寧丁寧丁寧な解説に従えば、私と同じく30min以内に実践できちゃいます!
このような感じで!
会話できるようになっちゃうよ!
参考:フリーアイコンをお借りしていますっ!
とてもとても素敵なアイコン用画像をお借りしています!
興味のある方は、必ず作者様プロフィール欄を熟読をお願いしますm(_ _)m
この後目指しているさらなる改修っ!
(リンクは、やせっぽち寄稿文様)
トップページ固定化検討中! ワードプレスを比較して、一番弱いなと思うのがトップページの持ち方なんだけど、変えるかどうか検討中だよっ!
おしゃれ極まる・・・という感じだけど、デメリットもありそうだから要精査なんだ!
「見出し」デザイン変更検討中!今の大見出し、中見出しも気に入っているけど、初期に仮置きで設定しているものだから、本格的に改修を検討中だよ!でもあまり色を使いすぎるのも、見にくくなっちゃうから慎重に選んでいるね!
さて、いかがでしたでしょうか?自分のサイトの読みづらさにはびっくりしましたが、これからも、できるだけ失敗したり改善したりを繰り返していこうと思います!
私は0から情報探しから始めたので、1時間とちょっとかかってしまいましたが、この情報を適用するだけなら、30分で出来ちゃうかも知れませんね!
いいね!と思った方はTwitterフォローをお願いします~!
最新情報はTwitterで共有しています(∩´∀`)∩
(今回一番衝撃だったのはこんな素敵な絵に出会えたことかも・・・)
(あままつ様改めてありがとうございます!)
【水曜日のカンパネラ『シャクシャイン』】聴いて、今日も一日頑張るぞい!ズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
朝の名曲紹介コーナーですズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
「水曜日のカンパネラ『シャクシャイン』なら一日中でも聴いてられるのだ」
「――その曲ならYoutubeでも試しに聴けるぞ」
「なにっ」
「どうだ、聴いてみるか」
「う、うむ」
「聴こう」
「聴こう」そういうことになった。 【陰陽師】――夢枕獏(大嘘)
知っている人は知っている。知らない人は、覚えてね。
水曜のカンパネラ姉貴やね。岡崎体育がダメな人はまあ合わんと思うよ(偏見)。わかるよ(遠藤章造)不毛なサブカル民 VS 水曜日のカンパネラをサブカルと呼ぶのは嫉妬だから乙民の仁義なき戦いはおいておいて、Youtubeだと『桃太郎』って曲のサムネが強すぎるけど、聴いたことなくて興味がある人には、この曲のほうが私はおすすめなんや。
桃太郎これね↓
北海道を舞台にした、THE言葉遊び的な王道を行くところを堂々とやってのけていて、BGMとしてずっと聴いているのにちょうど良くて流しっぱなしなんや。でもな、北海道と来たからには、あっさりしょことDead by Daylightを歌詞にいれるべきやったと思うよ。いれられなかったのは瑕疵やな。今日もみんなHHEMながら頑張ろうな。
ここすき↓
Youtube Premiumオススメする記事
自宅勤務用の人狼動画まとめ
オススメゲームレビュー
おすすめマンガレビュー
みんなデッバイやろう
【シシド・カフカ『ラヴコリーダ』】聴いて、今日も一日頑張るぞい!ズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
朝の名曲紹介コーナーですズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
「シシド・カフカ『ラヴコリーダ』なら一日中でも聴いてられるのだ」
「――その曲ならYoutubeでも試しに聴けるぞ」
「なにっ」
「どうだ、聴いてみるか」
「う、うむ」
「聴こう」
「聴こう」そういうことになった。 【陰陽師】――夢枕獏(大嘘)
知っている人は知っている。知らない人は、覚えてね。
このお方は、私は詳しくなくて最近Youtubeのおすすめで出会ったから紹介や。MONKEY MAGICのオススメで出てきたのと、PV冒頭にヒッピー風?の外国人が音楽にのってうろうろしているからこの人が歌うんやろなあと思ってたら、栗山千秋似の美人さんが突然ドラムを叩き出したんや。
ドラムだったんかいと思ったのもつかの間、今度は歌いだしたんや。君が歌うんかい。しかもめちゃくちゃ上手い。そっからはPV全部みちゃったよね。外国人は全然歌わなかったよ。これからもオススメに出てきていい曲があったら紹介したい歌手さんやね。再生数がたまげた感じだから私が知らないだけで有名な方やと思うよ。
Youtube Premiumオススメする記事
自宅勤務用の人狼動画まとめ
オススメゲームレビュー
おすすめマンガレビュー
【MONKEY MAJIK × 岡崎体育『留学生』】聴いて、今日も一日頑張るぞい!ズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
朝の名曲紹介コーナーですズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
「MONKEY MAJIK × 岡崎体育『留学生』なら一日中でも聴いてられるのだ」
「――その曲ならYoutubeでも試しに聴けるぞ」
「なにっ」
「どうだ、聴いてみるか」
「う、うむ」
「聴こう」
「聴こう」そういうことになった。 【陰陽師】――夢枕獏(大嘘)
知っている人は知っている。知らない人は、覚えてね。
岡崎体育さんの曲って言うと『MUSIC VIDEO』で止まってる人も多いと思うけど、そんな人には留学生をまずオススメしたいねんな(唐突なとんかつQ&A難民救済)。MONKEY MAJIKの地力の高さと懐の深さ、そこに岡崎体育のいつものが追加されて、奇跡のバランスを保った名曲なんや。噛み合ったときのPITBULL叔父貴並。言い過ぎか?まあええわ。
以下のような瀟洒(なんて読むかわからないから咲夜さん メイドで検索してコピペ)な言葉遊びをプロの旋律が支える名曲。いつまででも聴いてられるわ。これ聴いて今日も頑張って生き抜こうな。
Youtube Premiumオススメする記事
自宅勤務用の人狼動画まとめ
オススメゲームレビュー
おすすめマンガレビュー
【定時退社オンライン】第五人格やっていきます(大嘘)/ブラック企業から勝利への脱出
『定時退社オンライン』のOP。なあ、名曲すぎないか?
※オープニングが名曲なので聞き入ってます笑
※ゲーム本編開始は5:10からです!
定時退社オンラインレビュー
はい。やってみました定時退社オンライン。まず、オープニングの歌の力の入りようがあまりも草が生えますね。ゲームはちょい荒ですが今後に期待したいところです。
ざっくり言うと、会社員(サバイバー)側の目標は、
- 「脱出前に日報を記録する」(各個人が行う)
- 「電話で労基に連絡して脱出ドアを開けてもらう」(チームの誰かが行う)
- 「SNSでブラック上司を晒す」(チームの誰かが行う)
です。最初に言っておきます、サバイバーガン有利ゲーです笑。サバイバーのコツは、SNS撮影をさっさと誰かが済ませることですね。ドアなんか一瞬で空くので。
このちょっといい上着を着ている上司(ハンター、キラー)側の目標は、
全員の脱出阻止
です。それ以外は敗北扱いです。(画像はSNS晒し用の画像撮影中)
( ^ω^)・・・いや、無理だよ上司側!笑
まだ、色々整備中感がでているのですが、上司側で勝利を目指すと、脳が破壊されます。何人捕まえたら勝ち、とかにしないと、ゲームになってません笑
上司側のコツは、まずSNS用写真を防いで初めて価値の目がある感じです。基本、『追ったら負け』迫る会社員を、資料でスタンさせて椅子に座らせる。それを繰り返して、時間切れを待つのが勝ち筋みたいでした。
このゲーム、オススメかと言われると・・・笑 でもなんだか手軽に出来すぎて、10選以上やっちゃってますね、ハンター側で一勝上げることもできました!おすすめというか、みんな試しにやってみてほしいかな、って感じです笑(∩´∀`)∩
今ハマってるスマホゲームはこちら
【パワプロ2016のOP】聴いて、今日も一日頑張るぞい!ズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
朝の名曲紹介コーナーですズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
「『パワプロ2016のOP』なら一日中でも聴いてられるのだ」
「――その曲ならYoutubeでも試しに聴けるぞ」
「なにっ」
「どうだ、聴いてみるか」
「う、うむ」
「聴こう」
「聴こう」そういうことになった。 【陰陽師】――夢枕獏(大嘘)
知っている人は知っている。知らない人は、覚えてね。
毎年出てる感のあるパワプロですけど、実は直前の2015は欠番。なんだかマンネリ感のあったタイミング(というか2014あたりの評判も良くない)かつ、サクセス20周年というなんだかこれで失敗したらもう・・・という背水の陣感を当時は感じました。
でもこのOPをみて、思いましたね。あ、これは盛り返したなと。中身クソゲーでこんな神オープニング作れるわけがないなと。確かニコニコ動画で初見見たと思うんですが、みんなワイワイ喜んでいて凄い一体感を感じました(風…なんだろう…吹いている)
・・・・・・勝った。ん?(アップデートでサクセス迫真の下方修正)
Youtube Premiumオススメする記事
自宅勤務用の人狼動画まとめ
オススメゲームレビュー
おすすめマンガレビュー
【(K)NoW_NAME『Welcome トゥ 混沌』】聴いて、今日も一日頑張るぞい!ズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
朝の名曲紹介コーナーですズイ₍₍(ง˘ω˘)ว⁾⁾ズイ
「(K)NoW_NAME『Welcome トゥ 混沌』なら一日中でも聴いてられるのだ」
「――その曲ならYoutubeでも試しに聴けるぞ」
「なにっ」
「どうだ、聴いてみるか」
「う、うむ」
「聴こう」
「聴こう」そういうことになった。 【陰陽師】――夢枕獏(大嘘)
TVアニメ『ドロヘドロ』ノンクレジットオープニング映像 (K)NoW_NAME「Welcome トゥ 混沌(カオス)」
知っている人は知っている。知らない人は、覚えてね。
原作が好きなンだわ。で、OPが公開されて、あ、これは当たりだなと、骨格再現してんなと笑 こういうOPの中毒性が高くて徐々に曲の方も大好きになってくる流れ大好き。プロの技を感じるよね。いやわかりやすい曲でドーンも好きだけど。ドーンだYO!(幻聴)