-11月-2011の記事

新もしも商品登録プラグイン(タグでの分割方法)

「新もしも商品登録プラグイン」分割表示方法

新もしも商品登録プラグインをご利用いただきありがとうございます。あるユーザ様から次のようなご指摘を受けました。

<!–more–>タグで分割してみようとしたが上手くいかない

調査の結果、プラグインの処理誤りがありました。ご不便をおかけした皆様にはお詫び申し上げます。

処理の見直しを含め<!–more–>タグを利用した販売ページの分割方法を改めてご紹介します。

投稿画面にて下記の様に記述して下さい。

[itemmoshimo]
<!–more–>
[add_itemmoshimo]  ←今回、追加したショートコードです。

[add_itemmoshimo]で分割後に表示させたいテンプレートを「新もしも商品登録」プラグイン設定画面で設定します。

新もしも商品登録分割表示方法


新もしも商品素材情報表示プラグイン(投稿画面&表示例)

新もしも商品素材情報表示プラグインの投稿&表示例

(1)投稿画面ではショートコード[itemmaterial]と記述。カスタムフィールド「item_id」の値に「商品ID」を記述します。「新もしも商品登録プラグイン」でカスタムフィールド「item_id」を作成済みでしたらソレを使います(新たに作成する必要はありません)。

新もしも商品素材情報表示プラグインの投稿画面

(2)公開ボタンをクリックすると以下のように表示されます。

新もしも商品素材情報表示プラグインの表示例

ご覧のように「かんたんDSくん+」に対応済みです。

また、クールでかっこいいWordPressテーマ Ver.4にも対応しています。


新もしも商品素材情報表示プラグイン(設定)

新もしも商品素材情報表示プラグイン(設定方法)

「設定」メニューの「新もしも素材表示」をクリックします。設定画面が表示されたら各項目に必要なパラメータを設定して下さい。

新もしも商品素材情報表示プラグインの設定方法


新もしも商品素材情報表示プラグイン公開(導入方法)

新もしも商品素材情報表示プラグイン公開

【新機能】
新もしも商品は従来の『ショートコードに「商品ID」を指定する』方式から、『カスタムフィールド「item_id」に「商品ID」を設定する』方式にしました。これにより、ショートコード毎に「商品ID」を記入する手間が省けるほか、カスタムフィールドに「商品ID」を指定することで『商品素材情報が自動生成されます』ので、他の各プラグインとの併用で更に自由に編集・カスタマイズできます。

導入方法

ファイル転送ソフト(Filezilla)を元に解説します。FFFTPも便利ですが既に開発者から「開発終了」とのことで今後のアップデートは見込めません。ですので今のうちから新しいファイル転送ソフトに慣れることをおススメします。

(1)ファイル転送ソフトで「新もしも商品感想情報表示プラグイン(itemmaterial)」をワードプレスのプラグインディレクトリにアップロードします。

ファイル転送ソフトで新もしも商品素材情報表示プラグインをアップロードします。

(2)「新もしも商品素材情報表示プラグイン(itemrematerial)」の「data」フォルダの書き込み属性を「書き込み可」(666~777)に変更します。属性値(666~777)はサーバーによって変わります。各サーバー運営者に確認して下さい。画像例はCoreServer(コアサーバー)です。

「data」フォルダの書き込み属性を書き込み可(666~777)に変更します。

(3)プラグインを有効化します。

プラグインを有効化します。


新もしも商品感想情報表示プラグイン(投稿画面&表示例)

新もしも商品感想情報表示プラグインの投稿&表示例

(1)投稿画面ではショートコード[itemreview]と記述。カスタムフィールド「item_id」の値に「商品ID」を記述します。「新もしも商品登録プラグイン」でカスタムフィールド「item_id」を作成済みでしたらソレを使います(新たに作成する必要はありません)。

新もしも商品感想情報表示プラグイン

(2)公開ボタンをクリックすると以下のように表示されます。

新もしも商品感想情報表示プラグインの表示例

