テーマ「Twenty Eleven」のドロップダウンメニューは、iPad や iPhone でも隠れることなく表示されるようだ

WordPress.com のテーマ「Twenty Eleven」のドロップダウンメニューは、iPad や iPhone でも、隠れることなく、画面が自動的に拡大縮小して、すべて表示されるようになっているようです。

(音声あり)

これは、まだ、未検証ですが、おそらく、メニューの外側のボックスすべてに「overflow:hidden;」がかかっていないので、このようなことになるのだろうと推測しています。裏を返せば、普通のテーマは、「overflow:hidden」をかけているものが多いので、ドロップダウンメニューが隠れてしまうために iPhone などで、別のメニューを作り直しているのだろう、少なくとも、メニューの表示を変更していることの理由のひとつはこれだろう、と予測しています。

#2013

テーマ「Twenty Eleven」は iPad, iPhone に対応している

テーマ「Twenty Eleven 」は、iPadやiPhoneでの閲覧に対応しているようです。

記事「iPhoneやiPadやネットブックなど、さまざまなスクリーンサイズでウェブサイトを確認できる -Screenfly | コリス」で紹介されていた、以下のサイトを使って、iPad や iPhone での表示状態を確認してみます。

まず、URLを入力し、「GO」ボタンをクリック。

screenfly01
Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

続きを読む

#2011

Twenty Eleven

最終更新日:2015-12-09

twentyeleven01

テーマの解説(英語) Twenty Eleven — WordPress.com
〃(日本語)
デモ(英語) The Twenty Eleven Theme | Just another WordPress.com site
使用例 Twenty Eleven | Pearltrees
更新情報(英語) New Theme: Twenty Eleven — Blog — WordPress.com
〃(日本語) 新テーマ: Twenty Eleven — ブログ — WordPress.com
レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等 テーマ検索機能よりインストール可能です。.
ソースコード Revision 6288: /twentyeleven
テーマの制作者

2015-12-09 at 17.22.jpg

Automattic

*1:なかほどから「Twenty Eleven」の説明があります。
*2:ソースコード中の説明文を日本語に訳してくれております。
*3:スライドを使って、「Twenty Eleven」のしくみなどをとてもわかりやすく説明しています。

続きを読む

#2011