サイトのテーマ「Nora Ace(仮)」へ変更しました。

ここ暫く「ShapeShifter」の特徴を一部引き継いだテーマを作成しておりました。ブログも久々に書くせいで、ブロックエディタにまだ全然慣れておりません。

ちょっとテーマ作成から離れていたので、ブランクが有りましたので不安でしたけど、何とか形になってきましたので、取り敢えずこのサイトで試運転しております。

テーマの特徴

特徴としては右に書いてあるようになっております。

また、バックエンドとフロントエンドをなるべく切り離して、速度も改善していけたら良いんですが、まだまだ難しい気もします。

スライダー機能も追加していきますが、まだウィジェットの「Author Card」と「WooCommerceの商品ページのギャラリー」にしか使用しておりません。記事の下に出てくるプロフィールで、フリップさせると筆者の記事が出てきますが、スタイルを殆ど設定していない状態で付けていますが、そのうちスタイルも加筆します。

  • タイトル、コンテンツ、ナビメニューなどの必要箇所以外はなるべくウィジェットとテーマカスタマイザーでコントロール
  • フロントエンドではjQueryコードを使わず、スクリプトとスタイルを非同期出力(jQuery自体は勝手に出力されると思います)
  • Google Fontsの利用
  • オプショナルウィジェットエリア機能
  • ポストメタによるウィジェットエリアの無効化機能
  • カスタムウィジェット(現在「Entries」「Author Card」「Map」のみです)
  • 後々、追加予定(ポストメタによるウィジェットエリアへのサブコンテンツ出力、lazyload、スクロールアニメーション、ショートコード、などなど)

サードパーティ

あまり多くのものを使うのもどうかと思いましたので、基本的には著作権フリーのsvgアイコン画像などしか使っておりませんが、一部サードパーティ製のものも使用しております。右に挙げているのがそうですが、実際に現段階で使用しているのは4つです。

「Customizer Controls」だけはバックエンドで使用するもので、アルファカラーピッカーを主に使用していますが、テーマカスタマイザーが複雑になる可能性を危惧しており、整理しやすいタブ機能も使ってます。めちゃ便利ですので、ずいぶん書いていなかったのですが、ブログで使い方などを紹介していけたらと思います。

  • Customizer Controls
  • Bootstrapのreboot
  • Swiper
  • Luminous-Lightbox
  • AnimateCSS(未使用ですが、考慮に)
  • AnimeJS(未使用ですが、考慮に)

とまぁ、「ShapeShifter」と違ってテーマにまとめて何でも書けるため、ファイルとフックの管理がずいぶん楽になり、編集する僕としてはすごく都合の良いテーマです。もうテーマとプラグインで別のフックがいっぱい出てくると管理するの大変だったんです(本音)

ただ、配信する場合は「ShapeShifter」と違って有料にしようと思っております。リポジトリにアップロードできないので、仕方ないかもしれません。

デモ:テーマ「Nora Ace(仮)

まだまだ改善点など見つかるでしょうが徐々に修正していきます。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください