商品の選択

KEYWORDに商品ワード入力してsubmitボタンをクリックすると商品一覧が表示されます。また、IDが未設定の場合、メッセージが表示されるので問題ないか確認をして下さい。紹介しない商品の通販はIDを設定しなくても問題ありません。

HTMLタグ

商品表示の下にhtmlタグが出力されています。

ブログ投稿

htmlタグをブログエディターのテキストモードで貼り付けて下さい。ビジュアルモードだとhtmlタグが自動変換されるため、正しく表示されません。

商品表示のためのCSS

商品表示のためのCSSと装飾画像はサイドコンテンツの「CSS&画像をダウンロードする」をクリックして下さい。ファイルがダウンロードされます。

CSSの反映

ワードプレスの例に説明をするとテーマフォルダの直下にダウンロードしたファイルを解凍してアップロードして下さい。

ダウンロードファイル

CSSファイルの読み込み

以下のコードをheadタグの間に追記して下さい。

header.php
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/ChiyoPen.item.css"  />

紹介する商品を選ぶ一覧