コーディング・WordPress構築
コーディング・WordPress構築
制作会社様の外注パートナーとして、実務で"事故らない"実装を行います
制作会社様のパートナーとして、引き継ぎやすく・改修しやすく・チームで扱いやすい構成を前提に実装します。「言われた通り作る」だけでなく、実装・運用の観点から問題点があれば事前に共有・提案します。
提供できること
- デザインカンプを元にしたHTML・CSS・JavaScriptのコーディング
- WordPressのオリジナルテーマ構築
- カスタム投稿タイプ・更新しやすい管理画面設計
- 既存WordPressサイトの改修・機能追加
- 制作会社様への引き継ぎを前提とした構成での実装
実装・設計の方針
※ 実装方針や使用ツールは、制作会社様のルール・既存構成に合わせて対応可能です。
以下は、普段の実装で採用している一例です。
WordPress設計
- 更新・改修を前提とした構造設計
管理画面の構成やデータ構造を整理し、運用しやすい形で実装します。 - WordPress標準に準拠したテーマ構築
属人化しすぎない構成で、引き継ぎやすさを重視します。
CSS設計・ディレクトリ構造
- 構造が把握しやすいスタイル設計
案件や制作会社様のルールに合わせて設計方針を調整可能です。 - FLOCSS・BEMなどの考え方をベースにした設計（必要に応じて）
スタイルの重複や影響範囲が広がりにくい構成を意識します。 - テンプレート単位でのスタイル分割管理
改修時に修正箇所を把握しやすい構成で管理します。
ビルド環境・自動化ツール
- タスク自動化による作業効率の向上
Sassコンパイルやブラウザ対応などを自動化し、実装の品質と効率を保ちます。 - 開発時のデバッグがしやすい環境構築
スタイルや挙動の特定がしやすい構成で実装します。
※ Gulpなどのツールは、制作会社様の環境に合わせて利用・調整可能です。
対応可能な実装内容（一例）
オリジナルテーマ開発
カスタム投稿タイプ設計
ACFを用いた更新設計
UIパーツ実装（アコーディオン / モーダル / タブ切り替え / スライダー など）
スクロール演出・アニメーション実装
既存WordPressサイトの改修・調整
制作会社様にとってのメリット
引き継ぎやすい納品データ
構造が整理されているため、別の担当者に引き継ぎやすいです。
改修・追加時に崩れにくい構成
コンポーネント単位で管理しているため、変更の影響範囲を抑えられます。
仕様が固まっていない段階での構成案の提案
実装・運用の観点から、無理のない構成を提案できます。
"言われた通り作るだけ"ではなく、実務目線での提案
仕様漏れ・運用時の問題になりそうな点は事前に共有します。
料金（目安）
制作内容やボリューム、納期のご希望に合わせて柔軟に対応いたします。
下記は基本的な料金の目安です。詳細はヒアリング後に正式にお見積りいたします。
① 静的コーディング
② WPテンプレート化
③ 機能拡張・管理画面
④ 軽作業・修正
⑤ UIパーツ実装
⑥ 注意事項
① 静的コーディング（HTML・CSS・JavaScript）
| 内容 | 料金（税別） | 備考 |
|---|---|---|
| LPコーディング | 120,000円〜 | 10,000ピクセル超過ごとに＋5,000円目安 |
| トップページ（静的） | 55,000円〜 | 要素量・アニメーション量により変動 |
| 下層ページ（静的・通常） | 13,000円〜 | 企業情報・事業内容など |
| 下層ページ（静的・簡易） | 10,000円〜 | テキスト中心 |
| ブログ一覧ページ（静的） | 13,000円〜 | |
| ブログ詳細ページ（静的） | 13,000円〜 | |
| 表示・動作チェック | 12,800円 | 納品前の最終確認 |
② WordPressテンプレート化（静的コーディングに追加）
| 内容 | 追加料金（税別） | 合計イメージ |
|---|---|---|
| LPのWordPress化 | ＋25,000円〜 | 合計 145,000円〜 |
| LP内フォーム設置 | ＋8,000円〜 | 合計 153,000円〜 |
| トップページのWordPress化 | ＋15,000円 | 合計 70,000円 |
| 固定ページのWordPress化 | ＋3,000円 | 合計 16,000円 |
| 記事詳細ページのWordPress化 | ＋3,000円 | 合計 16,000円 |
| 記事一覧ページのWordPress化 | ＋5,000円 | 合計 18,000円 |
| カテゴリー一覧ページのWordPress化 | ＋3,000円 | 合計 16,000円 |
| カスタム投稿 詳細ページ | ＋3,000円 | 合計 16,000円 |
| カスタム投稿 一覧ページ | ＋3,000円 | 合計 16,000円 |
| カスタム投稿 分類一覧 | ＋2,000円 | 合計 15,000円 |
| 404ページ | ＋2,000円 | 合計 12,000円 |
| お問い合わせページ（フォーム込み） | ＋6,000円 | 合計 19,000円〜 |
③ WordPress機能拡張・管理画面調整
| 内容 | 料金（税別） | 備考 |
|---|---|---|
| WordPress機能の拡張・変更 | 12,000円〜 | functions.php対応 |
| カスタムフィールド実装 | 別途お見積もり | Advanced Custom Fieldsなど |
| 管理画面UI調整 | 別途お見積もり | 入力項目整理など |
④ 軽作業・修正対応
| 内容 | 料金（税別） | 備考 |
|---|---|---|
| ページ流し込み | 5,000円〜 | 1ページ単位 |
| テキスト・画像差し替え（1箇所） | 1,000円〜 | 軽微修正 |
| セクション追加・微調整 | 軽微対応に含む | ボリューム大は別途 |
⑤ UIパーツ実装（簡易）
| 内容 | 料金（税別） |
|---|---|
| アコーディオン | 5,000円〜 |
| モーダル | 5,000円〜 |
| タブ切り替え | 5,000円〜 |
| スライダー | 8,000円〜 |
| フェードイン | 5,000円〜 |
| ヘッダー固定 | 5,000円〜 |
| トップへ戻るボタン | 3,000円〜 |
| 画像拡大・ポップアップ | 5,000円〜 |
⑥ 条件・注意事項（下請け用に必須）
- ※ デザイン完全支給を前提とした価格です
- ※ デザイン未確定・途中変更がある場合は別途お見積もり
- ※ レスポンシブデザイン未設計の場合は追加費用が発生します
- ※ UIの独自仕様・アニメーション調整・表示条件付きは別途お見積もり
- ※ 想定工数を大きく超える場合は、事前相談の上で調整します
- ※ 短納期対応は内容により割増となります
見積もりシミュレーション
※ ページ数・機能を選択して概算を算出できます。ご希望の要件を選択し、詳しい要件や機能があれば入力してください。
自動で概算の制作費用が計算されます。
① ページ・コーディング
件
ページ
ページ
ページ
ページ
ページ
ページ
ページ
式
② UIパーツ実装・機能追加（複数選択可）
概算制作費用
¥
0
〜