設置の仕方：楽天商品一覧コード「らくらく楽天アフィリくん」

設置の仕方：楽天商品一覧コード「らくらく楽天アフィリくん」

設置の仕方：楽天商品一覧コード「らくらく楽天アフィリくん」

楽天ウェブサービスでアプリIDを発行する

楽天のアフィリエイトIDとアプリIDが必要です。
アプリIDが無い方は下記の楽天ウェブサービスからアプリIDを発行してください。
アフィリエイトIDがわからないという方もアプリ情報で確認ができます。

楽天ウェブサービスはこちら

ログインしてアプリIDを発行してください。

「アプリID発行」の右隣にある「アプリ情報の確認」を見ると、このような画面になっています。

上記画像のようにあなたのアプリIDと、あなたのアフィリエイトIDをコピーしてcode-php.txtの21行～23行辺りの下記の部分に貼り付けてください。

あなたが書き換える箇所はこれだけです。

WordPressに設置する

code-php.txtをfunctions.phpにコピー＆ペーストする

cocoonのテーマの場合

cocoonの場合は、下記の画像のように「編集するテーマを選択」の部分が必ず「Cocoon Child」になっているかを確認。

「Cocoon Child」のTheme Functions（functions.php）を選びます。

まず、現在のfunctions.phpの内容をコピーし、メモ帳などに保存してバックアップを必ず取っておいてください。
元に戻したい時やうまく動作しなかった場合に必要です。
そして、先ほどあなたがアプリIDとアフィリエイトIDを書き換えたcode-php.txtの内容を全部コピーし、そのままWordpressのfunctions.phpに貼り付けます。
※最初からあるfunctions.phpの内容は削除しないでください。
functions.phpはWordpresの心臓部でもありますので、慎重に扱ってください。

最後に「ファイルを更新」を押します。

cocoon以外のテーマの場合

「Twentyシリーズ」は、functions.phpがある場所はtwentytwentyoneフォルダー内にあります。
スタイルシートやindex.phpと同じ階層にあります。
他のテーマでも必ず、functions.phpはありますので探して下さい。

code-css.txtを追加CSSにコピー＆ペーストする

次に見た目を整える作業です。
WordPressのカスタイマイズを選びます。

追加CSSにcode-css.txtの内容をコピー＆ペーストします。

設置完了

お疲れ様です。これで設置は完了しました。
次に表示させてみましょう。

WordPressで表示させる

ショートコードを使う

投稿ページの好きなところに下記のショートコードを入れてください。

[rakuten_item key="お米"]

下記のように表示されていれば成功です！

ショートコードの種類

楽天全体から表示する

[rakuten_item key="商品名"]

楽天の個別のショップの商品のみ表示する
（ショップコードは商品のhttps://item.rakuten.co.jp/ショップコード/ でわかります）

[rakuten_item key="商品名" shop="ショップコード"]

楽天の特定のジャンルの中から表示する
ジャンルIDはこちらをご覧ください。

[rakuten_item key="商品名" genre="ジャンルID"]

除外（NG）ワードを指定する
例えば、予約商品は表示させたくない場合”NGワード”の部分に”予約”と入れると表示されなくなります。※ショップ側の設定でも変わりますので完璧ではありません。

[rakuten_item key="商品名" ng="NGワード"]

ヒット件数を変える
デフォルトでは20件表示になっています。1件～30件まで指定可能です。

[rakuten_item key="商品名" hits="10"]

【ヒット件数変更の重要なポイント】

数字は「偶数」にしてください
デザイン上、商品は「スマホで2列」「PCで4列」に並びます。奇数（例：5件など）にすると、最後の1つだけ余白ができてレイアウトが綺麗に整いません。「6」「8」「10」などの偶数がおすすめです。
最大でも「20件」までを推奨します
技術的にはもっと多く表示することも可能ですが、あまり数を増やしすぎると以下のデメリットがあります。
・ページの読み込みが遅くなり、読者が離脱してしまう
・楽天ウェブサービスのAPI利用制限（負荷対策）に引っかかり、表示されなくなる可能性がある
そのため、読者にとってもサーバーにとっても優しい「最大20件」を目安にご利用ください。

組み合わせて使う

上記のショートコードは組み合わせて使う事も可能です。
例えば、「NGワードも指定したい、ヒット件数も変えたい」などの時。

[rakuten_item key="商品名" ng="NGワード" hits="8"]

複数指定も可能

複数のワードを指定することも可能です。例えば下記のように半角スペースで絞り込みもできます。

[rakuten_item key="お米 コシヒカリ 新潟産"]

楽天市場ジャンルID一覧

ジャンルIDは変わる事もあります。
表示される商品がおかしい場合は、https://www.rakuten.co.jp/category/ジャンルID/?l-id=www_PC_ca… で最新のジャンルIDがわかりますのでご確認ください。

100371: レディースファッション
551177: メンズファッション
100433: インナー・下着・ナイトウェア
216131: バッグ・小物・ブランド雑貨
558885: 靴
558929: 腕時計
216129: ジュエリー・アクセサリー
100533: キッズ・ベビー・マタニティ
566382: おもちゃ
101070: スポーツ・アウトドア
562637: 家電
211742: TV・オーディオ・カメラ
100026: パソコン・周辺機器
564500: スマートフォン・タブレット
565004: 光回線・モバイル通信
100227: 食品
551167: スイーツ・お菓子
100316: 水・ソフトドリンク
510915: ビール・洋酒
510901: 日本酒・焼酎
100804: インテリア・寝具・収納
215783: 日用品雑貨・文房具・手芸
558944: キッチン用品・食器・調理器具
200162: 本・雑誌・コミック
101240: CD・DVD
101205: テレビゲーム
101164: ホビー
112493: 楽器・音響機器
101114: 車・バイク
503190: 車用品・バイク用品
100939: 美容・コスメ・香水
100938: ダイエット・健康
551169: 医薬品・コンタクト・介護
101213: ペット・ペットグッズ
100005: 花・ガーデン・DIY
101438: サービス・リフォーム
111427: 住宅・不動産
101381: カタログギフト・チケット
100000: 百貨店・総合通販・ギフト