オリジナルWordPressテーマ開発

ポートフォリオ

カテゴリー：ポートフォリオ

本ポートフォリオに使用しているオリジナルWordPressテーマを開発しました。

概要

ブログ向けに設計した、ミニマルで読みやすさを重視したオリジナルWordPressテーマです。

レスポンシブ対応とシンプルなレイアウトを意識しました。

主な機能（仕様）

  • レスポンシブデザイン（スマホ・PC 対応）
  • CSS 設計：BEM 記法で命名ルールを統一
  • 目次の自動生成機能（長文でも見やすい構造に）
  • ミニマルデザイン（余白とタイポグラフィを重視）

担当範囲

  • デザイン
  • コーディング（HTML・CSS（SCSS）・JavaScript）
  • WordPress化（PHP）
  • テーマ構造設計（header.php・footer.php・single.php・index.phpなど）

工夫したポイント

BEM 記法で CSS を統一し、後からの保守性と拡張性を高めました。

情報量を抑えた ミニマルデザインにより、読者が本文に集中できる構成に。

章の多い記事でも迷わないよう 目次・見出しの視認性を改善。

ファイル構造をシンプルにまとめ、クライアントからテーマカスタムしやすい設計に。

使用技術

  • HTML・CSS（SCSS）
  • JavaScript
  • PHP
  • WordPress
  • BEM 設計

制作期間

約7日