マイクロ office ★excel2016 価格 http://www.msofisu.com

microsoft オフィス ★office365 価格 個人

Welcartのテンプレートをカスタマイズする方法

Welcart Wordpress

Welcartのテンプレートをカスタマイズする方法

こ こからはWelcartのカスタマイズについてまとめていきます。Welcartのテンプレートをカスタマイズする方法。まずはWelcartの基本的な 知識をまとめていきます。Wordpressのインストール方法やサーバー選び、Welcartのカスタマイズ方法について紹介します。

Welcartカスタマイズのリソース

Welcartの公式ドキュメント

テンプレートをカスタマイズするためのリソースとしてドキュメントは欠かせないものですが、公式サイトには非常にわかりやすいリファレンスがまとめられています。

公式リファレンス Welcart公式リファレンス

基本的にはこちらを参照しながらテーマのカスタマイズを行っていきます。

テンプレートカスタマイズでわからないこと

公式リファレンスを見ても、どうしてもわからないことがでてくる場合がありますが、フォーラムを利用することで問題が解決するかもしれません。

開発は現在も続いており、質問への回答もされているようなので利用しましょう。

フォーラム Welcartのフォーラム

Welcartの管理画面の使い方

テーマのカスタマイズではなく、管理画面の使い方（商品登録や初期設定など）を知りたい場合もオンラインドキュメントが使えますが、便利な書籍も出版されています。

Welcartのカスタマイズ方法

テンプレート（テーマ）をカスタマイズするには？

Welcartにはデフォルトテーマが用意されており、こちらをそのまま使っても良いのですが、やっぱりオリジナルデザインにカスタマイズしたいです。

Welcartのテーマのカスタマイズ方法は基本的にWordpressと同じ。Wordpressに用意されたタグも使用できます。

しかし、ショップのカート機能や画面遷移の仕組みなど、ゼロからショップを構築するのは結構大変。そこで、最初はデフォルトテンプレートの構造はそのままにしておき、CSSのスタイルを修正していくことをおすすめします。

この場合修正する箇所はstyle.cssのみでOK。ただし、このファイルの中身を書き換えてしまうと元に戻せなくなるので、バックアップをとっておくか、custom.cssなどを作って上書きするようにしましょう。

具体的なカスタマイズについては次回以降にまとめていきたいと思います。

Welcartテンプレートカスタマイズまとめ

このサイトではWelcartのテンプレート（テーマ）のカスタマイズ方法をまとめています。この記事と合わせて是非チェックしてみて下さい。

 

デザインのカスタマイズ

 

Welcart デフォルトテーマについて

Welcart デフォルトテーマテンプレートファイル一覧

  • archive.php 表示するデータが商品以外だった場合に、このテンプレートを使用します。
  • footer.php フッターテンプレート
  • header.php ヘッダーテンプレート
  • home.php ホームページテンプレート。サイトのトップページになります。
  • index.php 基本テンプレート。該当するテンプレートが無い場合に使用されます。
  • inquiry.php ご相談・お問い合わせテンプレート。問い合わせフォームを開きます。
  • page.php ページテンプレート。特定のページが要求されたときに使用します。
  • sidebar.php サイドバーテンプレート
  • single.php 単体記事を表示するためのテンプレート。

ページデザイン変更の注意点

ページのデザインは自由に変更していただいてかまいません。 上記テンプレートの変更はWelcart デフォルトテーマの「style.css」にて変更することができます。 また、ショッピングカート・会員情報ページ・商品詳細ページのスタイルを修正することもできます。 プラグインフォルダ内の「usc-e-shop＞css＞usces_cart.css」を、テーマフォルダにコピーしてから編集してください。 その際「usces_cart.css」というファイル名を変えないでください。

プラグイン内にある「usces_cart.css」は直接編集しないようにしてください。 バージョンアップされるごとに上書きされます。