ACS Conversion Buttonリリース/無料DL開始

AI Creative Studio完全ガイド|使い方・カスタマイズ・新機能v1.3.5対応【無料WordPressテーマ】

AI Creative Studio
完全マニュアル

v1.3.5対応 | 全機能完全網羅・公式ガイド

このページをブックマークして、いつでも参照できる決定版マニュアルとしてご活用ください。
インストールから高度なカスタマイズまで、すべての機能を詳しく解説しています。

Core Web Vitals計測95点以上を目指せる超高速Wordpressテーマ

📚 完全マニュアル目次

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変数ベース設計
  • 不要なコード一切なし
Core Web Vitalsをモバイルで90点以上を達成

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種類のセパレーター
新しく追加された4つのカスタマイザーメニュー
Screenshot

第2章:インストールと初期設定

AI Creative Studioの導入は非常にシンプルです。5つのステップで、プロフェッショナルなサイトの基盤が完成します。

ステップ1:テーマのインストール

  1. 公式サイトから最新版をダウンロード
  2. WordPress管理画面「外観 → テーマ → 新規追加
  3. テーマのアップロード」でZIPファイルを選択
  4. 今すぐインストール」→「有効化
テーマのアップロード画面

ステップ2:基本ページの作成

ビジネスサイトとして機能させるため、以下のページを作成することを推奨します。

ページ名用途優先度
トップページサービス紹介・企業概要必須
サービス一覧提供サービスの詳細必須
制作実績ポートフォリオ・導入事例推奨
お問い合わせコンタクトフォーム必須
会社概要企業情報・代表メッセージ推奨

ステップ3:メニューの設定

外観 → メニュー」から、サイトナビゲーションを設定します。

  • Primary Menu:ヘッダーの主要ナビゲーション(5〜7項目推奨)
  • Footer Menu:フッターの補助ナビゲーション(3〜5項目推奨)
主要ページのメニュー登録
Screenshot

ステップ4:ウィジェットエリアの設定

外観 → ウィジェット」から、サイドバーとフッターを設定します。

エリア名推奨ウィジェット
サイドバー検索、カテゴリー、最近の投稿、プロフィール
フッター1会社情報、住所・連絡先
フッター2サービスリンク集
フッター3お役立ちリンク
フッター4SNSアイコン、お問い合わせボタン

ステップ5:サイトアイコン・ロゴの設定

外観 → カスタマイズ → サイト基本情報」から設定します。

  • サイトのタイトル:会社名・サービス名
  • キャッチフレーズ:事業内容を一言で表現
  • サイトアイコン:512×512px以上のPNG/JPG
  • カスタムロゴ:透明背景のPNG推奨

第3章:管理設定ページの活用

WordPress管理画面の左メニューに追加される「AI Creative Studio 設定」では、テーマ独自の高度な機能を管理できます。

今後も拡張予定の便利な機能
Screenshot

3-1. Google設定タブ

SEOと収益化に必須のGoogleサービスとの連携を設定します。

Search Console認証ID

  1. Google Search Consoleにアクセス
  2. 「プロパティを追加」→ URLプレフィックス方式
  3. 「HTMLタグ」を選択
  4. content="XXXX"のXXXX部分をコピー
  5. 設定画面に貼り付け

AdSenseコード

  1. Google AdSenseにログイン
  2. 「広告」→「サマリー」→「コードを取得」
  3. <script>タグ全体をコピー
  4. 設定画面に貼り付け
複雑なコードをいじらなくても設定出来るGoogleの設定
Screenshot

3-2. アピールエリアタブ

サイトのヘッダー直下に表示される、インパクトのあるCTAエリアを設定します。

設定項目説明推奨値
背景画像ヒーローセクションの背景1800×1200px、WebP形式
タイトルキャッチコピー20文字以内、インパクト重視
メッセージ詳細説明2〜3行、具体的なベネフィット
ボタンテキストCTA文言「無料相談」「資料請求」など
ボタンURL遷移先ページ問い合わせページなど

表示制御の活用例

トップページのみ表示
  • 表示タイプ:指定ページのみ
  • 表示ページID:2(トップページ)
特定ページで非表示
  • 表示タイプ:指定ページ以外
  • 除外ページID:100, 200
目立つ告知でイベントなどを訴求力最大で簡単設置
Screenshot

3-3. 通知エリアタブ

サイト最上部に表示される、重要なお知らせバーを設定します。

背景色用途使用例
ポジティブなお知らせ「新サービス開始」「キャンペーン実施中」
注意喚起「メンテナンス予定」「重要なお知らせ」
緊急・警告「システム障害」「緊急メンテナンス」
訪問者に的確に最新情報をお届けできる通知エリアも簡単設置
Screenshot

