Simplicity2.1.0で追加したPCとモバイルの中間デザインについて

Simplicity2.1.0にてパソコンとモバイルの中間となるレスポンシブデザインを追加しました。

追加したのは、テーマカスタマイザーの「レイアウト(全体・リスト)」の「一覧リストのスタイル」にある以下の項目のデザインです。

  • エントリーカード
  • サムネイル大
  • タイル2列
  • タイル3列
スポンサーリンク

エントリーカード

エントリーカードは、これまでパソコンではこんな表示でした。

エントリーカードのパソコン表示

モバイルでは、こんな感じでした。

エントリーカードのモバイル表示

これらパソコンとモバイルの間に、以下のデザインを追加しました。(画面幅360~500px)

エントリーカードのパソコンとモバイルの中間表示

サムネイル大

「サムネイル大」のパソコン表示はこれまでこんな感じでした。

サムネイル大のパソコン表示

モバイル表示はこんな感じです。

サムネイル大のモバイル表示

パソコンとモバイルの中間に以下のようなデザインを追加しました。(画面幅360~699px)

サムネイル大の中間デザイン

中間デザインとして、2列表示を追加しました。

タイル2列

「タイル2列(縦横比保存含む)」のパソコン表示はこれまでこんな感じでした。

タイル2列のパソコン表示

モバイル表示はこんな感じです。

タイル2列のモバイル表示

パソコンとモバイルの中間に以下のようなデザインを追加しました。(画面幅441~699px)

タイルの中間デザイン

こちらも中間デザインとして、2列表示を追加しました。

タイル3列

「タイル3列(縦横比保存含む)」のパソコン表示はこれまでこんな感じでした。

タイル3列のパソコン表示

モバイル表示はこんな感じです。以下は2列と同じです。

タイル2列のモバイル表示

パソコンとモバイルの中間に以下のようなデザインを追加しました。(画面幅360~699px)

タイルの中間デザイン

こちらも中間デザインとして、2列表示を追加しました。

テーマの設定によって、表示は多少変わるかもしれませんが、大体こんなところです。

まとめ

Simplicity2.1.0で、安定版にする前に直せるところは直しておこうと、中間デザインを追加してみました。

以前から追加したかったので、個人的には満足なのですが、スタイルを結構書き換えたために、もしかしたら不具合があるかもしれません。

僕も自分でできる限り表示の不具合がないか確認したつもりではありますが、もし不具合がありましたが、フォーラムで報告いただけると、助かります。

安定版の前に、出来る限り修正したいと思います。

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

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