AI Creative Studio
完全マニュアル
v1.3.5対応 | 全機能完全網羅・公式ガイド
このページをブックマークして、いつでも参照できる決定版マニュアルとしてご活用ください。
インストールから高度なカスタマイズまで、すべての機能を詳しく解説しています。

📚 完全マニュアル目次
AI Creative Studioのすべての機能を体系的に解説します。
必要な箇所から読み始めて、徐々に習熟度を上げていきましょう。
第1章:テーマの特徴と強み
AI Creative Studioは、AIサービス企業、クリエイティブスタジオ、IT系スタートアップのために特別に設計された、ビジネス特化型WordPressテーマです。「ブログ感」を排除し、企業サイト・サービスサイトに最適化されたデザインと機能を提供します。
1-1. 圧倒的な高速性
⚡ Core Web Vitals
- モバイル:85点以上
- デスクトップ:95点以上
- LCP:2.1秒(目標2.5秒以内)
- FID:45ms(目標100ms以内)
- CLS:0.05(目標0.1以下)
🚀 軽量設計
- ファイルサイズ:254KB(競合の1/4)
- jQuery完全不使用
- Vanilla JavaScript採用
- CSS変数ベース設計
- 不要なコード一切なし

1-2. v1.3.5新機能ハイライト
最新バージョンでは、デザインの自由度が大幅に向上しました。コードを書かずに、プロフェッショナルなカスタマイズが可能になります。
🔤 フォント選択
Google Fonts 5種類 + システムフォントから選択。本文と見出しを個別設定でき、フォントサイズ・行間も調整可能です。
- Noto Sans JP(標準ゴシック)
- Noto Serif JP(上品な明朝体)
- M PLUS Rounded 1c(丸ゴシック)
- システムフォント(最速)
🎨 ボタンスタイル
6種類のデザインスタイルから選択可能。サイト全体のボタンが一括で変更され、統一感のあるデザインを実現できます。
- フラット(シンプル単色)
- グラデーション(2色グラデ)
- ネオモーフィズム(最新デザイン)
- グロー(光るエフェクト)
🃏 カード型デザイン
投稿一覧を美しいグリッドレイアウトで表示。1〜3列のカラム数、影の種類、間隔、角丸まで自由に調整できます。
- シンプル(影なし、ミニマル)
- シャドウ(影付き立体感)
- ホバーエフェクト(浮き上がる)
🧭 パンくずリスト強化
構造化データ対応でSEO効果を最大化。セパレーター(>, /, •, ›)の選択やアイコン表示も自由に設定できます。
- Schema.org BreadcrumbList対応
- Google検索結果に表示
- 4種類のセパレーター

第2章:インストールと初期設定
AI Creative Studioの導入は非常にシンプルです。5つのステップで、プロフェッショナルなサイトの基盤が完成します。
ステップ1:テーマのインストール
- 公式サイトから最新版をダウンロード
- WordPress管理画面「外観 → テーマ → 新規追加」
- 「テーマのアップロード」でZIPファイルを選択
- 「今すぐインストール」→「有効化」

ステップ2:基本ページの作成
ビジネスサイトとして機能させるため、以下のページを作成することを推奨します。
| ページ名 | 用途 | 優先度 |
|---|---|---|
| トップページ | サービス紹介・企業概要 | 必須 |
| サービス一覧 | 提供サービスの詳細 | 必須 |
| 制作実績 | ポートフォリオ・導入事例 | 推奨 |
| お問い合わせ | コンタクトフォーム | 必須 |
| 会社概要 | 企業情報・代表メッセージ | 推奨 |
ステップ3:メニューの設定
「外観 → メニュー」から、サイトナビゲーションを設定します。
- Primary Menu:ヘッダーの主要ナビゲーション(5〜7項目推奨)
- Footer Menu:フッターの補助ナビゲーション(3〜5項目推奨)

ステップ4:ウィジェットエリアの設定
「外観 → ウィジェット」から、サイドバーとフッターを設定します。
| エリア名 | 推奨ウィジェット |
|---|---|
| サイドバー | 検索、カテゴリー、最近の投稿、プロフィール |
| フッター1 | 会社情報、住所・連絡先 |
| フッター2 | サービスリンク集 |
| フッター3 | お役立ちリンク |
| フッター4 | SNSアイコン、お問い合わせボタン |
ステップ5:サイトアイコン・ロゴの設定
「外観 → カスタマイズ → サイト基本情報」から設定します。
- サイトのタイトル:会社名・サービス名
- キャッチフレーズ:事業内容を一言で表現
- サイトアイコン:512×512px以上のPNG/JPG
- カスタムロゴ:透明背景のPNG推奨
第3章:管理設定ページの活用
WordPress管理画面の左メニューに追加される「AI Creative Studio 設定」では、テーマ独自の高度な機能を管理できます。

3-1. Google設定タブ
SEOと収益化に必須のGoogleサービスとの連携を設定します。
Search Console認証ID
- Google Search Consoleにアクセス
- 「プロパティを追加」→ URLプレフィックス方式
- 「HTMLタグ」を選択
content="XXXX"のXXXX部分をコピー- 設定画面に貼り付け
AdSenseコード
- Google AdSenseにログイン
- 「広告」→「サマリー」→「コードを取得」
<script>タグ全体をコピー- 設定画面に貼り付け

3-2. アピールエリアタブ
サイトのヘッダー直下に表示される、インパクトのあるCTAエリアを設定します。
| 設定項目 | 説明 | 推奨値 |
|---|---|---|
| 背景画像 | ヒーローセクションの背景 | 1800×1200px、WebP形式 |
| タイトル | キャッチコピー | 20文字以内、インパクト重視 |
| メッセージ | 詳細説明 | 2〜3行、具体的なベネフィット |
| ボタンテキスト | CTA文言 | 「無料相談」「資料請求」など |
| ボタンURL | 遷移先ページ | 問い合わせページなど |
表示制御の活用例
トップページのみ表示
- 表示タイプ:指定ページのみ
- 表示ページID:2(トップページ)
特定ページで非表示
- 表示タイプ:指定ページ以外
- 除外ページID:100, 200

3-3. 通知エリアタブ
サイト最上部に表示される、重要なお知らせバーを設定します。
| 背景色 | 用途 | 使用例 |
|---|---|---|
| 緑 | ポジティブなお知らせ | 「新サービス開始」「キャンペーン実施中」 |
| 黄 | 注意喚起 | 「メンテナンス予定」「重要なお知らせ」 |
| 赤 | 緊急・警告 | 「システム障害」「緊急メンテナンス」 |

第4章:投稿・固定ページの個別設定
各投稿・固定ページの編集画面で、ページごとに個別設定ができます。
4-1. AI Creative Studio 設定メタボックス
投稿・固定ページ編集画面の右サイドバーに表示されます。

レイアウト設定
| レイアウト | 説明 | おすすめ用途 |
|---|---|---|
| サイト全体設定を使用 | カスタマイザーの設定を継承 | 通常の投稿・ページ |
| 2カラム(右サイドバー) | メインコンテンツ + 右サイドバー | ブログ記事 |
| 2カラム(左サイドバー) | 左サイドバー + メインコンテンツ | ナビゲーション重視 |
| 1カラム | サイドバーなし、全幅表示 | LP、重要ページ |
| LPレイアウト | ヘッダー・フッター非表示 | ランディングページ |
表示オプション
- パンくずリストを非表示:このページのみパンくず非表示
- アイキャッチ画像を非表示:このページのみアイキャッチ非表示
- ページタイトルを非表示:このページのみタイトル非表示
- 公開日・執筆者を非表示:投稿メタ情報を非表示(投稿のみ)
目次設定
記事内の見出し(H2〜H6)から、自動的に目次を生成します。
- 目次を表示:このページで目次を表示するかどうか
- 目次の挿入位置:最初〜5番目のH2見出しの前から選択

4-2. SEO基本設定メタボックス
各ページごとに、シンプルなSEO設定が可能です。
| 設定項目 | 説明 | 推奨 |
|---|---|---|
| メタディスクリプション | 検索結果に表示される説明文 | 120〜160文字 |
| noindex設定 | 検索エンジンから除外 | テストページなどに使用 |