第4章:投稿・固定ページの個別設定

各投稿・固定ページの編集画面で、ページごとに個別設定ができます。

4-1. AI Creative Studio 設定メタボックス

投稿・固定ページ編集画面の右サイドバーに表示されます。

投稿ごとに設定を変えられる便利な設定
Screenshot

レイアウト設定

レイアウト説明おすすめ用途
サイト全体設定を使用カスタマイザーの設定を継承通常の投稿・ページ
2カラム(右サイドバー)メインコンテンツ + 右サイドバーブログ記事
2カラム(左サイドバー)左サイドバー + メインコンテンツナビゲーション重視
1カラムサイドバーなし、全幅表示LP、重要ページ
LPレイアウトヘッダー・フッター非表示ランディングページ

表示オプション

  • パンくずリストを非表示:このページのみパンくず非表示
  • アイキャッチ画像を非表示:このページのみアイキャッチ非表示
  • ページタイトルを非表示:このページのみタイトル非表示
  • 公開日・執筆者を非表示:投稿メタ情報を非表示(投稿のみ)

目次設定

記事内の見出し(H2〜H6)から、自動的に目次を生成します。

  • 目次を表示:このページで目次を表示するかどうか
  • 目次の挿入位置:最初〜5番目のH2見出しの前から選択
目次の位置を自由に調整できる
Screenshot

4-2. SEO基本設定メタボックス

各ページごとに、シンプルなSEO設定が可能です。

設定項目説明推奨
メタディスクリプション検索結果に表示される説明文120〜160文字
noindex設定検索エンジンから除外テストページなどに使用
検索エンジンに表示されるページの説明文を自由にカスタマイズ可能
Screenshot

第5章:高度な機能とパフォーマンス最適化

5-1. スクロールアニメーション(8種類)

ブロックエディタのすべてのブロックに、スクロールアニメーションを適用できます。

設定方法

  1. ブロックエディタでブロックを選択
  2. 右サイドバーの「スタイル」タブ
  3. スクロールアニメーション(8種類)から選択
アニメーション名動作おすすめ用途
Fade Inフェードインテキスト全般
Fade Up下から上へフェードイン見出し、重要要素
Slide Left右から左へスライド画像、カード
Slide Right左から右へスライド画像、カード
Zoom In拡大しながら表示強調要素、CTA
Rotate In回転しながら表示アイコン、装飾
Bounce In弾むように表示ボタン、注目要素
選ぶだけで高度なアニメーションを簡単に設定
Screenshot

💡 アクセシビリティ対応
ユーザーのOS設定で「視差効果を減らす」が有効な場合、アニメーションは自動的に無効化されます。

5-2. パフォーマンス最適化の実践

AI Creative Studioは標準で高速ですが、さらなる高速化のための実践テクニックをご紹介します。

画像最適化

用途推奨サイズファイルサイズ目安
アイキャッチ画像1200×630px100KB以下
記事内画像800×600px80KB以下
ヒーロー画像1920×1080px200KB以下

推奨ツール:Locany WebP変換ツール(無料)

フォント最適化

システムフォント(最速)
  • 外部読み込みゼロ
  • LCPスコア改善
  • Core Web Vitals 98点達成可能
Google Fonts使用時
  • display=swap で高速化
  • preconnect で事前接続
  • 非同期読み込み

Core Web Vitals計測

  1. PageSpeed Insightsにアクセス
  2. サイトURLを入力して「分析」
  3. モバイル・デスクトップのスコアを確認
指標目標値AI Creative Studio標準
LCP2.5秒以内2.1秒
FID100ms以内45ms
CLS0.1以下0.05
モバイルスコア85点以上87点
デスクトップスコア95点以上96点
Core Web Vitalsをモバイルで90点以上を達成
Screenshot

第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時間以内返信)でサポートしています。

📞 サポート・お問い合わせ

🔥 公式LINE(最速・推奨)

URL: https://lin.ee/PKaHDoaW

  • 対応時間: 平日10:00〜18:00
  • 返信速度: 通常2時間以内
  • 対応内容: すべての質問・サポート

📧 お問い合わせフォーム

URL: https://locany.net/contact/

  • 対応時間: 24時間受付
  • 返信速度: 通常24時間以内
  • 対応内容: 詳細な技術相談・カスタマイズ

あなたのビジネスを、
次のレベルへ。

AI Creative Studioで、理想のビジネスサイトを今すぐ構築しましょう。

🚀 WordPress制作をプロに任せませんか?

Locanyなら一般的な制作会社の1/3の価格・1/2の納期で高品質なサイトを制作します

LP・小規模:3万円〜
集客サイト:15万円〜
大規模・EC:30万円〜