スポンサーリンク

2014年7月5日土曜日

Bloggerにてレスポンシブデザインほぼ完成!!

新しい記事 以前の記事

ついこの間、
Bloggerブログにて、

レスポンシブwebデザインにしたいなぁ…。


と思っていましたが、
このままのテンプレートだとなかなかムズカシイ・・・。


そして、
まったくのずぶの素人の私が、
コードを解釈していくのにどれ程時間と労力と体力と気力などなど…。
を使い果たしてしまうのかと半ば諦めていました。


ですが、!!

時間のある時にチャレンジ&トライしてもみようと、

気張ってみました。


このままのテンプレートでは、
私には無理orz・・・。


どんなに頑張ってCSSやHTMLを弄ってみても、
レスポンシブデザインにはならない模様でした。

(;´д`)トホホ…。


これまでいろいろカスタマイズしてきたので、

このテンプレートを手放すのも意外と惜しいものです。



なんとなく愛着が湧くものです。


やっと、
それなりの見た目?デザイン?になったつもりなのに…。
(おそらく自己満足ですが…。)

だけど、
若干サイト表示速度が遅い…かも。

o(´^`)o ウー。


以前に、
サイト表示速度についても、

今後はパソコンも回線スピードも速くなってくるので、

そこまで気にする必要はないのではないかみたいな事を書きました。

ですが、
知り合いのパソコンで自分のブログを表示させようとしてみたら…。

w(゚ー゚;)wワオッ!!

お・そ・い…。

遅い…。


一度見てしまえば、
キャッシュがあるので若干早くはなりますが、
やはり遅いように感じました。

パソコンのスペックと回線速度の影響もありましたが…。


でも、
そのような方もいらっしゃいます。


皆が皆同じ環境ではありません。


そこで、
いざ!!挑戦しました。


以前に記事にしたサイトなどを拝見させていただきながら試行錯誤!!

Bloggerでレスポンシブwebデザインにしてみたい…が結果…。


違うブログを作成してそのブログで丸2日間かけて、

とりあえずの完成形まではもっていけました。!!


Bloggerブログは、
これまで使っていたテンプレートとかウィジット(ガジェット)などが、
FC2ブログみたいにいくつも残せないのが珠に瑕…。


だって、
せっかくのカスタマイズしたテンプレートがを書き換えて、
新しいコード(テンプレート)を適用させなければなりません。

すると、
ウィジット(ガジェット)はバックアップできないですし、
テンプレート自体はバックアップはできても簡単に切り替えられないです。

しかも、
記事をバックアップしてそのままインポートすると、
去年記事にしましたが、

「続きを読む」(<!--more>)に<aタグが入ってしまう為、

途中で少し手を加えなければ、
そのままでは完全に元の状態にインポートできません。

これも、
去年記事にしてあるので自分の備忘録として、
見ながらエクスポート&インポートしました。


ε=(・o・*) フゥ、

ここまでは、

そんなに時間も手間もかかりませんが、

ここからカスタマイズしたテンプレートをいろいろと確認しながら、
カスタマイズしレスポンシブwebデザインを完成させなければなりません。


なにもカスタマイズしていないのであれば、
テンプレートを変えるだけでレスポンシブデザインのブログ(web)は、
完成します。


しかも、
カスタマイズした内容も、
すべてを備忘録として残しているわけではないので、
ひとつひとつ思い出しながら…。

そして、
確認しながらの作業です。


かなりしんどかったです…。

ほぼ完成ですが、
まだ若干…。

といった感じです。


一気にレスポンシブデザインに変えてみようと思いましたが、

もうしばらく様子を見てみようと思います。

このテンプレート気に入っちゃってるからなぁ…。
頑張った割には、
そのままだったり・・・。


これで、
モバイルなどでもちゃんと表示されるようになるかなぁ。


まとめ

PCにおいての確認では、

ちゃんとレスポンシブデザインになっていました。

ヤッター!(^.^)>(^.^)>\(^_^)/
°゜°。。ヾ( ~▽~)ツ ワーイ♪


まだ、未完成ですが…。
ほぼ完成ですが…。


※他にもやらなければならないことがあるのに…。
スポンサーリンク


スポンサーリンク

この記事が気に入ったらいいね!
お願いします(#^.^#)

↓↓↓

最新情報をお届けします

言えないことはTwitterで!!


こんな記事も書いてます



関連性の高い記事


0 コメント:

コメントを投稿

次の投稿 前の投稿 ホーム
Related Posts Plugin for WordPress, Blogger...