FC2ブログ

DTMサイトをスマホに対応させました。

まだまだ修正したい部分はありますが、とりあえずカタチになったので報告です

さあ、DTMを始めよう!
http://www.newdtm-rain.com/


本格的なWebサイトを開設して約8ヶ月。当初は3ヶ月もあれば完成出来るだろうと
思っていたWebサイトも、想像以上に時間がかかってしまった・・

プログラミングもそうですが、パソコン版Webサイトをスマホの小さな画面に収めるのは、相当苦労したw


改行した文章を使えば、スマホ版でレイアウト崩れが起き、サイドバーを表示させれば、画面が小さくなる。
スマホの小さな画面に見やすく収めるアイディア出しが、一番大変な作業だった。



・パソコン版Webサイト
パソコン版は、トップページの情報量が多かったので、切り替えタブを使うことにした。
更新履歴もタイトルのみからサムネ付きタイトルに変えて、見やすさをupさせた。
新サイト画像

変更前のトップページと比較してみると、サイトの見やすさが格段に上がってるのが分かります。
旧サイト画像



・スマホ版Webサイト
スマホ版は、アコーディオンメニューとドロワーメニューを追加し、必要な情報以外は隠した。
必要な情報のみを表示させてるので、スマホの画面内に収まるようになりましたねb
スマホサイト
右上のボタンを押すことで、サイドバーがスライドしてきます。
スマホサイドバー
これならば見やすさを落とすことなく表示できる♪





Webサイトのデザインが完成し、やっと土台が出来上がりました。

アクセスを集めたいなら、コンテンツ増やしを最優先させるべきな気がしますが
長い目で見ると、先にスマホに対応させたことは正解だと思う。


今まで色んなサイトを参考にしてきたけど、スマホを意識したサイトがまだ少ないな~という印象を受けた。
つまり、自分がスマホに対応した良いWebサイトを作れば、必ず勝てる!

これからは既存記事を修正しながら、コンテンツ増やしに入っていこうと思います。





スポンサーサイト

seesaaブログからwordpressへ

サブブログ「さあ、DTMを始めよう!」をリニューアルしました
http://www.newdtm-rain.com/

無料ブログから自由度の高いwordpressへ引っ越したので、前よりも見やすいサイトに仕上がりました。
オリジナルテーマを一から作成したため、予定よりもサイトの公開が遅れてしまいましたが
サイトデザインの知識を深めることができたので、良い経験になったかな・・(´・ω・)

引っ越したことでアクセス数が減少しましたが、これからはどうすればアクセスが伸びるかを考えながら
Webサイトを運営していくつもりなので、1日10PVぐらいならばすぐ取り返してみせるb






seesaaブログからWordPressへ

サブブログの移行時期を「年始⇒年内」へ変更することにしました~

本当は、年内にHTML&CSSの基礎を固め、コンテンツ数も増やしてから行う予定でしたが
早めにWordPressの環境に慣れてしまいたいという気持ちが強くなってしまった・・

サーバーに月額料金発生はチョット痛いですが、無料ブログよりも簡単に記事が書けて
サイトデザインも自由に変更可なので、この投資はプラスに捉えたい

NEWサイトデザイン(左:トップページ 右:記事)
サイトデザイン
NEWといっても、今のシンプルなデザインが気に入ってるので、今のデザイン+αって感じですね~
トップページ上には更新履歴、記事下には広告を表示させて、今風のサイトに仕上げるつもり

あと画像には書いていないけど、タイトル下にナビゲーションバーを設置して
コンテンツ間での移動をもう少し簡単にさせたいと考えています。

そして各記事下には関連記事のサムネを表示できれば、もっと見やすいサイトに近づけそう

他にも記事内にイラストを入れたり、スマホもカウントするアクセスカウンターを追加したりなど
より良いサイトにするためのアイディアが色々と出てくるので、試しながら作っていきたい



最近1日10PV前後だったけど、独自ドメイン解除の影響か、アクセス数が減少してしまった;;
早くWordPressに慣れて、引っ越ししてしまわなければ・・





メロディパート編の記事公開を少し延期することに;;

記事自体は完成間近なのですが、それに合うギターパートがまだ作れそうにないので
メロディパート編の記事公開を少し延期することにしましたm(_ _)m

メロディ、ドラム、ベースまではスムーズだったのに、まさかギターで止まるとは思わなかった;;


現状を改善させるため、バンドスコアでメロディとギターの関係性を研究することにした。

最初は書籍から学ぶことも考えたが、やはり自分が良いと思った曲から吸収したほうが参考になる。
それにギターで弾いてみたい曲ばかりなので、先にイメージを掴んでおくのも悪くない。


ただ、その影響でサブブログの更新が止まることは避けたいので、公開までに時間がかからない
ギター編や商品レビュー記事を追加して、更新頻度は落とさないようにしていくつもり



文章力up本に書いてあってことを意識してみたけど、あまり改善されていない気がするw
やっぱり文章は語彙力もないと書きにくいな・・





プロフィール

RAIN.C

Author:RAIN.C
@RAIN.C⇒(Twitter)
プロフィール
【ポケモン育成録】
【MTGマイデッキ】
【使用機材】接続方法
【作曲書籍】

サブブログ
【さあ、DTMを始めよう!】
YouTube
ニコ生コミュニティ



<現在開催予定イベント>


大会参加者名鑑
ニコ生コンテスト参加者名鑑

カウンター
最新記事
最新コメント
月別アーカイブ
カテゴリ
ユーザータグ

サッカー ポケモン CL W杯 スマブラ XJAPAN 作曲コンテスト PODHD500 ポケモンチャット MSP3 

検索フォーム
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR