24sy DesignのWordPress仕様まとめ

Date
2021.10.06
Category
Written By
Shohei Nishiyama
24sy DesignのWordPress

こんにちは、デザイナーの西山 将平(@24sy___)です。

当サイトは「WordPress」で作成しております。シンプルなサイトですが改めて仕様を整理すると、多くの機能を追加していたことが分かったので、まとめることにしました。

これからWordPressでシンプルなサイトを作る方に、必要な機能を参考にしていただければと思います。

機能として実現していること

色々な記事を読み漁りながら作成したので、コード自体は甘いですが、現在機能として実現していることが以下になります。

  1. ハンバーガーメニュー
  2. PickUp機能
  3. 新着表示
  4. ランキング表示
  5. 関連記事表示
  6. ページトップに戻るボタン
  7. ページネーション
  8. ライトボックス
  9. パンくずリスト
  10. タブ切り替え
  11. 目次自動生成
  12. ブログカード
  13. ダークモード
  14. SNSに記事をShareする機能
  15. コードのシンタックス
  16. WebP対応
  17. 自動バックアップ
  18. SEO対策

この他に当サイトの機能に追加したいことが、Topページにスライダーを追加、記事をシリーズごとにまとめて公開、ランキング機能をアップデート(ディリー、ウィークリー、マンスリーごとに分ける)ができたらなと考えています。

サイトで使用しているプラグイン

PHPの知識があまりないのに実装したいことが多く、プラグイン数が多めになっています。

「WP Subtitle」は、WORKSでしか使用していないので、もしかしたら今後別の方法で代用できればなと考えています。

カテゴリーとタグの使い方

固定ページとして作成しているのが、6つになります。

  1. ABOUT
  2. WORKS
  3. BLOG
  4. CONTACT
  5. PRIVACY POLICY

上記の中で、カテゴリーはWORKS、BLOG、PHOTOで使用しており、タグはTopページのFeatured用に1つだけ使用しておりますが、今後増やしていくかは要検討中です。

ページスピードについて

モバイルは50前後で極端に遅く、PCは80後半あたりでそこそこのスピードです。検証中なのですが、おそらく画像数が多いのが原因なのかなと考えています。

モバイルのページスピード
モバイルのページスピード
PCのページスピード
PCのページスピード

改善する箇所がまだまだありますが、今後、もしテーマとしても活用できそうであれば、テンプレートを公開しようかなと思います。

Share on

Contact

Get in Touch !

デジタル領域のサービスのプロダクトデザインを中心としたデザイン業務を、随時お受けしています。お仕事のご依頼・クリエイティブに関するご相談など、お気軽にお問い合わせ下さい。

通常3日以内にご返信いたします。