Sitecore基本機能完全ガイド：管理画面からテンプレートまで徹底解説（Part2）

はじめに：Sitecoreの基本操作をマスターしよう

前回の記事（Part1: Sitecore入門編）では、Sitecoreの概要と導入メリットについて解説しました。今回は実際にSitecoreを操作しながら、基本機能を習得していきましょう。

この記事を読み終える頃には、Sitecoreでコンテンツを作成・管理できるようになっているはずです。

Sitecore管理画面への第一歩

ログインから始めよう

Sitecoreへのアクセスは通常、以下のURLパターンです：

https://[your-domain]/sitecore/login

ログイン画面では以下の情報を入力します：

• Username: 管理者から提供されたユーザー名
• Password: パスワード
• Domain: 通常は「sitecore」（企業によってはAD連携の場合も）

Launchpadを理解する

ログイン後、最初に表示されるのがLaunchpadです。これはSitecoreの各機能へのショートカット集です。

┌─────────────────────────────────────────────┐
│             Sitecore Launchpad              │
├─────────────────────────────────────────────┤
│  ┌───┐  ┌───┐  ┌───┐  ┌───┐  ┌───┐        │
│  │ C │  │ E │  │ M │  │ A │  │ F │        │
│  │ E │  │ E │  │ M │  │ N │  │ R │        │
│  └───┘  └───┘  └───┘  └───┘  └───┘        │
│                                             │
│  Content  Exp.   Media  Analytics Forms    │
│  Editor  Editor  Library                    │
└─────────────────────────────────────────────┘

主要なアプリケーション：

• Content Editor: コンテンツツリーでの管理
• Experience Editor: ページ上で直接編集
• Media Library: 画像・動画の管理
• Marketing Control Panel: マーケティング設定
• Analytics: 分析レポート

Content Editor：コンテンツ管理の中核

コンテンツツリーの構造

Content Editorを開くと、左側にコンテンツツリーが表示されます：

sitecore
├── Content
│   └── Home
│       ├── About Us
│       ├── Products
│       │   ├── Product A
│       │   └── Product B
│       └── Contact
├── Media Library
├── Templates
└── System

アイテムの基本操作

1. 新規アイテムの作成

// アイテム作成の内部処理イメージ
public Item CreateNewItem(string name, Item parent, Template template)
{
    // 右クリック → Insert → Insert from template
    var newItem = parent.Add(name, template);
    
    // フィールドの初期値設定
    using (new EditContext(newItem))
    {
        newItem["Title"] = name;
        newItem["Created Date"] = DateTime.Now.ToString();
    }
    
    return newItem;
}

2. フィールドの編集

各アイテムには様々なフィールドタイプがあります：

フィールドタイプ	用途	編集方法
Single-Line Text	タイトルなど短いテキスト	直接入力
Rich Text	本文など装飾付きテキスト	WYSIWYGエディタ
Image	画像の参照	Media Libraryから選択
General Link	内部/外部リンク	リンクダイアログで設定
Multilist	複数選択	左右のリストで選択
Date	日付入力	カレンダーピッカー

Experience Editor：直感的な編集体験

Experience Editorは、実際のページを見ながら編集できる機能です。

編集モードの切り替え

1. Preview Mode: 公開時の見た目を確認
2. Edit Mode: コンテンツの編集
3. Design Mode: レイアウトの変更
4. Debug Mode: 技術的な情報を表示

インライン編集の例

<!-- Experience Editorでの表示 -->
<div class="editable-area">
    <h1>[クリックして編集]</h1>
    <p>[ここに本文を入力...]</p>
    <img src="[画像をドラッグ&ドロップ]" />
</div>

テンプレート：コンテンツの設計図

テンプレートの概念

テンプレートは、コンテンツの「型」を定義します。例えば、「ニュース記事」テンプレートを作成してみましょう。

News Article Template
├── Content
│   ├── Title (Single-Line Text)
│   ├── Summary (Multi-Line Text)
│   ├── Body (Rich Text)
│   └── Author (Single-Line Text)
├── Media
│   ├── Featured Image (Image)
│   └── Thumbnail (Image)
└── Metadata
    ├── Publish Date (Date)
    ├── Category (Droplist)
    └── Tags (Multilist)

テンプレート作成の手順

1. Template Builderでの作成

// テンプレート定義の例
[TemplateName("News Article")]
public class NewsArticleTemplate
{
    [Field("Title", Required = true)]
    public string Title { get; set; }
    
    [Field("Summary", MaxLength = 200)]
    public string Summary { get; set; }
    
    [Field("Body", FieldType = "Rich Text")]
    public string Body { get; set; }
    
    [Field("Publish Date", FieldType = "Date")]
    public DateTime PublishDate { get; set; }
    
    [Field("Featured Image", FieldType = "Image")]
    public MediaItem FeaturedImage { get; set; }
}

2. セクションとフィールドの追加

1. Templates → 右クリック → Insert → New Template
2. Template名を入力
3. Builderタブでセクションを追加
4. 各セクションにフィールドを追加

3. 標準値の設定

テンプレートの__Standard Valuesで初期値を設定：

Title: [新しい記事]
Publish Date: $date
Author: $user
Category: ニュース

テンプレート継承

Base Template (共通フィールド)
    ├── Page Template
    │   ├── Article Template
    │   └── Product Template
    └── Component Template
        ├── Hero Template
        └── Card Template

