コーポレートサイト

WordPress CMS型
コーポレートサイト

自社更新に対応したWordPress制作。SEO施策・ Core Web Vitals最適化を並行実施。

コーポレートサイトのトップページ

プロジェクト概要

コンサルティング会社（※サンプル）のコーポレートサイトをWordPressで制作しました。 それまでの古い静的サイトを全面リニューアルし、担当者が自社でニュースや 事例ページを更新できるCMS環境を整備することが主な目的です。

デザインはFigmaで制作し、カンプに忠実にコーディング。WordPress Gutenbergの カスタムブロックを実装し、マーケティング担当者がノーコードで ページを組み上げられる環境を実現しています。

担当した主な作業

  • Figma → HTML/CSSコーディング（ピクセルパーフェクト）
  • オリジナルWordPressテーマの開発
  • Gutenbergカスタムブロック（10種類）の実装
  • カスタム投稿タイプ（ニュース・実績・メンバー）の実装
  • お問い合わせフォーム（バリデーション・自動返信メール）
  • SEO対応（構造化データ・OGP・サイトマップ・canonical）
  • Core Web Vitals 最適化（LCP / CLS / INP）
  • Google Search Console / Analytics 連携・初期設定
  • Cloudflare CDN 設定・セキュリティ強化
Gutenbergブロックエディタと実績ページ

使用技術・ツール

WordPressのオリジナルテーマをPHP + Sass + JavaScriptで構築。 ブロックエディタ拡張にはReact（@wordpress/scripts）を使用し、 ドラッグ＆ドロップで各セクションを組み替えられるよう実装しました。

パフォーマンス最適化としてはWebP変換・遅延読み込み・CSS/JSのminify・ クリティカルCSSのインライン化を実施。LighthouseのパフォーマンスをPC/SP両方で 90点以上に保っています。

工夫した点

担当者への引き渡しを意識し、操作マニュアルを作成しました。 Gutenbergのカスタムブロックには、設定項目に説明文と プレビューを表示する実装を行い、マーケターが迷わず使えるよう配慮しています。

CMSのセキュリティにも注力しており、ログインURLの変更・ XML-RPC無効化・管理画面の二要素認証・定期バックアップを設定。 継続的な保守運用フローも提案・実施しました。

実績一覧に戻る

Contact

サイト制作・リニューアルのご相談

コーポレートサイト・サービスサイト・LPなど、 まずは現状の課題をお聞かせください。

お問い合わせフォームへ