LINKUS

ブログ

  • NEWS3

    NEWS3

    ステップ 4：稼働確認（localhost）

    1. Cursorのターミナルで npm run dev を実行。
    2. ブラウザで http://localhost:3000 を開きます。
    3. チェックポイント:
      • Blog: 画像が左、テキストが右に正しく並んでいるか？
      • News: 30日以内の記事に「NEW」タグが出ているか？
      • ホバー: 画像拡大や矢印の移動アニメーションが滑らかか？
  • BLOG3

    BLOG3

    3. 記事の投稿

    テスト用にブログとニュースを3件ずつ投稿してください。

    • アイキャッチ画像： _embed: true で取得するため、必ず画像を設定してください。

  • BLOG2

    BLOG2

    2. REST API の疎通確認

    WordPressのデータが外部（Next.js）から見下ろせる状態か確認します。

    • ブラウザで https://あなたのドメイン/wp-json/wp/v2/posts?_embed を開いてみてください。
    • 英語のテキストがズラッと表示されればOKです。

  • BLOG1

    BLOG1

    1. カテゴリの作成とIDの確認

    作成されたコンポーネントは categoryId を引数に取ります。

    1. WordPress管理画面の「投稿」>「カテゴリー」を開きます。
    2. 「ブログ用」と「ニュース用」のカテゴリーを作成します。
    3. 重要：IDの確認
      • カテゴリー名にマウスを乗せると、ブラウザの下部に表示されるURLの中に category&tag_ID=2 のような数字が見えます。これが categoryId です。

  • Hello world!

    WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。