ブログ改装日記②

9月6日トップ
写真は5月にプチ旅行で行ってきた五色沼です。
小学校の修学旅行でも行ったんですけど
京都と同じで大人になってから行くと
全然見どころが違いますね…
すんごい楽しかった!




ひっそりと更新を続ける、ブログ改装日記
今日はタイトルにもあるように、スマートフォン向けの
ブログについて考えます。



本当にここ10年くらいで急激に出回ったスマートフォン
最初に見た時は「絶対こんなの流行らない!」って
思ったんですけどね…(・∀・)



うちの妹もそうなんですけど、スマホ普及によって
パソコン使えない人も増えているような気がします。



右クリックの時は右っていうのに
毎回「右?左?」と聞いてくる妹…
なぜかブラウザのリンクをダブルクリックで開く妹…
PCできない人あるあるですね。
これだけで1記事できそう。




私は逆にスマホがあまり得意ではなく…
ネットするのも家に帰ってからPCで全部やってます



でも時代はスマートフォン。
きっとブログを読むのも通勤中とか
スマホからの人が多いんだろうなーって
思ったので、今回はスマホ用のテンプレートを
カスタマイズしていきたいと思います。




現在のスマホレイアウトはこちら
元スマホテンプレ
多分最初に設定してから何も変更してない(・∀・)




いろいろ見たんですけど、スマホテンプレートって少ない…
とりあえずカスタマイズしやすいシンプルなものをチョイス




携帯テンプレ1
これにしました。
色は後から簡単に変更できるので
記事一覧のレイアウトが好みのものを選択



携帯テンプレ2
上の「カテゴリ」や「コメント」の欄が英語だったので
日本語にしました。みかんっぽくないから




ここでまずは全体の色を変更していきます




・・・・・がっ!

困ったことに、美的センスゼロのわたくし…
webの勉強をしてる頃に教えてくれた先生が


「微妙にださい」
と、よくおっしゃられてました(・∀・)・・・。


自分のセンスはまったく信じてないので
こういう時はパクるに限る。
先生も言ってた。普段からカッコイイバナーとか
あったら保存しておきなさいって。
最初は真似することから始めなさいって。




強い味方1
さあ!君の出番だ!
なんというアナログ思考…
google先生に聞いた方が新しい情報入るんですけど
どうも本が好きです。



htmlのリファレンスなんて見てどうするの?
と、思うかもしれませんが…





強い味方2
配色サンプルが載ってるのです!
でもよく見たら
このチャートはweb用にRGBで表示したものを
印刷用にCMYK変換しています

って書いてあった…


た、たしかに…(゜Д゜≡゜Д゜)
web上では色味が違うかもしれない…
配色はweb上で試した方がよさそうですね





携帯テンプレ3
黄色が好きなので、メインカラーを黄色に
背景色は目に優しいグリーン!
なんかメニューバーのとこも黄色にしようと思ったけど
できなかった…なんでだろ。。。
あとで気が向いたら見てみます。





スマホトップ画像
スマホ用トップ画像を雑に作成。
320×150サイズ
スマホのサイズによって、本来は3種類作るのが
ベターだそうですね。
これも気が向いたらやります







テンプレとにらめっこして、ここかなーっというとこに
画像のリンクをはってみると…
携帯テンプレ4
やだなんか隙間あいちゃった!
スマホもまったくPCと同じなんですかねえ…
初めてhtml編集するので勝手がわからない




調べながらいじり、いじり…
携帯テンプレ5
一応形になりました!




さて、ここからが一番私の嫌いな作業…
それは……
動作確認
ホントにこれ嫌いです!




PCのブログもそうなんですけど、ある程度形になったら
いろいろなブラウザで表示崩れしてないかなどを
チェックする作業…



本当にこれには嫌な思い出しかない。
必死こいて作ったホームページを
別ブラウザで見たら表示がオカシイ…
でもこっちのブラウザでは正常…



なつかしい…
目が取れそうなくらいにhtmlと睨めっこした
あの夏の日…



でも、今回は違う。
夏も終わったし、何よりこれは仕事じゃない!
趣味のブログなんですっ(*`□´*)




あとでアンドロイドとiosで動作チェックしますけど
変なところがあったらぜひコメントで教えてください!




スポンサーサイト

コメントの投稿

Secret

プロフィール

いずみかん

Author:いずみかん
前衛本職の脳筋アフロ
タイトル詐欺でメンゴ
防具なんて殆ど作ってません

他キャラはこちらから

リンクはご自由にどうぞ(^o^)
報告いただければこちらも
リンクさせていただきます!

201704blogbana5.jpg
フォローお気軽にどうぞ♪

201704blogbana4.jpg
他ゲームや日常のブログ
亀更新ですがお暇な方は是非

カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
最新記事
月別アーカイブ
著作権
このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像を利用しております。当該画像の転載・配布は禁止いたします。 (C)2012 ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.
カテゴリ
リンク
ブロとも申請フォーム

この人とブロともになる