Itemmoshimo | 0725net.com 大阪府泉大津市 もしもアプリ制作・開発

Category Archives: itemmoshimo

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

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

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

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

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

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

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

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

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

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

新もしも商品登録プラグイン公開(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)修正

新もしも商品登録プラグイン(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テンプレートに工夫をすることでより一層オリジナリティあふれる販売ページが自動生成されます。
先ずは、投稿画面でどうすればいいのか?何を記入すればいいのか?を以下の画像で確認して下さい。
新もしも商品登録プラグイン新機能
以上のように記入すると、このように表示されます。
新もしも商品登録プラグイン新機能の表示例

新もしも商品登録プラグイン公開(導入方法)

新もしも商品登録プラグインを公開します。

お待たせしました!「もしも商品登録プラグイン」の新バージョンを公開します。今回のバージョンでは、カスタムフィールドに「商品ID」を入力してやることでプラグイン設定画面で設定した「販売ページHTMLテンプレート」に沿った形式で「販売ページ」が自動生成されます。

また各商品情報の個別データ(商品名、商品詳細、商品スペック・・・)の自動生成にも対応しました。

導入方法は以下の通りです。

  1. 新もしも商品登録プラグインをダウンロードします。(リンク先対象をファイル名で保存・・等)
  2. 解凍ソフトで解凍します。
  3. ファイル転送ソフトでWordPressのプラグインディレクトリに解凍したファイル一式をアップロードします。
  4. アップロードしたファイルフォルダの「plugincommon」フォルダをクリック
  5. 「plugincommon」フォルダ内の「data」フォルダのパーミッションを書き込み可(666~777)に変更する。
ここでは高機能ファイル転送ソフト『FileZilla』を元に説明します。(画像をクリックすると拡大します)
(1)ファイル転送ソフトでサーバーと接続します。
FTPソフトでサーバーに接続します。
(2)新もしも商品登録プラグイン「itemmoshimo」をフォルダごとプラグインフォルダにアップロードします。
リモート側(サーバー)のプラグインフォルダをクリック
プラグインをアップロードします。
(3)プラグインのフォルダ内にある「plugincommon」フォルダを選択します。
plugincommonフォルダをクリック
(4)「data」フォルダのパーミッション属性を書き込み可(666~777)に変更します。
dataフォルダのパーミッションを書き込み可に変更します。