2012/2/10

wordpress+welcartのブログは　セレクトショップ furaha clothingのブログに移動しました。→ショップブログ

何とか少しずつ　形になってきた　my wordpress&welcart!!!!

複数のループを　index.php(トップページ)に使いたい時

トップページ（この場合は　index.php）に新商品のループとお勧め商品の商品画像のループの2つを載せたい！

で、またデススパイラルに嵌るの巻き。

どうやら、<?php query_posts(‘cat=●●&showposts=●’); ?>と言うループは1回！しか使ったらあかんらしい。

2個目もこのループを使うと、ぐっちゃぐっちゃになりました。で、ここで↓登場。

<?php endif; wp_reset_query(); ?>

これをいれることで、もう今のループを元に戻せるそうです。で、結局こうなった。↓おすすめ商品画像ループ（150pix×150pix）

<?php $reco_ob = new wp_query(‘showpost=●&cat=●’); ?>
<?php if ($reco_ob->have_posts()) : while ($reco_ob->have_posts()) : $reco_ob->the_post(); usces_the_item(); ?>
<div class=”thumbnail_box”>
<div class=”thumimg”><a href=”<?php the_permalink() ?>”><?php usces_the_itemImage($number = 0, $width = 150, $height = 150 ); ?></a></div>
<div class=”thumtitle”><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php usces_the_itemName(); ?></a></div>
<?php if (usces_is_skus()) : ?>

<?php endif; ?>
</div>

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p>
<?php endif; wp_reset_query(); ?>

で、その下に、新商品の画像ループ

<p><?php echo category_description(item); ?></p>
<?php query_posts(‘cat=●●&showposts=●●’); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); usces_the_item(); ?>
<div class=”thumbnail_box”>
<div class=”thumimg”><a href=”<?php the_permalink() ?>”><?php usces_the_itemImage($number = 0, $width = 150, $height = 150 ); ?></a></div>
<div class=”thumtitle”><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php usces_the_itemName(); ?></a></div>
</div>

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p>
<?php endif; ?>
</div>

はーこれで何とか出来たわ。
凄いここに嵌ったわ。

参考memo:wordpressでブログ以外のサイトを作る時の色々（の中の1ページの中で複数ループを使う）
そして、メモ的に。

 全ページ（全記事）一覧のページを作る

サイトマップのページ的なページを1ページ作りたい時。
商品＆BLOG＆NEWS・・・。取り敢えず、全部やな。

<?php wp_get_archives(“type=postbypost”);?>

このパターンが　全ページ表示みたい。

<?php
/*
Template Name: ●●
*/
?>
<?php get_header(); ?>
<div id=”main”>
<div id=”pankuz”>
<p><?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?></p>
</div>
<?php the_post() ?>
<h2 class=”page-title”><?php the_title(); ?></h2>
<div class=”item”>
<?php the_content() ?>
<?php wp_get_archives(“type=postbypost”);?>
</div>
</div>

これで何とかクリアー！下に　sidebar.php&footer.phpも付けるのだ。

2012/2/2

wordpress+welcartのブログは　セレクトショップ furaha clothingのブログに移動しました。→ショップブログ

今日もてんぱる　wordpress&welcart!!!

1個1個わからんな～。

何か変やな～と思ってた、ブログページと商品のページ、ブログのページにカートとか嫌やなあ。と。

商品ページとブログのサイドバーを変えたい場合

1:sidebar.php（商品ページ用のサイドバー）と

sidebar2.php(ブログ用のサイドバー)を作る。

2:sidebar2.php 全部手書きか？！とか思ったんですが、sidebar.phpで使ってるウィジェットとは別にウィジェット使えるみたい。

funcion.phpに

// Area 2, located below the Primary Widget Area in the sidebar. Empty by default.
 register_sidebar( array(
  'name' => __( 'Secondary Widget Area', 'FirstTheme' ),
  'id' => 'secondary-widget-area',
  'description' => __( 'The secondary widget area', 'FirstTheme' ),
  'before_widget' => '<li id="%1$s">',
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',
 ) );

と記載（自分のテーマ名に変更）

3:先程のsidebar2.phpに

と記載。すると、wordpressのウィジェットエリアの1番下にsecandary widget areaと出てくる～！
ウィジェット様様！！！
参考memo:wordpressでページ毎にサイドバーを変更

4:サイドバーを出したいカテゴリーに（この場合はcategory-●●.php←ブログのIdを入れる）

<?php get_sidebar(‘2′); ?>

を記載！
参考memo:WordPressテンプレートを各カテゴリ等で別々に使い分ける
出来たー!わい！

