[wp]2025年4月時点welcart導入メモ

EC自体だるいんだけどさ。

なんでWelcartか

一番近いところで言えばWooCommerceでもいいんだけど、使ったことないから除外。

黎明期で言えばECCubeがあるけど、あっちはEC以外の機能がないので融通が効かない点で却下。
あと拡張性が微妙なのと更新がだるいのと。2系の云々がもうなんかしんどい。以前導入を試したらエラーが出まくって、使ってて気持ちよくないのと何が仕様で何がエラーなのか理由がわからんかった。
ソースコードを覗いたら中途半端に放置された部分とかが見えちゃったりして、フリーサービスだとしても流石にねぇみたいな。たくさん使われてるからって、ねぇ。

無料でって意味ならBASEとかあるけど、ECCubeよろしく機能が少ないのがしんどいのと、単純に物販するなら良いんだけどカスタマイズに難がありすぎる。要件が合致するならそっちでいいよね。

Shopifyは開発環境に不馴れすぎてしんどいのと、ランニングコストそんなに安くないよねってのと。拡張性は良さげに見えるんだけどね。興味はあるけど手間がすごい。勉強してからじゃないとテーブルに上げられない。

Makeshopとかはランニングコストがとにかく高い、なのに機能が少ない。セキュリティ面をGMOに丸投げできるのは運用中に嬉しいけど、だるい。カラーミーは管理画面が重い。流石になんか時代遅れ感があるし、無理して使うものじゃない気がする。手離れしやすいからクライアント仕事だったら普通に使うけどね。

そういえばなんだけど、makeshopとかbaseとかはドメインをネームサーバーで登録して独占する仕様なのにできることが少なすぎて、マジで金持ちの道楽かよみたいな、メチャクチャしんどい。
サブドメイン運用はできなかった気がするけどどうだっけね。
だから無理やりDNS設定で導入したりしたけどさ、アンオフィシャルだからさ、マジで何かしらにリスクが出るサービスだからだるい。

まあそんな感じで、Welcart。
消去法。

すでにWEB環境(サーバー)を持っていて、低コストで作り運用したくて、ある程度色々やれるサービスをと思えばこうなる。

昔はECCube+MovableTypeが流行ったもんだけど、WelcartはWordpress内のプラグインでしかないから1つで済む。ドメイン1個で完結するし、これでいいじゃんね。
思い返すとECCubeへのヘイトが蘇ってきて良くないです。

プラグイン

Welcart e-Commerce

本体。

Contact Form 7

問い合わせフォーム。
拡張プラグインで問い合わせ内容をDBに登録したりGoogleスプレッドシートに登録したりもできる。

Custom Post Type UI

カスタム投稿。
例えば新着情報とブログの両立ができるようになるし、FAQとか一問一答のコンテンツを作るときにも便利。

Smart Custom Fields

無料でカスタムフィールドの繰り返し機能を導入できる。
ACFの方が視覚的にすごく良いんだけどね、有料の範囲だし買い切りからサブスクになってるよね。

WP-PageNavi

記事一覧とか用のページャー。

All in One SEO

アナリティクスの導入とか、SEO周りの設定とか、あと地味に便利な機能としてパンくずリストもこれで作れる。
導入すると管理画面内がかなり煩くなるし、欲しい機能で言えば細切れにすれば他のプラグインでも賄えたりするんだけどね、どっちが楽かという選択。

テーマ

Welcart 専用親テーマ Welcart Basic

無料で、レスポンシブデザインにも対応。

出た当初はレスポンシブがなかった。
いい時代になりましたね。

子テーマの導入

以前作った時は全ページのデザインを0から作ったもんだけど、子テーマでいいですね。
変えたいところだけ変えられるんで、見落としがあっても崩壊しないからいいですね。

だから元々のデザインと戦いながらコーディングしていく必要がある。
classとかidを新設すれば切り分けられるから、ある程度手間を緩和できるんだけど、不要なコードが生まれたりするのであんまり進められるもんじゃない気もしてる。

「Welcart Basic」を親テーマにして自作テーマを作っていく。

導入方法の詳しいところは割愛。

「Welcart Basic」のページ下部に子テーマの参考ファイルがあるのでそれをDLして、ベースとして使う。

必要なものが抜けると一部のページでcssが読まれずにレイアウトが壊れたりする。

デザイン

「Welcart Basic」の方で、こんな感じで初期化されてる。

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

ついでにこんな感じのことも書いてある。

ol, ul {
    list-style: none;
}

つまりすべてを無にした状態から組んでますね。

normarize.cssに慣れきってるからだるい。
最適化方面でリセットしてほしい。

まあいいんだけどさ、だるいよね。

コメント

タイトルとURLをコピーしました