【Welcart】サイドバーを左側に移動する簡単な方法

こんにちは、所長のにゃまんです。

ショッピングカート「Welcart」を使用している方から、サイドバーを左側に移動できないかとお問合せを頂きました。

今回は、右にあるサイドバーを左側に移動させる方法を紹介します。

こんな感じで移動。

スポンサーリンク

「Welcart」とは

ショッピングカートというとカラーミーショップなんかが有名ですが、初期費用や月額使用料がかかってしまいます。Welcart(ウェルカート)は、WordPressのプラグインなのですが、ネットショップを運営するのに十分な機能が備わっていて、なんと無料で使えてしまいます。あまりショップ運営費にお金がかけられない個人や小規模店にはありがたいですね。

ただ、Welcartで唯一残念なのが、外観デザインのカスタマイズ機能が乏しいことです。インストールしてそのままでも使えなくもないですが、やはりお店のイメージに合わせてデザインを変えたいですよね。デザインや配置などをいじろうとすると、PHPやCSSをいじらなくてはならないため、ちょと敷居が高くなるのが難点です。

サイドバーの移動方法

サイドバーを左から右に移動させるためには、「header.php」というPHPファイルの中身を変更する必要があります。

FFFTPなどのFTPソフトで下記にある「header.php」をダウンロードします。
(失敗しても後で戻せるように、バックアップを取っておいてください)


テキストエディタでheader.phpを開いて、一番下のほうにある下記の記述を探します。

<?php 
  if( is_front_page() || is_home() || welcart_basic_is_cart_page() || welcart_basic_is_member_page() ) {
    $class = 'one-column';	
  }else {
	$class = 'two-column right-set';
  };
?>

「right-set」の部分を、「left-set」に書き換えて保存します。

<?php 
  if( is_front_page() || is_home() || welcart_basic_is_cart_page() || welcart_basic_is_member_page() ) {
    $class = 'one-column';	
  }else {
    $class = 'two-column left-set';
  };
?>

あとは、書き換えた「header.php」を元の場所に上書きでアップロードすれば終了です。

まとめ

ブログの場合は右側のサイドバーが一般的になりましたが、ネットショップでは左側に検索メニューなどを設置するほうが使い勝手が良いように思います。

今回変更した部分を変えることで、1カラムや3カラムにしたり、ページごとにサイドバーを左右入れ替えたりすることもできますので、色々試してみてください。