がCSSがぐちゃぐちゃで、左のようになっています。泣。
先は長い。

2012/1/29

wordpress+welcartのブログは　セレクトショップ furaha clothingのブログに移動しました。→ショップブログ

またテンパる　wordpress+welcart!!

welcartに関して調べまくる！→evernoteでクリップしまくる！→試す→動く→忘備録。

1個1個この方法。

カートの中身をサイドバーに常に表示する

ショッピングサイトなら欲しい、この機能。お客さんの為にはあった方がいいかな。

カートの中身を表示するループは

商品数合計は、<?php usces_totalquantity_in_cart(); >

商品金額合計は、<?php usces_totalprice_in_cart(); >

というのが　welcartのループに存在するそうで。（さすが）

これをサイドバーに表示すればいいのですが、ウィジェット使ってると、phpは書けないのね、知らんかったわ！

ウィジェットのテキストにこのphpを貼りつけても動きません。（私、経験済み）

ちゅー事は　マニュアル（sidebar.phpを全部手書きにする）か　プラグインを入れるしかない（welcartの中の人はこれは非推奨）

私にはsidebar.php全部手書きとか無理なので、プラグイン投入。

memo:Executable PHP widget　というウィジェットにphpが書けるプラグイン

<ul><li><h3>合計金額：￥<?php usces_totalprice_in_cart(); ?>（送料・税別）</h3></li>
<li>現在の商品数：<?php usces_totalquantity_in_cart(); ?></li>
<a href=”/usces-cart/”>カートの中身を見る
</ul>

これを記載して　完了。
プラグイン入れたら、今後　アップデートとかで、不具合出るこも知れないので、自己責任系。

参考memo:かごの中を表示するテンプレートタグが欲しい

2012/1/25

wordpress+welcartの記事はセレクトショップ furaha clothingのブログの方に移動しました。→ショップブログ

HTML+CSSでWEBSITE作ってて、今更ながらPHPでWEB作成！

全然違うので、かなり詰まりました。
1回判らないデススパイラルに嵌ると、抜け出せない！！

色々なページを参考にさせていただき、かなり勉強になりました。
PHPわからなさ過ぎる！イマイチwordpressもわかってへんのに～！

と探しまくったヒントをまとめ。
今度また作る時に、見直す。

memo:使ったテンプレート 初めてのテーマ（取り敢えず全部ウィジェットで全部ページが作れる。シンプルでカスタマイズしやすそう。）

memo:入れたプラグイン

• headspace2(タイトル・説明入れる用　all in seo pack からコチラに変更)
• Breadcrumb NavXT(パンくずリスト)
• XML－sitemap(google 用)
• contact form7(お問い合わせ用)
• Image widget(テンプレートに必要)
• welcart e-commerce(welcart)
• subscribe(メルマガ)

楽ちん♪

が、welcartのデフォルトテーマにあって、このテーマにない物が沢山あって、ここからがデス！デススパイラル!

商品一覧ページを作る。

（全商品でなくて、カテゴリー毎の一覧）

商品一覧はarchive.phpにitem postのループを貼る。

ループはコレ：

category●●（←IDやitem）の商品をループと言う事らしい。
itemを入れたら、全商品。itemrecoを入れたらおススメ商品のループらしい。

参考：Welcartを使ってWordPressに商品一覧ページを作ってみた
参考：既存のテーマを利用したショップの作り方　その2
参考：ループタグの条件を指定する<?php query_posts(); ?>

category.phpにこのループを貼ると、全商品のループが誕生！泣。
topページ＞カテゴリー別一覧＞商品詳細にしたいのに。
topページ＞全商品一覧＞商品詳細になる。

category.phpにarchive.php(welcartのデフォルトから)を丸ごとコピー。
6行目～パンくずリストを入れる。

<div id=”pankuz”>
<p><?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?></p>
</div>

37行目位にある

<div <?php post_class(); ?>> の下の<h2 id~~~~<!–p class~>まで削除！その代わりに

<div class=”thumbnail_box”>
<div class=”thumimg”><a href=”<?php the_permalink() ?>”><?php usces_the_itemImage($number = 0, $width = 150, $height = 150 ); ?></a></div>
<div class=”thumtitle”><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php usces_the_itemName(); ?></a></div>
<?php if (usces_is_skus()) : ?>
<div class=”price”><?php usces_crform( usces_the_firstPrice(‘return’), true, false ); ?><?php usces_guid_tax(); ?></div>
<?php endif; ?>
</div><!– thumbnail_box –>

を入れる。すると、カテゴリー別商品一覧の出来上がり。
thumbnailのcssも入ってないので、 thumbnail_boxのcssもテーマのcssに添付。