いったいどれくらいの時間を費やしたでしょうか…。本日、ようやくブログのリニューアルが完了し無事にローンチ!
なぜブログをリニューアルしようと思ったのかというと、今更ながら「レスポンシブデザイン」に対応しようと決めたためでした。そもそも「レスポンシブデザイン」て、どういう意味って方に説明しておきます。
「レスポンシブデザイン」とは…
レスポンシブデザインとは |
ということです。簡単に言ってしまえば、PCからだけじゃなく、スマホやタブレットから閲覧した場合でも、適正な表示がされること。ブログに限らず、所謂WEBの閲覧が必要になった場合、殆どの方がPCではなく、スマホやタブレットを使用している状況です。僕のブログを読んで下さっている方々も、恐らくスマホやタブレット…つまりPC以外で閲覧する方が圧倒的に多いと思われます。なので、半ば必要にかられてブログを「レスポンシブデザイン」化する必要があったんです。
実は、数日前に「レスポンシブデザイン」に対応したテンプレートを使い、リニューアル作業が終わったかのように思えたんですが、自分のiPhoneで自らのブログを閲覧した時にYoutubeの動画が画面からはみ出てしまっていて、非常に見栄えが悪いことに気付きました。つまりこういうことです。
「レスポンシブデザイン」対応のテンプレートを使ったにも関わらず、なぜかYoutubeの動画がはみ出てしまうんです。辛うじて再生ボタンが見えているので、一旦再生してしまえば動画を観ることに不便はありません。しかし、そこは僕のA型の血が騒ぎました。
「ちゃんと枠内に収めなきゃ…」
それが、僕のこの数日間に及ぶ苦闘の始まりだったんですね。
HTMLやCSSなんて知識に極端に乏しい僕は、片っ端からGoogle先生の指導のもと頑張りました。時間の許す限りPCの前にかじり付き、寝る時間も惜しんで発狂したいキモチを抑えながら格闘しました。
今思い返せば、きっと精神的におかしくなっていたのでしょう…何を思ったのか、ブログのデザインそのものを再度変更しようと思いついてしまったんです。そこからはもう泥沼です。一旦完成させたはずのブログを潔く捨て、新たなデザインを探し始めたんです。
やがて、非常に気に入ったデザインを見つけました。僕は「Blogger」を使ってますが、日本語対応のテンプレートが本当に無いんです。一旦完成させたブログのテンプレートは稀少な日本語対応されたテンプレートでした。それを捨てるなんて、本当にどうかしてました。
しかし、神は僕を見捨てなかったんです。「Blogger」のテンプレートですが、海外版でよければ豊富にあります。しかし、日本語対応されていないため、海外版のテンプレートをダウンロードしても、それを閲覧に耐えうるだけの状態に持っていくのは非常に困難です。知識のある方ならなんてことはないでしょう。しかし、そこは無知な僕です。ひたすらにGoogle先生の教えを請いながら、根気よく進めていくしかありませんでした。
なので、結局僕は「Youtubeのはみ出し」の解決策を模索しつつ、ほぼ一からブログを作る事になってしまったのでした。
そして今朝。ようやく完成しました。
リニューアル後のブログTOP |
もちろん、PC以外で閲覧した場合のYoutube動画のはみ出しもご覧の通り解決しました。まだドロップダウンリスト等で多少の不備はありますが、今後運営を重ねていくうちに解決できる問題です。懸念していたYoutubeのはみ出しも問題なし。
しかも「レスポンシブデザイン」の効果が如実に現れてて、我ながら大満足!
iPhoneで見たブログTOP |
ラベルリストもこの通り |
すっきり見やすいデザイン |
これで、もう少しまともなブログが書ければ文句なしなんですけどね。でも「レスポンシブデザイン」化したらブログへのアクセス数が極端にUPしたんです。それだけでも苦闘した価値はあったかもしれません。
あ、もしブログのリニューアルや新規のブログ作成を考えてる人は相談して下さい。今回の件で、相当な知識を得ましたので。それでも素人の域は脱していませんが。
それでは、今後の「T4 WAVE SQUARE」にご期待下さい。
0 Comment:
Post a Comment