[3]2018.06.21Wordpressでショッピングサイトを作るときの定番プラグイン「Welcartウェルカート」お手軽にWordpressに販売機能を付けられるだけでなく、カスタマイズ次第では大手サイトに負けないくらい本格的なショッピングサイトを作ることも可能です。Posts」を紹介させていただきました。Welcartには基本的なショッピング機能は備わっているのですが、かゆい所に手が届かない事もしばしば。プラグインを導入する事によってこれらの足りない機能を補完する事が可能です。here」の使い方をご紹介したいと思います。here」からZIP形式でプラグインをダウンロードし、解凍後にFTPツール等でご自分のサイトのpluginsディレクトリにアップロードして下さい。here」が追加されているので、こちらを有効化します。Posts」から行う事ができます。このプラグインは設定項目が多いのでタブごとに分けて見ていきましょう。「General」のタブです。to自動で関連記事(商品)を表示したい投稿タイプを指定できます。display関連記事を表示する件数を指定します。include表示される投稿タイプの種類です。Welcartメインで使うなら「post」のみで結構です。excludeリストから除外する投稿またはページのIDをカンマで区切って羅列します。Categoriesリストから除外したい投稿のカテゴリーのスラッグをカンマで区切って羅列します。IDsリストから除外したい投稿のカテゴリーIDをカンマで区切って羅列します。次は「Output」のタブです。postsこのプラグインで表示されるリストの見出しが入ります。「この商品を見た人はこんな商品も見ています」のような文言を入れてください。found投稿がない時の表示方法を指定します。Output」は何も表示しません。text」は下の項目のカスタムテキストを表示します。text」を選択した場合のカスタムテキストを入れます。posts/pages特定の投稿やページにリストを挿入したくない場合は、その投稿またはページのIDをカンマで区切って羅列します。list?チェックすると投稿の抜粋をリストに表示します。words)単語単位での抜粋の長さを指定します。characters)文字数で投稿のタイトルの長さを制限します。windowチェックすると新しいウィンドウでリンクを開きます。linksチェックするとリンクにnofollowを追加します。postsリスト全体を囲むタグ等を指定します。postsリスト全体を閉じるタグ等を指定します。item投稿を囲むタグ等を指定します。item投稿を閉じるタグ等を指定します。</li>次は「Thumbnail」のタブです。thumbnailサムネイルの場所を指定します。title」タイトルの前に表示。title」タイトルの後に表示。text」タイトルなしでサムネイルのみ。text」サムネイルなしでタイトルのみ。attributesサムネイルサイズの属性を指定します。height」CSSを使って幅と高さを設定します。height」HTMLの属性を使って幅と高さを設定します。set」幅または高さを設定せず、外部CSSで指定します。nameカスタムフィールドを使う場合に指定します。imageチェックすると記事で最初に表示される画像がサムネイルになります。thumbnail?チェックするとサムネイルがない場合に下の項目のデフォルトサムネイルを表示します。thumbnailデフォルトサムネイルのURLを指定します。(初期値はプラグイン中に含まれている画像を指定しております)03.実際の使い方このプラグインは前回、前々回のものと違ってPHPのカスタマイズは不要です。基本的に上のオプション項目を埋めると表示されるようになっています。Posts」で使ったHTMLとCSSを利用すれば、見た目の統一感を出ると思います。to」の項目で何も選ばず、リストを記事中の好きな場所に表示させたい場合は下記のコードをテンプレートに記述します。1.8em;overflow:hidden;}RESULTこの商品を見た人はこんな商品も見ています商品名が入ります商品の説明が入ります。¥5,000商品名が入ります商品の説明が入ります。¥5,000商品名が入ります商品の説明が入ります。¥5,000以上でWelcartに「おすすめ商品」機能を追加するカスタマイズは完了です。ちなみに前回と同じ要領でPHPのカスタマイズを行えば、金額も表示する事が可能です。here」のpluginsディレクトリの[includes]>[public]の中にある「output-generator.php」です。こちらの293行目あたりを書き換えれば金額表示も可能となります。PHPファイルをカスタマイズする場合は、プラグインのアップデートがあった場合に上書きされてしまいますので、必ずバックアップしておきましょう。here」が合っている気がしました。新着情報ITコラムWEB制作その。