BLOG

WordPress案件を丸投げOK！フリーコーダー発注チェックリスト


WordPress案件を丸投げOK！フリーコーダー発注チェックリスト

デザインは完璧に仕上がった──しかし社内にコーディングのリソースがない。
そんなとき頼りになるのが外部フリーコーダー（フロントエンド開発者）です。
とはいえ、「何を渡せば？ どこまでお願いできる？」 という疑問もつきもの。
本記事では、制作会社・デザイナー・広告代理店がWordPress丸投げを成功させるための
発注チェックリストをまとめました。

1. 事前ヒアリングで整理すべき 5 つの項目

  1. サイト種別：コーポレート／LP／EC／採用 など
  2. ページ数と階層：トップ＋下層○枚、アーカイブ○種類
  3. 動的要件：カスタム投稿・ACF・検索フィルター etc.
  4. デザインデータ形式：Figma／XD／Photoshop
  5. 公開後の更新担当：クライアント側 or 制作会社 or コーダー

2. デザインデータの渡し方チェックリスト

項目 推奨設定 / メモ
カンバス幅 Figma 1440px 基準／SP 375px
グリッド 12列 / 72rem 中央揃え 等を明示
単位 px 表記で統一（% / pt 混在しない）
画像書き出し WebP or PNG でアセット書き出し済み
レイヤー命名 header / hero / section-01 …

3. コーディング仕様書に入れるべき内容

  • 開発環境：PHP 8.2 / WP 6.5 / Sass / ESBuild
  • テーマ構成：Block Theme or Classic／ACF Pro ありなし
  • プラグイン指定：SEO・キャッシュ・フォームなど
  • アクセシビリティ方針：WCAG 2.1 AA 対応有無
  • 納品形式：GitHub Repo／ZIP ／本番サーバ直接

4. 見積もりがブレやすいポイント

  1. リテイク回数：デザイン修正に合わせたコーディング修正範囲
  2. 動的検索・絞り込み：Ajax / REST API 実装の有無
  3. 多言語対応：WPML / Polylang 導入と翻訳入稿フロー
  4. 保守期間：公開後バグ対応の日数・工数

5. 納品後チェックシート

  • PageSpeed Insights モバイル 80+
  • HTML 構造: landmark / heading 階層チェック
  • SEOメタ：title / description / OG タグ確認
  • フォーム送信テスト（SPAM対策含む）
  • クロスブラウザ：Chrome / Safari / Edge / Firefox 最新

6. 発注テンプレート（コピペ可）

【案件概要】
サイト種別：コーポレート
ページ数　：トップ＋下層8P
納期　　　：◯月◯日デザインFIX → ◯月◯日公開
動的要件　：投稿タイプ「お知らせ」「事例」＋ ACF で管理

【依頼範囲】
・XD デザインをもとに WordPress テーマ一式実装
・レスポンシブ対応（375px〜）
・納品後1ヶ月の軽微バグ修正含む

【提出物】
・GitHub リポジトリ
・操作マニュアル PDF

ご対応可否と概算見積もりをお願いします！

まとめ

上記チェックリストを満たせば、「丸投げだけどスムーズ」 な外注コーディングが可能。
クリエイティブに集中したい制作会社・デザイナー・代理店の方は、ぜひご活用ください。

ご相談ください

WordPressフルカスタマイズ・ACF実装・高速化まで
ワンストップで対応する山キノコロリ WEB事業部が、案件を丸ごとお引き受けします！
▶ お問い合わせフォーム

BACK