IT仕事

WP Canvas – shortcodeとWelcartで最強の商品一覧を作る

投稿日:

WordPressのECサイト構築用のWelcartプラグイン、大好き。

ただ、唯一気に入らない点が(制作者様すいません!)、商品の一覧ページを作るのが面倒なこと。

公式で提供されている専用テンプレートなら、マス目でテーブル的にグリッドされるのだが、WordPressのデフォルトテーマや、その他のサードパーティ製のテンプレートを選んだ場合、商品群が1カラムで縦展開のみで表示されてしまう。

商品が少ないとそれでも良いのだが、数が多いとスクロールが長くなって一覧性が悪くなって、結果、買い物してくれなくなる可能性が増えていく。

もちろん、CSSでコテコテにテンプレートをいじれば、どのようにでもカスタマイズできるのは知っている。

しかしそれをするには、手間と時間がひどいことになる事も知っている。。。。

そこでオススメしたいのが、というか必須。

もうこれなしではなんともできないくらいに気に入っているプラグインが、WP Canvas – shortcodeなのであった。

Welcartの商品(一覧)ページを、このプラグインで回避する・・・そのレシピを丁寧に書くと、

1.WP Canvas – shortcodeをインストール。

2.固定ページに商品一覧用のページを作る。名前はなんでも良いがあとで.htaccessで使うので、短い名前が良い。

3.固定ページのエディタ画面から、WP CanvasのボタンでPosts – Masonary -Box を選んで、プレビューで見てみる。気に入らなければ、Grid – Box などにしてみて。
あと、コツは、自動入力されるコードを少し変えること。
taxonomy=”category” field=”slug” terms=”item”
にしたり、
order=”DESC” orderby=”date”
としたりすると、どうかな。

4.仕上げに、FTPソフトでルートにある.htaccessを編集。既存の記述があったら、おそらく最終行に追記すればよい。例えば以下のようなコード(ここで2で決めた名前を使う)。
—<Files ~ “^\.ht”>
deny from all
</Files>

# Redirect
Redirect permanent /wp/category/item/ /wp/オンラインショップ/

参考リンク:
固定ページや投稿の一覧を簡単にグリッドにレイアウトできる「WP Canvas」 | 西沢直木のIT講座
Isotope / Masonry Posts – WP Canvas

.htaccessが難しいサーバ環境や手持ちスキル場合(特殊文字のエスケープが不得意など)は、リダイレクトが得意なプラグインもあるよ。
Redirectionプラグイン(リダイレクトの管理) – WordPressプラグインの一覧

-IT仕事

執筆者:

関連記事

no image

空メールを送る仕組みをはじめて作るのに苦労した記録

4日間、苦労。モウイヤ。 ■1日目: 携帯から空メールを送ったら、サーバがクリックしてほしいURLと送り主のメルアドを本文に書いて返す仕組み、それを作りたい。しかし何を準備してどうすればよい? まずは …

no image

2年ぶりくらいにルミーズカートを使おうとしたのだがうまくいかん

2年ぶりくらいにルミーズカートを使おうとしたのだがうまくいかん カートのバージョンはVer1.4.5。 早速、サーバへの設置がうまくいかない。 「非公開ディレクトリ」の設定をしたがどうもdbフォルダに …

在庫らくだのメニュー部分を、UiPathで操作する->うまくいったり、いかなかったり

テスト中は、うまくいったものが、本番では、うまくいかなくなったり(うまくいくことも、たまに)。 UiExplorerでタグを調べたり、クリックを偽装したり、待機時間を入れてみたりと、いろいろ試してみた …

Amazonへ出品している商品の、商品名だけを一括で変更したいときの手順

1.以下のページを参考に、出品レポートをダウンロード。商品名を一括で変更・編集する方法 – Amazon出品サービス / 出品に関する一般的な質問 – Amazonセラーフォー …

no image

Q.NASに対してPCからアクセスしようとすると、毎回ユーザーIDとパスワードの入力を求められる

A. 1.ユーザーIDとパスワードを入力するとともに、その下の「保存」にチェックする 2.「コントロールパネル」の「ユーザーアカウント」にある「ネットワークパスワードの管理」から、ユーザー名とパスワー …