新機能追加!ブログリニューアルオープンしました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾!

Yugoの雑談

 は〜い皆さんこんにちは! この数日で「ブログのデザインが変化」したのをお気づきですか!?

えっ? どこが変わったの?

 そりゃそうですよね、デザイン的にはほとんど変えてないんですが、パフォーマンスと機能が大幅に向上しました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾!!!

 いつもこのブログをご覧の皆様にも!最近知った方にも! 知っていると ブログを10倍楽しめる新機能について紹介していきたいと思います^-^ノ」

Yugo
Yugo

このブログをめぐる上で知っておくと便利な機能や今回のリニューアルの裏話なんかも紹介していきます^-^♪

今見ているページを「スマホで表示」機能の追加♪

 例えばパソコンでこのブログの記事を見つけたけど、あとで移動中にスマホで読みたいな〜なんてときは、このQRコードをカメラで読み込めば、表示されているページに一発でスマホからアクセスできます💡

Yugo
Yugo

電車やバスなど移動時間に読みたいな〜って方に使って欲しい機能💡

こむぎ
こむぎ

気に入った記事があれば音楽仲間にQRコードでどんどん共有してね♪

おすすめ記事をスライダー(カルーセル)化♪

 記事を最後まで読んでいただくと、記事に関係のある「おすすめ記事」が表示されるのですが、このおすすめ記事の表示がスライダー化されました💡

 下の「 > 」ボタンを押してスライドさせることでさらに多く(28記事)のおすすめ記事を表示できるようになったのでした〜^-^ノ

YUGO
Yugo

ボタン押すのも楽しいから使ってみてね〜💡

検索結果のキーワード部分にハイライトが入るようになった♪

 このブログには検索機能があって、調べたい「楽器」や「プラグイン」の名前を入れると関連する記事が表示されるのですが、この度、検索結果のキーワード部分に黄色くハイライトが入るようになりました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾

 本文中にキーワードがあれば、検索結果にその部分が抜粋されて表示されるようにもなっています💡

 これによって検索結果が「目的の情報」か「そうでないか」が一目でわかりやすくなりました💡

Yugo
Yugo

目的の記事を探しやすくなったよ💡

検索窓の位置についても覚えておこう♪

パソコン用検索窓の位置は?

 パソコン用の検索窓は、ブログの1番上右側部分にあります💡

スマホ用検索窓の位置は?

 スマホから検索機能を利用する場合は、ブログのトップページにアクセス(サイトロゴをクリックでHOMEへ移動)するとすぐに見つかります💡

細かいデザインをより見るやすく!

 ブログ全体のデザインを今までよりもさらに読みやすく調整してみました💡

 一例としては、目次部分に薄く点線を入れてコンテンツを見やすくしたり💡

 他にも💡

  • サイトの幅
  • 文字余白デザイン
  • マウスを乗せたときのホバー色
  • リンク要素のクリックのしやすさ

 など! いろいろ調整したので興味があれば隠し要素として探してみてください^-^ノ

サイト表示を大幅に高速化!

 今まで、回線が遅いなど環境によっては表示されるまでに大幅に時間がかかっていたページの表示速度を大幅に改善しました!(スコア18→87へ!

 具体的には、

  • 読み込む「プログラムファイルの数」&「階層」を大幅に減らす!
  • 各ソースコードをまとめて大幅に圧縮!
  • 画像サイズを大幅に圧縮!
  • 画像の遅延読み込みシステムを変更!

 などで大幅に改善されました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾

Yugo
Yugo

特に今までのトップページの遅さは半端なかったのでかなり改善されたと思う!

新機能追加!ブログリニューアルオープンしました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾! のまとめ♪

~まとめ~

 今回のリニューアルの主な目的はスピード改善だったのですが、今までに寄せられた要望の多かった次の3つの機能も充実させることになりました⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾

  • パソコンで探した記事をスマホでも簡単に表示できる機能!
  • より目的に近い記事を探せる検索機能!
  • おすすめ記事の選択肢を増やす!

 覚えておくとブログの巡回がずっと楽しくなるので、ぜひ! 新機能を使ってみてくださいね〜^-^ノ

Yugoの雑談