読者です 読者をやめる 読者になる 読者になる

pelicanmemo

海外の話が多め。近頃は中国が多め(中国海警局・中国海監、深海潜水艇、感染症など)。|メモノメモ新館

デザインの変更 レスポンシブ・デザイン|はてなブログ、カスタマイズ

ココログの「メモノメモ」 でのアクセス解析によると、iOSとAndroidからが過半数で、PCからのアクセスを越えている。ここ2〜3年で大きく変わった。特に休日。

レスポンシブ・デザインにしたいけど、ココログフリーで1から作るのは面倒。
ブログの引っ越しを考えた原因のひとつ。 

Ads by Google

 


 

はてなブログテーマ制作の手引き - はてなブログ ヘルプ

はてなブログでレスポンシブデザインが利用できるようになっていた - MANA-DOT
レスポンシブデザイン対応のはてなブログテーマ一覧まとめ!モバイルからの広告収入を伸ばしたいなら、レスポンシブデザイン必須ですね。 - クレジットカードの読みもの
はてなブログのテーマをレスポンシブ対応する方法 - 俺氏、本を読む

 あたりの記事を参考にして、今は、mekoriさんのデザインをベースとして使わせていただいている。

Mono - テーマ ストア - はてなブログ

 

ダッシュボード>デザイン>スマートフォン>詳細設定 で“レスポンシブデザイン”にチェックを入れ、

ダッシュボード>デザイン>カスタマイズ>デザインcss に

/* Responsive: yes */

を追加。

 

Safariの開発>Webインスペクタで調整したい要素のclassを調べ、元cssからコピーして、要素のmargin,やpadding、colorなど、ちまちまちまちまちまちまと微調整。