合格ボックスを作成しました(サイドバー)

javaを削除

 

当ブログでは、『合格リンク』『合格カウントダウン』というものを載せています。

『合格リンク』は、各検定の公式ページへ移動するリンク集。

『合格カウントダウン』は、各検定日へのカウントダウンを表示するものです。

それぞれ、受験生の方のお役に立てばと思い作成したもので、実はブログの記事よりも見ていただきたいところです1201566f58nntlu0y

いわば、まなびやブログの心臓部にあたるもの。

今まではサイドバーに、『合格リンク』と『合格カウントダウン』を載せていました。

しかし、wordpressとjavaの相性が悪いからなのか、誤動作を繰り返すことがしばしば。

また、トップページに多くのjava を載せることにより、ページの読みこみに時間がかかる様になっていました。

処理能力の落ちたパソコンでは、読み込み時に固まってしまうこともあり、問題です。

ナビゲーションバーに上記メニューを作成したこともあり、サイドバーのjava は不要と判断し、消すことにしました。

誤動作を繰り返すjavaの修正と、ページ処理の負荷軽減、両方を図る目的です。

d0749a71d946d1f81ff6b7f5367bf999_s

スマホではナビゲーションバーが表示されないので…

 

サイドバーの表示を消しましたが、ここで新たな問題が発生。

スマートフォンでサイトを表示した際に、ナビゲーションバーが出てこないことに気付きました。

レスポンシブデザインの設定からなのか、ナビゲーションバーがそもそも表示されない仕様のようです。

このブログのメインは、記事ではなく『合格リンク』と『合格カウントダウン』にあります。

それが表示されない事態は避けなければなりません。

051216

 

サイドバーにリンクバナーを貼る

 

確認してみると、サイドバーの内容はスマートフォンでも正常に表示されることが分かりました。

『合格リンク』と『合格カウントダウン』をご利用いただきたいとの思いから、サイドバーにリンクバナーを貼ることにしました。

このブログのサイドバーに、『合格ボックス』という枠を作り、そこに各リンクバナーを設置させていただきました。

(リンクバナーの作成方法については、また別記事でご紹介したいと思います^^)

各バナーをクリックすると、選択ページへ移動する仕組みです。

javaの表示を減らしたことにより、心なしか動作も改善した様に感じられます。

また、ページの読み込み速度はハッキリと良くなりました。

これからも、良いサイトが出来る様に、いろいろと改善を図っていきたいと思います。

21b73ed02a8814d154e400aceb2e8d50_s

いつも応援頂きありがとう御座います
ポチっとしたら絶対合格!!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です