1会員登録

トップページの「会員登録」ボタンをクリックし、必要情報を入力して登録します。登録後、確認メールが送信されますので、メール内のリンクをクリックして登録を完了させてください。

2ログイン

登録したメールアドレスとパスワードを使ってログインします。ログイン後は会員ダッシュボードに移動します。

1お知らせの作成

「お知らせ管理」→「新規作成」をクリックし、タイトル、内容、公開日などを入力します。カテゴリーを設定することもできます。

2お知らせの編集・削除

お知らせ一覧から編集したいお知らせを選び、「編集」または「削除」ボタンをクリックします。

3お知らせの公開設定

お知らせには「下書き」「公開」「非公開」の3つのステータスがあります。「公開」に設定すると、指定した公開日時からWebサイトに表示されます。

1商品の登録

「商品管理」→「新規作成」をクリックし、商品名、説明、価格、画像などを入力します。カテゴリーを設定することもできます。

2商品の編集・削除

商品一覧から編集したい商品を選び、「編集」または「削除」ボタンをクリックします。

3商品の公開設定

商品にも「下書き」「公開」「非公開」のステータスがあります。「公開」に設定すると、Webサイトに表示されます。

1カテゴリーの作成

「カテゴリー管理」→「新規作成」をクリックし、カテゴリー名と種類（お知らせ用か商品用か）を選択します。

2カテゴリーの編集・削除

カテゴリー一覧から編集したいカテゴリーを選び、「編集」または「削除」ボタンをクリックします。

1埋め込みコードの取得

「埋め込みコード管理」ページにアクセスし、表示したいコンテンツ（お知らせ一覧、商品一覧など）の埋め込みコードを生成します。カテゴリーや表示件数などのオプションも設定できます。

2Webサイトへの貼り付け

生成された埋め込みコード（iframeタグ）をあなたのWebサイトのHTMLに貼り付けるだけで、コンテンツが表示されます。

<iframe src="https://example.com/embed/news-list?token=abcdef123456" width="100%" height="300" frameborder="0"></iframe>

1APIキーの取得

「API管理」ページでAPIキーを発行します。このキーは外部からのアクセスに使用されるため、安全に管理してください。

2APIを使ったデータ取得

JavaScriptなどのプログラミング言語を使って、APIからデータを取得します。

// JavaScriptの例
fetch('https://example.com/api/news?api_key=YOUR_API_KEY')
  .then(response => response.json())
  .then(data => {
    // データを使ってHTMLを生成
    const newsContainer = document.getElementById('news-container');
    data.forEach(item => {
      const newsItem = document.createElement('div');
      newsItem.innerHTML = `
        <h3>${item.title}</h3>
        <p>${item.published_at}</p>
        <div>${item.content}</div>
      `;
      newsContainer.appendChild(newsItem);
    });
  });