こんにちは、リブラブです。
最近になってブログのレイアウトとかデザインとか何かシックリこないなぁと思っていたのですが、
レスポンシブ
というデザインレイアウトがあるのを知って、色々調べてみました。
レスポンシブデザインとは、ブログのページレイアウトを表示するデバイスに合わせて、最適化することです。
平たく言うと、どのiPhoneでもPCでもアンドロイド端末でもページのデザインを変えずに表示できるというものです。
私も、WordPRESSのプラグインでiPhone用のページを表示させていたのですが、それだとプラグインを使用しているブログは全て同じデザインに見えてしまって…
これでは何か面白くない。
そこでレスポンシブに表示出来るようにしてみました。
参考にさせて頂いたのは@mk_mizuhoさんの記事
[Å] これから対応必須な「レスポンシブWebデザイン」を紹介しているサイトのまとめ | あかめ女子のWebメモ
WordPRESSでは標準のTwenty Elevenが対応しているのは知っていましたが、自分は違うのに挑戦しようとTwentyTenで探す事に。
このテーマも実は…
Responsive TwentyTen
というテーマがWEB上で配布されています。
インストール方法は以前の記事をご覧ください。
WEBでダウンロードしたWordPressテーマファイルをお手軽にインストールする方法 | Livlove’s ios life
Responsive TwentyTen、結構良かったんですが、表示が何故か遅くなるのと文字や字詰め、レイアウト上の余白マージンとかが私的に…
美しくない(´・_・`)
数週間使ってみましたが、気に入らず結局Twenty Elevenに変更。
今ご覧の記事が、Twenty Elevenです。
しかし、トラブル発生!
ん!画像が何か変?
どうすりゃいいんだぁ(>_<)
そこで思い出したのが、こちらの@flavour47 さんの記事
iPhoneから見た「TwentyEleven」の画像表示を最適化するたったひとつのおまじない | Yu_notes.
前にレイアウトの件で質問させて頂いたのですが、こちらもTwentyElevenにされていたので、この記事は本当に助かりました。
TwentyEleven、中々良さげですが、まだまだ細かい所がキチンと出来ていません。
WordPressのテーマは、スタイルシートとやらを触れば良いのですが、素人レベルの私には、かなりの勉強が必要ですね。
私は、気に入らないから触りたくなるんですが(笑)
レイアウトに、こだわりが無いのならノーマルで使うのがベストかも(^_^;)
実は、まだ根本的な問題があったのですが…
話が長くなりそうですので、後日書きたいと思います。
ではまた。
リブラブ
最新記事 by リブラブ (全て見る)
- ダイソーのiPhone用全面保護ガラスフィルム買ってみた - 2019年2月16日
- iPhone7に久々の機種変更 - 2019年2月5日
- YouTube始めてみました! - 2018年4月29日
LEAVE A REPLY