ワークフロー：承認プロセスの自動化

基本的なワークフロー設計

Draft → Review → Approved → Published
  ↓        ↓         ↓          ↓
作成者   編集者    承認者    自動公開

ワークフロー設定の手順

1. ワークフローの作成

System → Workflows → 右クリック → Insert → Workflow

2. ステートの定義

Draft State:
  - Actions: [Submit for Review]
  - Security: Author can edit

Review State:
  - Actions: [Approve, Reject]
  - Security: Editor can edit
  - Email: notify-editor@company.com

Approved State:
  - Actions: [Publish]
  - Security: Read-only
  - Auto-publish: true

3. アクションの設定

public class SubmitForReviewAction : IWorkflowAction
{
    public void Process(WorkflowPipelineArgs args)
    {
        var item = args.DataItem;
        
        // メール通知
        SendEmail(
            to: GetReviewers(),
            subject: $"レビュー依頼: {item.Name}",
            body: $"以下のコンテンツのレビューをお願いします。\n{item.Paths.FullPath}"
        );
        
        // 履歴記録
        item.Fields["__Workflow Log"].Value += 
            $"\n{DateTime.Now}: Submitted by {Context.User.Name}";
    }
}

Media Library：デジタルアセット管理

メディアの整理構造

Media Library
├── Images
│   ├── Banners
│   ├── Products
│   └── Icons
├── Documents
│   ├── PDFs
│   └── Downloads
└── Videos
    ├── Tutorials
    └── Promotional

画像の最適化設定

<!-- メディア設定の例 -->
<configuration>
  <sitecore>
    <media>
      <mediaTypes>
        <mediaType name="image">
          <mimeType>image/jpeg</mimeType>
          <extensions>jpg,jpeg</extensions>
          <optimize>true</optimize>
          <maxWidth>1920</maxWidth>
          <quality>85</quality>
        </mediaType>
      </mediaTypes>
    </media>
  </sitecore>
</configuration>

一括アップロード

Media Libraryでは、複数ファイルを一度にアップロード可能：

1. Upload Files → Advanced Upload
2. ドラッグ&ドロップまたはファイル選択
3. メタデータの一括設定
4. アップロード先フォルダーの指定

実践的なTips & Tricks

1. ショートカットキー

操作	ショートカット
保存	Ctrl + S
アイテム検索	Ctrl + Shift + F
Content Editor切替	Ctrl + Shift + C
Experience Editor切替	Ctrl + Shift + E
プレビュー	Ctrl + Shift + P

2. 検索機能の活用

// 高度な検索クエリの例
+template:"news article" +_path:"/sitecore/content/home/*" 
+publish_date:[2024-01-01 TO 2024-12-31] 
+author:"山田"

3. バージョン管理

各アイテムのVersionsタブで：

• 新規バージョンの作成
• 過去バージョンの比較
• バージョンのロールバック

4. 言語バージョン

// 多言語コンテンツの管理
var item = Sitecore.Context.Database.GetItem("/sitecore/content/home");

// 日本語バージョン
using (new LanguageSwitcher("ja-JP"))
{
    item.Editing.BeginEdit();
    item["Title"] = "ホーム";
    item.Editing.EndEdit();
}

// 英語バージョン
using (new LanguageSwitcher("en-US"))
{
    item.Editing.BeginEdit();
    item["Title"] = "Home";
    item.Editing.EndEdit();
}

トラブルシューティング

よくある問題と解決方法

1. 保存できない

原因: ワークフロー状態またはセキュリティ権限 解決:

• ワークフロー状態を確認
• Security → Access Viewerで権限確認

2. プレビューが更新されない

原因: キャッシュの問題 解決:

• Publish → Smart Publishを実行
• /sitecore/admin/cache.aspxでキャッシュクリア

3. Experience Editorが遅い

原因: レンダリングが多すぎる 解決:

• Debugモードで重いコンポーネントを特定
• キャッシング設定の見直し

実習課題：簡単なページを作ってみよう

課題：会社紹介ページの作成

1. テンプレート作成

   • "Company Page"テンプレートを作成
   • Title, Body, Image フィールドを追加

2. コンテンツ作成

   • Homeの下に"About Us"アイテムを作成
   • 各フィールドに内容を入力

3. ワークフロー適用

   • Simple Workflowを設定
   • レビュー → 承認のフローを体験

4. 公開

   • Smart Publishで公開
   • プレビューで確認

まとめ：基本機能をマスターしたら

今回学んだ基本機能は、Sitecoreを使いこなす上での土台となります：

• Content Editor: 構造的なコンテンツ管理
• Experience Editor: 直感的な編集
• Templates: 再利用可能なコンテンツ設計
• Workflow: 品質管理プロセス
• Media Library: アセット管理

これらの機能を組み合わせることで、効率的なコンテンツ管理が可能になります。

次回予告：パーソナライゼーション編

次回のPart3: Sitecoreパーソナライゼーション完全マスターでは、Sitecoreの真骨頂であるパーソナライゼーション機能について解説します：

• ルールエンジンの使い方
• プロファイルとパターンカード
• A/Bテストの設定
• エンゲージメントプランの作成

Sitecoreの魅力的な世界がさらに広がります。お楽しみに！

---

関連記事：

• Sitecore CMS入門（Part1）
• CMSセキュリティベストプラクティス
• コンテンツガバナンスの重要性