Simplicity1.6.1公開。モバイル用アコーディオンツリーメニューを追加他。

Simplicityを1.6.1 20150409にバージョンアップしました。

今回からまた開発版です。またぼちぼちバージョンアップしていきたいと思います。

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

  1. モバイル用にアコーディオンツリーメニュー(SlickNav)を追加
  2. ヘッダー(<head></head>)にカスタードフィールドからスクリプトを挿入できる機能追加
  3. フッター(</body>手前)にカスタードフィールドからスクリプトを挿入できる機能追加
  4. iPhone6 plus幅(414px)に対応できるようにCSSを調整
  5. デバックモードでlib/auto-post-thumbnail.phpファイルにnoticeが出るのを修正
  6. カスタマイザー機能の説明を変更
スポンサーリンク

モバイル用アコーディオンツリーメニュー

「外観→カスタマイズ→レイアウト(全体・一覧)→モバイルメニュータイプ」に「アコーディオンツリー」を追加しました。

アコーディオンツリー

アコーディオンツリーのモバイルメニューを選択すると以下のように表示されます。

アコーディオンツリーのモバイルメニュー

メニューボタンをクリックすると以下のようにサブメニューが折りたたまれた状態で表示されます。

メニューを開いた状態

サブメニューを開くと、以下のようになります。

サブメニューを開いた状態

詳しい実装は以下です。

SlickNavというjQueryプラグインを利用して、サブメニューをツリー上に伸縮しておりたたむメニューを作成する方法を紹介します。Wordpressのグローバルナビで利用できます。

個別ページごとにコードを設定するためのカスタムフィールド追加

以下のカスタムフィールドを実装しました。

  • <head></head>内にコードを追加するカスタムフィールド
  • </body>手前にコードを追加するカスタムフィールド

詳しい実装や使い方などは以下を参照してください。

Wordpress管理画面から利用できるカスタムフィールドを用いて、投稿ページや固定ページにCSS設定や、jQueryコードなどを組み込んで、そのページのみで動作させる方法です。

v1.6.1あとがき

今回から、1.7まで、また開発版になります。

以前ほど、更新頻度は高くなくなるかもしれませんが、ちょこちょこ更新していきたいと思います。

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

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