ご覧のように「かんたんDSくん+」に対応済みです。

また、クールでかっこいいWordPressテーマ Ver.4にも対応しています。


新もしも商品感想情報表示プラグイン(設定)

新もしも商品感想情報表示プラグイン(設定方法)

「設定」メニューの「新もしも商品レビュー」をクリックします。設定画面が表示されたら各項目に必要なパラメータを設定して下さい。

新もしも商品感想情報表示プラグインの設定方法


新もしも商品感想情報表示プラグイン公開(導入方法)

新もしも商品感想情報表示プラグインを公開します。

【新機能】
新もしも商品は従来の『ショートコードに「商品ID」を指定する』方式から、『カスタムフィールド「item_id」に「商品ID」を設定する』方式にしました。これにより、ショートコード毎に「商品ID」を記入する手間が省けるほか、カスタムフィールドに「商品ID」を指定することで各プラグインを更に自由に編集・カスタマイズできます。

導入方法

ファイル転送ソフト(Filezilla)を元に解説します。FFFTPも便利ですが既に開発者から「開発終了」とのことで今後のアップデートは見込めません。ですので今のうちから新しいファイル転送ソフトに慣れることをおススメします。

(1)ファイル転送ソフトで「新もしも商品感想情報表示プラグイン(itemreview)」をワードプレスのプラグインディレクトリにアップロードします。

ファイル転送ソフトでプラグインをアップロードします。

(2)「新もしも商品感想情報表示プラグイン(itemreview)」の「data」フォルダの書き込み属性を「書き込み可」(666~777)に変更します。属性値(666~777)はサーバーによって変わります。各サーバー運営者に確認して下さい。画像例はCoreServer(コアサーバー)です。

「data」フォルダの書き込み属性を書き込み可に変更します。(3)プラグインを有効化します。

新もしも商品感想情報表示プラグインを有効化します。


新もしも商品登録プラグイン公開(HTMLテンプレート)

「引渡しパラメータ一覧」と「販売ページHTMLの一例」

引渡しパラメータ一覧

パラメータ内容 パラメータ名 備考
商品ID #ARTICLEID#
ショップID #SHOPID#
商品名 #NAME#
商品詳細 #DESCRIPTION#
キャッチコピー #CATCHCOPY# 「もしも」のキャッチコピー
書品のスペック #SPEC#
商品のメイン画像 #MAINPHOTO#
商品の詳細ページ(もしも)へのリンク #SYOUSAI# メイン画像で表示
カートへのリンク #CART# カート画像で表示
商品の希望小売価格 #FIXEDPRICE#
商品のショップ販売価格 #SHOPPRICE#
商品の推奨販売価格 #RECOMMENDEDPRICE#
決済の種類 #PAYMENTTYPE#
送料無料表示 #FREESHIPPING#
配送目安 #HAISOU#
同梱可否 #DOUKON#
在庫表示 #ZAIKO#
割引額 #WARIBIKIGAKU#
割引率 #WARIBIKIRITSU#
商品のその他の画像 #SUBPHOTO●# ●は1~6の任意の数字
商品毎のキャッチコピー1 #CATCHCOPYORIGIN1#
商品毎のキャッチコピー2 #CATCHCOPYORIGIN2#

販売ページHTMLの一例

<div style="margin-top: 15px; margin-left: 5px; float: left;">
<div style="padding: 5px;" align="center"><span style="color: #ff0000; font-size: 18px; font-weight: bold;"><span style="color: #ff0000;">#NAME#</span></span></div>
 <br clear="all" />