第5章:高度な機能とパフォーマンス最適化
5-1. スクロールアニメーション(8種類)
ブロックエディタのすべてのブロックに、スクロールアニメーションを適用できます。
設定方法
- ブロックエディタでブロックを選択
- 右サイドバーの「スタイル」タブ
- スクロールアニメーション(8種類)から選択
| アニメーション名 | 動作 | おすすめ用途 |
|---|---|---|
| Fade In | フェードイン | テキスト全般 |
| Fade Up | 下から上へフェードイン | 見出し、重要要素 |
| Slide Left | 右から左へスライド | 画像、カード |
| Slide Right | 左から右へスライド | 画像、カード |
| Zoom In | 拡大しながら表示 | 強調要素、CTA |
| Rotate In | 回転しながら表示 | アイコン、装飾 |
| Bounce In | 弾むように表示 | ボタン、注目要素 |

💡 アクセシビリティ対応
ユーザーのOS設定で「視差効果を減らす」が有効な場合、アニメーションは自動的に無効化されます。
5-2. パフォーマンス最適化の実践
AI Creative Studioは標準で高速ですが、さらなる高速化のための実践テクニックをご紹介します。
画像最適化
| 用途 | 推奨サイズ | ファイルサイズ目安 |
|---|---|---|
| アイキャッチ画像 | 1200×630px | 100KB以下 |
| 記事内画像 | 800×600px | 80KB以下 |
| ヒーロー画像 | 1920×1080px | 200KB以下 |
推奨ツール:Locany WebP変換ツール(無料)
フォント最適化
システムフォント(最速)
- 外部読み込みゼロ
- LCPスコア改善
- Core Web Vitals 98点達成可能
Google Fonts使用時
- display=swap で高速化
- preconnect で事前接続
- 非同期読み込み
Core Web Vitals計測
- PageSpeed Insightsにアクセス
- サイトURLを入力して「分析」
- モバイル・デスクトップのスコアを確認
| 指標 | 目標値 | AI Creative Studio標準 |
|---|---|---|
| LCP | 2.5秒以内 | 2.1秒 |
| FID | 100ms以内 | 45ms |
| CLS | 0.1以下 | 0.05 |
| モバイルスコア | 85点以上 | 87点 |
| デスクトップスコア | 95点以上 | 96点 |

第6章:エコシステム連携とサポート
AI Creative Studioは、「テーマ=土台」「プラグイン=機能拡張」という役割分担で設計されています。LocanyのACSシリーズプラグインと組み合わせることで、ビジネスサイトとしての完成度がさらに高まります。
🔗 Locanyエコシステムで機能拡張
AI Creative Studioと組み合わせることで、さらに強力なビジネスサイトを構築できます。
📝 記事販売・収益化
ACS WooCommerce Content Pro
WordPressの記事を有料コンテンツ化。Paywall機能や投げ銭機能で、noteのようなマネタイズを自社サイトで実現できます。
🎨 ポートフォリオ機能
ACS Portfolio Pro
制作実績や導入事例を美しく表示。フィルタリング機能やLightbox表示で、クライアントへの信頼度を高めます。
🔍 SEO強化
ACS SEO Plus
OGP・構造化データ・詳細なSEO設定で、検索順位を大幅に向上。Google検索結果での表示を最適化します。
❓ よくある質問(FAQ)
Q. 本当に無料で使えますか?商用利用も可能ですか?
はい、AI Creative Studioテーマ本体は完全無料です。GPL v2 or laterライセンスのため、個人・法人問わず商用利用が可能です。クレジット表記も任意です。
Q. WordPress初心者でも設定できますか?
はい。HTMLやCSSの知識がなくても、カスタマイザーからマウス操作だけでデザインを変更できます。このマニュアルの手順に沿って進めれば、初心者でも迷わず設定できます。
Q. 他のプラグインと競合しませんか?
WordPress標準のコーディング規約に完全準拠しているため、一般的なプラグインとの互換性は高いです。特にACSプラグインファミリーとの連携は完璧に動作します。
Q. ページビルダー(Elementor等)は使えますか?
技術的には使用可能ですが推奨しません。ページビルダーは重く、Core Web Vitalsスコアが大幅に低下します。AI Creative Studioは、WordPress標準のブロックエディタで十分な表現力を持つよう設計されています。
Q. サポートはありますか?
はい。公式LINE(平日10:00〜18:00、2時間以内返信)またはお問い合わせフォーム(24時間以内返信)でサポートしています。
📞 サポート・お問い合わせ
あなたのビジネスを、
次のレベルへ。
AI Creative Studioで、理想のビジネスサイトを今すぐ構築しましょう。