Skip to content

チュートリアル2: ブログの作成方法

ウェブサイトのホスティングが完了したので、次は動的なコンテンツ管理機能を追加しましょう。このチュートリアルでは、Kantan CMSでブログコレクションを作成し、直感的なインターフェースを通じてコンテンツを管理する方法を紹介します。

始める前に

言語設定を行う

ブログコレクションを作成する前に、最適なユーザーエクスペリエンスのために言語設定を行うことをお勧めします:

  1. 設定 > 言語に移動します
  2. 希望する言語を選択します
  3. 設定を保存します

これにより、コンテンツ管理インターフェースが希望する言語で表示されます。

ブログコレクションの作成

ステップ1: コレクションにアクセスする

  1. ダッシュボード > コレクションに移動します
  2. コレクション管理インターフェースが表示されます

ステップ2: コレクションを作成する

  1. 右上隅にある**「コレクション作成」**ボタンを探します
  2. ボタンをクリックしてコレクション作成ダイアログを開きます

ステップ3: コレクション設定を構成する

ダイアログが表示されたら、以下の情報を入力します:

  • 名前: コレクションにわかりやすい名前を付けます(例:「ブログ投稿」、「ニュース記事」)
  • 説明: このコレクションに含まれる内容の簡単な説明を追加します
  • タイプ: ドロップダウンメニューから**「ブログ」**を選択します

ステップ4: 作成を完了する

  1. 設定を確認します
  2. **「作成」**をクリックしてブログコレクションを作成します

ブログレコードの管理

ステップ1: コレクションにアクセスする

  1. 左側のサイドバーに新しく作成したコレクションが表示されます
  2. コレクション名をクリックしてアクセスします

ステップ2: 新しいブログ投稿を追加する

  1. **「レコード追加」**ボタンをクリックします
  2. レコード作成インターフェースが開きます

ステップ3: コンテンツを作成する

  1. 名前: ブログ投稿のタイトルを入力します
  2. コンテンツフィールド: Markdown構文を使用してブログコンテンツを入力します
    • 標準的なMarkdown書式を使用できます
    • 見出し、リスト、リンク、画像、その他のMarkdown要素がサポートされています
  3. 表示される追加フィールドに入力します

ステップ4: 投稿を保存する

  1. コンテンツを確認します
  2. **「保存」**をクリックしてブログ投稿を保存します

コレクションタイプの理解

異なるコレクションタイプは異なる編集インターフェースを提供することを理解することが重要です:

  • ブログコレクションは、リッチテキスト編集機能を備えた長文コンテンツ向けに最適化されています
  • その他のコレクションタイプは、異なるフィールド構成と編集インターフェースを持つ場合があります
  • 各コレクションタイプは、特定のユースケースとコンテンツ構造向けに設計されています

コンテンツ管理のベストプラクティス

Markdown書式のヒント

Kantan CMSはコンテンツにMarkdownを使用するため、いくつかの便利な書式例を紹介します:

  • 見出し: H1には#、H2には##などを使用します
  • 太字: **太字テキスト**を使用します
  • 斜体: *斜体テキスト*を使用します
  • リンク: [リンクテキスト](URL)を使用します
  • 画像: ![代替テキスト](画像URL)を使用します
  • リスト: 箇条書きには-または*、番号付きリストには1.を使用します

整理戦略

  • ブログ投稿にわかりやすい名前を使用します
  • 異なるコンテンツタイプには複数のコレクションを作成することを検討します
  • 定期的にコンテンツを確認し更新します
  • 投稿全体で一貫した書式を使用します

複数の投稿の管理

より多くのブログ投稿を作成すると、以下のことができます:

  • コレクションビューで投稿をクリックして既存の投稿を編集する
  • 不要になった投稿を削除する
  • コレクションインターフェースを使用して投稿を整理する
  • コンテンツを検索およびフィルタリングする

次のステップ

これで、Kantan CMSにコンテンツが保存された機能的なブログコレクションができました!次のチュートリアルでは、このCMSコンテンツをウェブサイトと統合し、ブログ投稿をライブサイトに動的に表示する方法を学びます。

この統合により、静的なウェブサイトと動的なコンテンツ管理システムの間のギャップが埋まり、強力で柔軟なウェブプレゼンスが作成されます。

TechMO LLC.