<div style="margin-top: 10px; width: 98%; float: left;">
<div style="padding: 2px; float: left;" align="center"><span style="color: #ff0000;">#MAINPHOTO#</span></div>
<div style="padding: 2px; float: left;" align="center">
<table style="width: 100%;" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td align="center"><span style="color: #ff0000; font-size: large; font-weight: bold;"><span style="color: #ff0000;">#WARIBIKIGAKU#</span></span></td>
<td align="center"><span style="color: #ff0000; font-weight: bold; font-size: large;"><span style="color: #ff0000;">#WARIBIKIRITSU#</span></span></td>
</tr>
<tr>
<td align="center"><span style="font-size: 14px;">希望小売価格(税込):¥<span style="color: #ff0000;">#FIXEDPRICE#</span>円</span></td>
</tr>
<tr>
<td align="center"><span style="font-size: 20px; font-weight: bold; color: #ff0000;">特別価格(税込):¥<span style="color: #ff0000;">#SHOPPRICE#</span>円</span></td>
</tr>
<tr>
<td align="center"><span style="color: #ff0000;">#CART#</span></td>
</tr>
<tr>
<td align="center">
<table align="center">
<tbody>
<tr>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO1#</span></td>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO2#</span></td>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO3#</span></td>
</tr>
<tr>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO4#</span></td>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO5#</span></td>
<td align="center" valign="middle"><span style="color: #ff0000;">#SUBPHOTO6#</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
 <br clear="all" />
<div style="margin-top: 5px; width: 98%; float: left;" align="center">
<table style="width: 280px;" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td align="center" width="50%"><span style="color: #ff0000;">#ZAIKO#</span></td>
<td align="center" width="50%"><span style="color: #ff0000;">#FREESHIPPING#</span></td>
</tr>
<tr>
<td colspan="2" align="center"><span style="color: #ff0000;">#PAYMENTTYPE#</span></td>
</tr>
</tbody>
</table>
<table style="width: 100%;" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td align="center"><span style="font-size: 12px;">発送目安:#HAISOU#</span></td>
</tr>
<tr>
<td align="center"><span style="font-size: 12px;"><a style="color: #ff0000;" href="https://www.moshimo.com/articles/contact?shop_id=<span style="><span style="color: #ff0000;">#NAME#</span>について質問する</a></span></td>
</tr>
</tbody>
</table>
</div>
 <br clear="all" />
<div style="width: 98%; float: left;">
<span style="font-weight: bold; font-size: 16px;">【商品詳細情報】</span>

<span style="color: #ff0000;">#DESCRIPTION#</span></div>
 <br clear="all" />
<div style="width: 98%; float: left;">
<span style="font-weight: bold; font-size: 16px;">【商品スペック】</span>

<span style="color: #ff0000;">#SPEC#</span></div>
 <br clear="all" />
<div style="width: 98%; float: left;" align="center">
<table style="width: 80%;" cellspacing="2" align="center">
<tbody>
<tr>
<td align="center" valign="middle" bgcolor="#FFFF00"><span style="color: #ff0000;"><strong><span style="color: #ff0000;">#CATCHCOPYORIGIN1#</span></strong></span></td>
</tr>
</tbody>
</table>
</div>
<br clear="all" />
<div style="padding: 5px;" align="center"><span style="color: #ff0000; font-size: 18px; font-weight: bold;"><span style="color: #ff0000;">#NAME#</span></span></div>
 <br clear="all" />
<div style="padding: 2px; width: 98%; float: left;" align="center">
<div style="padding: 5px; float: left;" align="center"><span style="color: #ff0000;">#MAINPHOTO#</span></div>
<div style="padding: 2px; float: left;" align="center">
<table style="width: 100%;" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td align="center"><span style="font-size: 14px;">希望小売価格(税込):¥<span style="color: #ff0000;">#FIXEDPRICE#</span>円</span></td>
</tr>
<tr>
<td align="center"><span style="font-size: 20px; font-weight: bold; color: #ff0000;">特別価格(税込):¥<span style="color: #ff0000;">#SHOPPRICE#</span>円</span></td>
</tr>
<tr>
<td align="center"><span style="color: #ff0000;">#CART#</span></td>
</tr>
</tbody>
</table>
</div>
</div>
 <br clear="all" />
