クイックスタート
新しいウェブサイトを構築する場合は、まず基本設定を完了してから、コンテンツとメニュー構成を作成してください。
- サイト設定で会社名、URL、連絡先、グローバルSEOタイトルを入力します。
- ロゴとファビコンでブランドアセットをアップロードします。
- デザインでテーマ、カラーパレット、ヘッダー、フッター、フォント設定を確認します。
- 言語 / 翻訳で有効な言語とデフォルト言語を設定します。
- ページ管理でメインページとカテゴリ構成を作成します。
- メニューセクションからページ、商品カテゴリ、またはカスタムリンクを接続します。
- SEOツールでサイトマップ、robots、リダイレクトを確認します。
- セキュリティ設定で2FAとSMTPの設定を完了します。
ヒント: 公開前に、有効なすべての言語でスラッグ、メタタイトル、メタディスクリプションを確認してください。
パネルインターフェース
管理パネルはサイドバー、トップバー、メインワークスペースで構成されています。サイドバーには検索フィールドがあり、モジュール名を入力するとすぐにアクセスできます。
- サイドバー: すべてのモジュールとサブモジュール。検索で素早くアクセスできます。
- トップバー: サイトショートカット、言語選択、ユーザー操作、クイックアクセス。
- ワークスペース: リスト、フォーム、モーダル、ビルダー画面。
- 右クリックメニュー: デザインページへのクイックナビゲーションショートカット。
- 権限: ユーザーの役割に応じて、メニューや操作が非表示になる場合があります。
- バージョン情報: CMSのバージョン番号はサイドバーの下部に表示されます。
注意: 権限のないユーザーには、一部のメニューが表示されなかったり、保存・削除操作が実行できない場合があります。
ページ管理
ページ管理は、企業ページ、コンテンツページ、ランディングページ、ビルダーベースのカスタムページに使用します。
新規ページのワークフロー
- 必要に応じてページカテゴリからカテゴリを作成します。
- ページ管理 → 新規追加からページフォームを開きます。
- コンテンツモードを選択します：クラシックエディターまたはビルダーモード。
- 有効なすべての言語で、ページ名、スラッグ、コンテンツフィールドを入力します。
- SEOタイトル、メタディスクリプション、キーワード、タグを入力します。
- 必要に応じて、画像、アイコン、ギャラリー、コメントオプションを設定します。
- 保存後、メニューセクションからページをナビゲーションに接続します。
主要フィールド
- ページ名、サブタイトル、コンテンツ、動画フィールド
- 言語ごとのスラッグとSEOフィールド
- メイン画像、アイコン、画像サイズオプション
- ギャラリー、コメント、FAQ、チーム表示
- クラシックコンテンツまたはビルダーコンテンツモード
ビルダーモード
ビルダーモードでは、単一のリッチテキストエリアではなく、セクション、カラム、エレメントを使用してページを作成できます。
記事管理
記事管理は、ブログ、ニュース、お知らせ、ナレッジベースのコンテンツに使用します。
- 記事カテゴリを作成できます。
- 各記事には言語ごとのスラッグとSEOフィールドがあります。
- サイドバーの位置は右、左、または無効に設定できます。
- メイン画像とリスト表示レイアウトを調整できます。
ベストプラクティス: 記事タイトルは短くまとめ、検索結果で読みやすいディスクリプションを作成してください。
商品管理
商品管理は、商品カタログ、サービス一覧、問い合わせベースの商品ページに使用します。
商品公開ワークフロー
- 商品カテゴリでカテゴリツリーを作成します。
- 商品管理 → 新規追加から商品を作成します。
- 商品を正しいカテゴリに割り当てます。
- 必要な言語で商品名、短い説明、詳細コンテンツを入力します。
- 商品画像、ギャラリー、カタログ/ファイルリンクがあれば追加します。
- 技術情報、表、ドキュメント用に追加タブを必要に応じて作成します。
- SEOフィールドを入力し、フロントエンドのリンクをテストします。
商品カテゴリ
カテゴリは階層構造です。ルートカテゴリ、子カテゴリ、商品サイドバーの動作が連携して機能します。
商品フィールド
- 商品名、スラッグ、説明、短い説明
- 商品画像とギャラリー
- ファイルリンク
- 追加タブ
- SEOタイトル、ディスクリプション、キーワード、タグ
- 問い合わせフォーム連携
注意: 商品が正しいサイドバーツリーに表示されるよう、カテゴリ選択とサイドバーのルート設定を確認してください。
ギャラリーとファイル
メディア管理は、画像ギャラリーとダウンロード可能/管理可能なファイルで構成されています。
- ギャラリー: コンテンツやモジュールに画像リストを接続します。
- ファイル: PDF、カタログ、技術ドキュメントなどのファイルを管理します。
- 画像はコンテンツ、商品、ギャラリー、ビルダーエレメントで使用できます。
注意: 非常に大きな画像はページの表示速度を低下させます。ウェブ最適化された画像を使用してください。
テーマと外観
デザインセクションではウェブサイトの外観を制御します。テーマ選択、カラーパレット、フォント、パンくずサイズ、ヘッダー、フッター、カスタムCSS設定をここで管理します。
推奨デザイン設定の順序
- まず有効なテーマを選択します。
- ロゴとファビコンアセットをアップロードします（ライトロゴとダークロゴに対応）。
- ヘッダーの背景とメニューの動作を確認します。
- カラーマーケットから既成のカラーパレットを選択するか、個別に色を設定します。
- サイトフォントを選択します。
- パンくずサイズを設定します（デフォルト、小、大）。
- フッターのカラムとウィジェットの内容を設定します。
- モバイル表示を別途確認します。
カラーマーケット
カラーマーケットでは、既成のパレットからワンクリックでサイトカラーを適用できます。5つの業種カテゴリにわたる25のプリセットが利用可能です：コーポレート、クリニック&ヘルス、スクール&教育、ブログ&マガジン、Eコマース、レストラン&カフェ、ホテル&トラベル、ネイチャー、クリエイティブ。
- 既成パレット: ワンクリックで6色＋フォントを適用します。
- お気に入りパレット: よく使うパレットにスターを付けて上部に固定できます。
- カスタムパレット: 現在の色に名前を付けて保存し、後で再適用できます（1サイトにつき最大20件）。
- カラーのエクスポート/インポート: カラー設定をJSONとしてバックアップしたり、別のサイトに転送できます。
カラーフィールド
- プライマリカラー（メインボタンとアクセント）
- セカンダリカラー
- テキストカラー
- 見出しカラー
- 背景カラー
- トップバー背景カラー
- フッター背景カラー
- パンくず背景カラー
- プリセットカラーから選択するか、カスタムHEXコードを入力します
フォントとレイアウト
- サイトフォント選択（Google Fonts対応またはシステムフォント）
- パンくずサイズ：デフォルト、小、または大
ベストプラクティス: テーマを変更した後は、ホーム、商品詳細、カテゴリ、お問い合わせページをまとめて確認してください。異なるページタイプでカラープレビューをテストしてください。
ビルダー構成
AppWise CMSには、ホームビルダー、ページビルダー、コンタクトビルダーが含まれています。ビルダーはページをブロック単位で管理するために使用します。
ビルダーの仕組み
- セクションはページの水平エリアです。
- カラムはセクション内のカラム構成を定義します。
- エレメントはカラム内に配置されるコンテンツコンポーネントです。
- 各エレメントには独自のコンテンツ、画像、リンク、言語フィールドがある場合があります。
- フロントエンドの表示順序はビルダーで設定した順序に従います。
標準エレメント
バナーリッチテキストアコーディオンロゴスライダー統計チームお客様の声料金表タイムラインHTMLブロック区切り線タブコンテンツ動画問い合わせフォーム画像
テーマは独自の追加エレメントを定義できるため、利用可能なエレメントは有効なテーマによって異なる場合があります。
注意: HTMLブロックは強力ですが、慎重に使用してください。無効なHTMLはページレイアウトを壊す可能性があります。
フォームと申請
フォームと申請は、訪問者から送信されたレコードを管理するために使用します。未読レコード数はサイドバーに表示されます。
- お問い合わせフォーム: 訪問者のメッセージや連絡リクエスト。
- 人事フォーム: 求人応募や履歴書の送信。
- 見積もりフォーム: 価格見積もりのリクエスト。
- 注文フォーム: 商品やサービスの注文。
- 問い合わせフォーム: 一般的な商品/サービスの問い合わせレコード。
フォームレコードは既読状態で追跡できます。関連モジュールが無効な場合、一部のフォームが表示されないことがあります。
連携機能
サードパーティサービスとサイトツールは連携セクションから管理します。
- ニュースレターポップアップ: メール収集ポップアップ。
- WhatsAppボタン: 固定のWhatsApp連絡ボタン。
- ライブサポート: ライブチャット連携。
- Cookie通知: GDPR準拠のCookie同意バー。
- 速度テスト: サイト速度パフォーマンス分析。
- 構造化データマークアップ: 検索エンジン向け構造化データマークアップ。
ヒント: GDPR準拠のため、公開前にCookie通知を有効にしてください。
連絡先とソーシャルメディア
会社の連絡先情報とソーシャルメディアアカウントはこのセクションから管理します。このデータはフッター、お問い合わせページ、モジュールで自動的に使用されます。
- 連絡先: 電話番号、メール、住所、地図情報。
- ソーシャルメディア: Facebook、Instagram、Twitter/X、LinkedIn、YouTube、その他のプラットフォームリンク。
レビューと評価
訪問者のコメントと商品レビューはこのセクションから管理します。
- ページ/記事コメント: 訪問者コメントの承認、削除、管理。
- 商品レビュー: 商品の評価とレビューレコード。
- コメントは承認制です — 公開前に管理者の審査を経ます。
モジュール
モジュールシステムはCMS機能の有効化/無効化、およびページ/プラグインタイプの構造管理に使用します。
モジュールの例
ホーム商品ショッピングカートお問い合わせよくある質問実績紹介チーム紹介料金表見積もり注文人事採用営業時間問い合わせフォームエラーページ
各モジュールは有効化または無効化できます。モジュールはフロントエンドに関連ページとメニューを自動的に作成します。
注意: 必須モジュールはシステムに必要なものであり、削除しないでください。
SEOとウェブマスター
SEOツールは検索エンジンでの表示と技術的なリダイレクトを管理します。
SEOチェックフロー
- すべてのページ、商品、記事に固有のスラッグを使用します。
- 短く意味のあるメタタイトルを記述します。
- 実際のページコンテンツを要約したメタディスクリプションを記述します。
- URLが変更された場合は、旧URLを新URLにリダイレクトします。
- 公開前にサイトマップとrobots.txtを確認します。
- Google AnalyticsとSearch Consoleのコードを確認します。
- Google Analytics設定
- Google Search Console設定
- サイトマップ管理
- Robots.txt管理
- RSS設定
- リダイレクト管理（301/302）
- スラッグ / リンク管理
- 失敗URL（404トラッキング）
- ログイン失敗記録
- OTPログ記録
- キャッシュクリア
ヒント: URL変更後は、リダイレクト管理から旧リンクを新リンクにリダイレクトしてください。
訪問者分析
訪問者分析では、日々の訪問者アクティビティと人気ページを確認できます。
- 日別訪問者と詳細
- 人気ページ
- 訪問者のソースとデバイス情報
これらのレポートは、どのコンテンツがより多くの関心を集めているかを把握し、コンテンツ戦略の指針となります。
言語と翻訳
言語管理では、フロントエンドのコンテンツとパネル言語を制御します。有効な言語、デフォルト言語、言語の並び順をここで管理します。パネルインターフェースは18言語に対応しています。
新しい言語のワークフロー
- 言語 / 翻訳 → 言語管理を開きます。
- 無効な言語から対象の言語を選択します。
- 言語を有効化し、並び順を設定します。
- 必要に応じてデフォルト言語を変更します。
- 新しい言語のページ、商品、メニュー、モジュール、フッターコンテンツを入力します。
- フロントエンドで言語の並び順と有効な言語を確認します。
- 有効 / 無効の言語管理
- デフォルト言語の選択
- 言語の並び順
- パネルインターフェースの翻訳
- サイトテキストの翻訳（フロントエンド）
- コンテンツ翻訳の同期
注意: 新しい言語を追加した後は、その言語のページ、商品、メニュー、モジュールのコンテンツを入力する必要があります。
ユーザーと権限
ユーザーセクションでは、管理者アカウント、パネル言語、権限を管理します。
- スーパー管理者: すべての権限を持ちます。バックアップとシステム設定にアクセスできます。
- 管理者: モジュールベースの権限で動作します。
- 権限は表示、作成、編集、削除などの操作に分かれています。
- 各ユーザーにパネル言語を割り当てることができます。
- ユーザーアカウントは有効化または無効化できます。
ベストプラクティス: 日常のコンテンツ編集者には、必要なモジュールのみにアクセスを許可してください。
セキュリティとログイン
セキュリティ設定では、パネルへのアクセスとユーザーアカウントのセキュリティを制御します。
ログインとセッション
- ユーザー名またはメールアドレスでログインします。
- ログイン状態を保持: 有効にすると、セッションが30日間アクティブになります。ブラウザを閉じても自動ログインされます。
- セッションの有効期限が切れるか、ブラウザを閉じると、セキュリティトークンが自動的に更新されます。
- ログイン失敗の試行は記録されます。
二要素認証（2FA）
- 2FAは設定 → セキュリティから有効にします。
- ログイン後、メールまたは認証アプリでOTPコードが要求されます。
- バックアップコード: OTPにアクセスできなくなった場合、バックアップコードでログインできます。
- デバイス信頼: 信頼済みとしてマークされたデバイスは、90日間OTPが要求されません。
パスワード管理
- パスワードリセットはメールで行います。
- パネル内からパスワードを変更できます。
- パスワードの更新日が記録されます。
注意: 2FAを無効にする前に、必ずバックアップコードを保存してください。
SMTPとメール
パネルから送信されるメール（パスワードリセット、OTP、フォーム通知）が正常に動作するためには、SMTP設定が必要です。
- SMTPサーバーアドレス、ポート、暗号化タイプ（SSL/TLS）を設定します。
- 送信者名とメールアドレスを設定します。
- テストメールを送信して設定を確認できます。
注意: SMTP設定がない場合、パスワードリセット、OTP、フォーム通知メールを送信できません。
バックアップ
バックアップセクションは、データベース、ファイル、システムレベルのバックアップ操作に使用します。
- データベースバックアップ: すべてのテーブルをSQLとしてバックアップします。
- ファイルバックアップ: 画像とアップロードファイルをバックアップします。
- システムバックアップ: システム全体のスナップショット（スーパー管理者のみ）。
- 移行バックアップ: サーバー移行用の既成バックアップ（スーパー管理者のみ）。
- ストレージクリーンアップ: 未使用ファイルのクリーンアップ（スーパー管理者のみ）。
- オーナーログ記録: システムレベルの操作履歴。
注意: 大きな更新の前に、データベースとファイルの両方のバックアップを取得してください。
公開チェックリスト
新しいウェブサイトの公開や大規模なコンテンツ更新の前に、このチェックリストを使用してください。
ヒント: このリストを、すべてのプロジェクトのクライアント納品プロセスの一部として使用してください。
よくある質問
ページがメニューに表示されません。どうすればよいですか？
ページを作成しても、ナビゲーションには自動的に追加されません。メニューセクションから関連ページをメニュー項目として追加してください。
言語を追加しましたが、コンテンツが空で表示されます。
新しい言語を追加すると翻訳行が作成されますが、コンテンツテキストは手動で入力する必要があります。
商品サイドバーが正しく開きません。
商品カテゴリと商品/モジュールのサイドバー設定を確認してください。必要に応じてサイドバーのルート設定を使用してください。
サイトマップはいつ更新すべきですか？
新しいページ、商品、カテゴリ、またはモジュールページを公開するたびに、サイトマップを確認してください。
ビルダーエレメントがフロントエンドに表示されません。
エレメントが有効であること、選択したテーマでサポートされていること、コンテンツフィールドが入力されていることを確認してください。
カラーマーケットからパレットを適用しましたが、気に入りません。以前の色に戻せますか？
はい。以前にカラー設定をJSONとしてエクスポートしていた場合は、インポートで復元できます。またはカスタムパレットに保存したパレットを再適用することもできます。
2FAを有効にしましたが、携帯電話を紛失しました。
2FA有効時に提供されたバックアップコードのいずれかを使用してログインできます。バックアップコードがない場合は、システム管理者にお問い合わせください。
SMTP設定が構成されていない場合、どうなりますか？
パスワードリセット、OTP認証、フォーム通知メールを送信できません。公開前に必ずSMTP設定を構成してください。
セッションがすぐに切れてしまいます。
ログイン画面で「ログイン状態を保持」オプションを確認してください。これにより、セッションが30日間アクティブに保たれます（手動でログアウトしない限り）