Simplicity1.5.6公開。モバイル用にバイラルボタンとモーダルメニューを機能追加。

Simplicityを1.5.6 20150309にバージョンアップしました。

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

  1. モバイルにもバイラルボタン機能追加
  2. モバイルメニューをモーダルウィンドウを表示生きるように機能追加
  3. 投稿抽出抜粋文からURL表記を取り除く
  4. sns-buttons-icon.php派生のシェアボタンも「target=”blank”」に
  5. 投稿入力画面の「抜粋」を入力していれば、Facebook OGP、Twitter CardsのDescriptionでも利用
  6. </body>手前で呼び出せそうなJavaScriptファイルを1つずつ試しながら移動させていく
  7. ページリンクを設定した投稿に、ブログカードを表示させるとページリンクが表示されない不具合修正
  8. モバイル用のCSSの調整
  9. その他スタイルの微調整
スポンサーリンク

モバイル用バイラルボタン

「外観→カスタマイズ→SNSの設定」の「シェアボタンのタイプ(モバイル)」に「バイラルタイプ」を追加しました。

バイラルタイプボタン

スマホの幅(320px)で表示させると、以下のように表示されます。

モバイル用バイラルボタン

以前のバージョンでは、パソコンのみで表示されるバイラルボタンだったので、モバイルでも対応しました。

一応、320pxで2列表示されるように、調節したつもりですけど、機種によったらもしかしたら1列になってしまうのかも。そういった場合は、もう少し幅を狭くするので、フォーラムで教えていただけると助かります。

モバイル用モーダルメインメニュー

「外観→カスタマイズ→レイヤーとの設定(全体・リスト)」に「メニューをモーダル表示(モバイル)」を追加しました。

メニューをモーダル表示(モバイル)

機能をオンにしてモバイルでメニューボタンをタップすると、モーダルウィンドウで以下のように表示されます。

モーダルメニュー表示

正直、「サブメニューを表示させるかさせないか」、「サブメニューを表示させるなら、どのように表現するか」で結構悩んだのですが、こんな感じにしました。もしかしたら、インターフェースは今後変更させるかもしれません。

あと、使いやすさを見て、こちらの方がよかったら、こちらをデフォルトメニューにするかもしれません。

詳しい、動作に関しては、以下を参照してください。

参考 WordPressのグローバルナビを、操作性が良いモーダルウィンドウで利用する方法

カスタマイズすることで、アニメーションエフェクトも変更することができます。

v1.5.6あとがき

あとは、いろいろ不具合修正やら、調整です。

モバイルメニューは、一覧でサブメニューまで表示させると、どのように表現すれば良いのか、難しいです。

ちゃんとしようとしたら、「+」ボタンとかを表示させて、折り畳みとかにするのでしょうけど、実装が大変そうなので、そこまではやりたくないです。

しばらくは、今回の表示で様子を見たいと思います。

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

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