Simplicityを1.5.6 20150309にバージョンアップしました。
今回の主な変更点は以下。
- モバイルにもバイラルボタン機能追加
- モバイルメニューをモーダルウィンドウを表示生きるように機能追加
- 投稿抽出抜粋文からURL表記を取り除く
- sns-buttons-icon.php派生のシェアボタンも「target=”blank”」に
- 投稿入力画面の「抜粋」を入力していれば、Facebook OGP、Twitter CardsのDescriptionでも利用
- </body>手前で呼び出せそうなJavaScriptファイルを1つずつ試しながら移動させていく
- ページリンクを設定した投稿に、ブログカードを表示させるとページリンクが表示されない不具合修正
- モバイル用のCSSの調整
- その他スタイルの微調整
モバイル用バイラルボタン
「外観→カスタマイズ→SNSの設定」の「シェアボタンのタイプ（モバイル）」に「バイラルタイプ」を追加しました。
スマホの幅（320px）で表示させると、以下のように表示されます。
以前のバージョンでは、パソコンのみで表示されるバイラルボタンだったので、モバイルでも対応しました。
一応、320pxで2列表示されるように、調節したつもりですけど、機種によったらもしかしたら1列になってしまうのかも。そういった場合は、もう少し幅を狭くするので、フォーラムで教えていただけると助かります。
モバイル用モーダルメインメニュー
「外観→カスタマイズ→レイヤーとの設定（全体・リスト）」に「メニューをモーダル表示（モバイル）」を追加しました。
機能をオンにしてモバイルでメニューボタンをタップすると、モーダルウィンドウで以下のように表示されます。
正直、「サブメニューを表示させるかさせないか」、「サブメニューを表示させるなら、どのように表現するか」で結構悩んだのですが、こんな感じにしました。もしかしたら、インターフェースは今後変更させるかもしれません。
あと、使いやすさを見て、こちらの方がよかったら、こちらをデフォルトメニューにするかもしれません。
詳しい、動作に関しては、以下を参照してください。
参考 WordPressのグローバルナビを、操作性が良いモーダルウィンドウで利用する方法
カスタマイズすることで、アニメーションエフェクトも変更することができます。
v1.5.6あとがき
あとは、いろいろ不具合修正やら、調整です。
モバイルメニューは、一覧でサブメニューまで表示させると、どのように表現すれば良いのか、難しいです。
ちゃんとしようとしたら、「＋」ボタンとかを表示させて、折り畳みとかにするのでしょうけど、実装が大変そうなので、そこまではやりたくないです。
しばらくは、今回の表示で様子を見たいと思います。