<div style="width: 98%; float: left;" align="center">
<table style="width: 80%;" cellspacing="2" align="center">
<tbody>
<tr>
<td align="center" valign="middle" bgcolor="FFFF00"><span style="color: #ff0000;"><strong><span style="color: #ff0000;">#CATCHCOPYORIGIN2#</span></strong></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<br clear="all" />

新もしも商品登録プラグイン(不具合箇所修正)

カスタムフィールドのキャッチコピーが反映されない件(修正)

新もしも商品登録プラグイン(itemmoshimo)をご利用いただき誠にありがとうございます。

あるユーザーさまより『「カスタムフィールド」に「キャッチコッピー」を指定したが反映されない』とのご指摘・ご連絡を頂きました。調査の結果、プラグインのバグであることが判明致しました。申し訳ありません。

修正版をアップロードしていますので最新版(Ver 1.0.1)をDownloadページよりダウンロードしてご利用下さい。ご迷惑・ご不自由をおかけして申し訳ありまませんでした。

ご不明点などありましたらお気軽に問い合わせフォームよりご連絡下さいませ。

よろしくお願い申し上げます。


新もしも商品登録プラグイン公開(使い方)

新もしも商品登録プラグイン公開(使い方)

新もしも商品登録プラグインの使い方はとっても簡単です♪導入方法はちょっと面倒くさい(しんどい)かも知れませんが利用方法は至って簡単です。以下に画像を利用して使い方を解説します。

(1)新もしも商品登録プラグイン設定画面でやること・・・

プラグイン設定で「新もしも商品登録」をクリック

基本項目(もしもAPI認証コード、ショップID)は必ず設定して下さい。他の項目は「そのまま」でも結構ですが、オリジナリティを出したいのであれば各画像を準備してWordpressのライブラリにアップロードし、そのアドレスをそれぞれの項目に設定します。

プラグインの設定項目

(2)投稿でやること

投稿画面でやること

タイトルに「商品ID」や「商品名」を記入します。パーマリンクには解りやすいように「商品ID」を設定するといいかも?です。投稿画面にはショートコード[itemmoshimo]』と記入します。カスタムフィールドに『item_id』を作成します。カスタムフィールドの『値』に「商品ID」を記入します。

同じように商品毎のキャッチコピーカスタムフィールドで指定します。カスタムフィールド名:catchcopy

カスタムフィールドでのキャチコピーの指定方法

たったこれだけで投稿すると・・・以下の画像のように自動生成されます!

たったこれだけのことで自動表示されます。

(3)今回、新しい機能が追加になりました。

ショートコード名

  • [moshimo_name]「商品名」を表示します。
  • [moshimo_description]「商品詳細」を表示します。
  • [moshimo_spec]「商品スペック」を表示します。
  • [moshimo_cartbox]「商品をカートに入れる一式」を表示します。
  • [moshimo_mainphoto]「商品のメイン画像」を表示します。
  • [moshimo_syousai]「もしもの商品詳細ページリンクをメイン画像」で表示します。
  • [moshimo_waribikigaku]「商品の割引額」を表示します。
  • [moshimo_waribikiritsu]「商品の割引率」を表示します。
  • [moshimo_fixedprice]「商品の希望小売価格」を表示します。
  • [moshimo_shopprice]「商品のショップ販売価格」を表示します。
  • [moshimo_recommendedprice]「商品の販売推奨価格」を表示します。
いずれもカスタムフィールド「item_id」には「商品ID」を記入して下さい。タイトルやパーマリンクはご自由にシて下さい。また、各表示情報は「そのまま」の状態で表示しますのでHTMLやCSSの知識がある方はテーマのCSSを編集したり、投稿画面でHTMLテンプレートに工夫をすることでより一層オリジナリティあふれる販売ページが自動生成されます。
先ずは、投稿画面でどうすればいいのか?何を記入すればいいのか?を以下の画像で確認して下さい。
新もしも商品登録プラグイン新機能
以上のように記入すると、このように表示されます。
新もしも商品登録プラグイン新機能の表示例

次のページ »