Simplicity1.5.3公開。モバイル表示の見やすさ強化週間、表示確認求ム。

Simplicityを1.5.3 20150227にバージョンアップしました。

今回の主な変更点は以下。

  1. 投稿一覧ページのモバイルでの見た目を大改修
  2. 関連記事のモバイルでの見た目も同様に変更
  3. カスタマイザーに「モバイル本文文字サイズ」機能追加
  4. ズームするとアドセンスのダブルレクタングルが上下にずれてしまうのに対応
  5. CSSの調整
  6. [修正a]モバイル文字サイズの不具合修正
  7. [修正b]細かな表示崩れ修正
  8. [修正c] フォーラムで助言していただいた箇所を修正
  9. [修正d]フォーラムで報告のあったブログカード画像の不具合修正
  10. [修正e]Google+のリンクにrel=”publisher”属性を挿入(要望

今回は、これだけの変更ですが、モバイル画面だとかなりの変化になると思います。

スポンサーリンク

モバイル表示を大改修

今回は、はっくるBlogさんの以下の記事を読んで、参考にしながらモバイル画面をもっと見やすいものにしようと、スタイルシートを調節してみました。

参考 Simplicityのモバイル表示時の記事一覧をはてブロとSTINGERを足して2で割った感じにカスタマイズしてみた | はっくるBlog

スマホなどの幅の狭いモバイルでの表示が、以前のものから以下のようになりました。

以前のモバイル表示

以前のモバイル表示

新しいモバイル表示

新しいモバイル表示

このように狭いモバイル端末での表示が変わりました。情報が圧縮され一覧性が良くなったかと思います。

ただ、Simplicityは、これまでいろいろな機能をつけてきました。

リスト表示だと、

  • サムネイルカード
  • 大きなサムネイル
  • タイル2列
  • タイル3列
  • タイル2列(縦横比保持)
  • タイル3列(縦横比保持)

関連記事だと、

  • デフォルトの関連記事
  • 関連記事サムネイル3列
  • 関連記事サムネイル4列

今回のような一覧の根幹部分となるスタイルシートのデザイン変更を行うと、これら全ての表示確認を行う必要があります。

それに加えて、

  • 完全レスポンシブをオンにしたときは大丈夫か?
  • サイドバーを336pxにしたときゃ大丈夫か?

などやその他にも組み合わせて動作確認しなければならず、そのせいで、これまで要望をいくつかいただきながら手をつけないできました。

しかし今回、Simplicityのモバイル表示時の記事一覧をで良い提案をいただき、良い機会なのでデザインを変更してみることにしました。

ただ、一応自分でも、考えられる組み合わせの動作表示テストは行ってみたのですが、テストすべき箇所が多すぎるため、もしかしたら動作確認漏れがあるかもしれません。

ですので、もしよろしかったらで良いのですが、動作確認に協力していただけると助かります。

もし、今バージョンのSimplicityを適用して、スマホなどで表示させてみて、以下のようなことがあると、この投稿のコメント欄かこちらのトピックに報告していただければと思います。

  • 表示が明らかにおかしい
  • 画面がグラグラする(ブレる)
  • カスタマイザーから設定を変えると表示がおかしい
  • カスタマイザーから設定を変えると画面がグラグラする
  • 文字が小さすぎる
  • こういったところをもっとこうした方が

お使いになっているサイトの設定だけでも良いので、スマホでの動作を確認して、「うまく表示されていた」とか「ここの表示はおかしい」などを報告していただけると嬉しく思います。

「モバイル本文文字サイズ」機能

パソコンと、モバイルでの文字の大きさを切り替えられるように機能追加しました。

「外観→カスタマイズ→レイアウトの設定(投稿・固定ページ)」のから設定を行えます。

モバイル本文文字サイズ

デフォルトでは、パソコンと同じ本文文字サイズになっていますが、モバイルでは文字サイズを別サイズで表示できるようになりました。

v1.5.3あとがき

今回は、開発版らしく大胆に表示を変更てみました。なので、人柱版みたいなところがあるかもしれません。

何か表示のおかしいところがありましたら、どんな些細なことでも良いので、こちらのトピックにご報告いただければ、できる限り対応したいと思います。

また、うまく表示できていた際にも報告していただけると喜びます。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)

コメント

  1. 初心者n より:

    スマホページがうまく表示されませんどこを修正したら宜しいでしょうか?
    パソコンみたいに文字が小さく横のサイズがあっていません
    すいませんが宜しくお願いします

  2. アバター画像 わいひら より:

    こちらでサイトの動作をみて見た限りでは、特に表示に問題があるようには見えません。

    どの部分がどのようにおかしいのでしょうか?
    また、スマホの表示テスト環境はどのようなものでしょうか?

  3. 初心者n より:

    すいません、再度確認したら直っていました。
    本当にありがとうございました
    これからも宜しくお願いします