なかなか進まない〜(つд⊂) | 京都府八幡市の学習塾海星学院のちーせんせい日記 

なかなか進まない〜(つд⊂) | 京都府八幡市の学習塾海星学院のちーせんせい日記  記事一覧

なかなか進まない〜(つд⊂)

こんばんは

京都府八幡市の学習塾。海星学院のカンダです。

今年は暖かいなと思っていたら、急に寒くなり・・・
一体どうなっているのかと思いますね。

先日、モザイクの写真を載せたところ、
「あれ何?」
と聞かれてしまいました。
ちょっとモザイクきつかったですよね(^_^;)

実は年末年始から土日をつかって、新HPを作成中です。

大枠のデザインは上がりましたので、あとは情報をのせていくのみ(ってこれが大変(^_^;))

今日は特別に公開しちゃいますね。ちょっとだけ\(^^@)/


こんな感じで作成しています。HTML・CSS・PHPという言語を中心に使っています。
今回はwordpressというブログ用システムをHP用に書き直していっています。
wordpressを使うと、おしらせ等の投稿回数を増やすことができ、皆様への情報配信ももっとできるようになるはず。
他にも色々とHPの幅が広がるので、こうして正式に作成するのは初めてですが、週末格闘しています(^_^;)

たとえば、こんな機能がつきます。
公開していないだけで、正式にはついていますが・・・

これはTOPページとなる予定のところです。
各先生がブログを更新すると、自動的に日付とブログタイトルが更新されます。
めちゃくちゃいいでしょ〜☆。TOPページから更新が一目瞭然でわかります。
私もがんばって更新しなければ(^_^;)

今回の新HPの作成の目的のひとつに、レスポンシブウェブデザイン化があります。
現在、私のブログも半数以上の方がスマホで閲覧されています。

統計ではありますが、現在HPのスマホ閲覧率は約65%といわれていますので、スマホでも見やすいということは、HPを作る上でとても重要なんです。
皆さんもパソコンでHPを見る機会減っているのではないでしょうか?

もちろん、パソコン用のページをスマホで見ることはできるんですが・・・。縮小されて見にくいし、文字も小さくなるのでリンクのタップがしにくくなっちゃうんです。
まぁ、使えるけど、ちょっと使いにくいよネ〜ってところを少しでも改善できればと思っていますヽ(*´∀`)ノ

こんな感じで、見る媒体が変わると、見え方も変わります。
アクセスページ・パソコン用


アクセスページ・スマホ用



おんなじ地図googlemapなんですが、それぞれの媒体にあわせて自動で割り振ってるようになります。(もうここは完成に近い)
吹き出しに、住所・電話番号・行き先に設定リンクをつけました。
行き先に設定をタップ(クリック)すると、行き方が表示されます。
スマホだったら、そのままナビになります。
これ絶対便利やなーと思って前からつけたかったんです。
無事つけられてほっとしています\(^^@)/

PC・スマホどちらも正しく表示されるかのチェックが必要になるので、どうしても倍かかるのですが、やっぱり見る人側の気持ちになって、できる範囲のことはやりたいなぁ〜と。

こんな感じでボチボチ進めています\(^^@)/
なんとか3月には公開したいと思っていますので、皆さん楽しみにしていてくださいね。



 

2016.01.28 Thursday|comments(0)trackbacks(0)|-|-
コメント








   
トラックバック
この記事のトラックバックURL:
Copyright © なかなか進まない〜(つд⊂) | 京都府八幡市の学習塾海星学院のちーせんせい日記  All Rights Reserved.
当サイトのテキストや画像等すべての転載転用・商用販売を固く禁じます

インフォメーション1

  • 横幅468pxまでの画像バナーが貼りつけ可能
京都府八幡市海星学院

インフォメーション2

  • テスト1
  • テスト2
  • テスト3

インフォメーション3

  1. テスト1
  2. テスト2
  3. テスト3