卸 卸売り アパレル アクセサリーの仕入れ

卸 卸売り アパレル 服 アクセサリーの仕入れ

ブログ

wordpressでwelcartを使う際のまとめ4

2012/2/10

 

wordpress+welcartのブログは セレクトショップ furaha clothingのブログに移動しました。ショップブログ
wordpressでwelcartを使う カスタマイズ

何とか少しずつ 形になってきた 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も付けるのだ。

 

wordpressでwelcartを使う際のまとめ3

2012/2/2

 

 

 

wordpress+welcartのブログは セレクトショップ furaha clothingのブログに移動しました。ショップブログ
wordpressでwelcartを使う カスタマイズ

今日もてんぱる 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がぐちゃぐちゃで、左のようになっています。泣。
先は長い。

wordpressでwelcartを使う際のまとめ2

2012/1/29

wordpress+welcartのブログは セレクトショップ furaha clothingのブログに移動しました。ショップブログ
wordpressでwelcartを使う カスタマイズ

またテンパる 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:かごの中を表示するテンプレートタグが欲しい

wordpressでwelcartを使う際のまとめ1

2012/1/25

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

wordpressでwelcartを使う カスタマイズ

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のループを貼る。

ループはコレ:

<?php query_posts('cat=●●&status=post&order=ASC'); ?>

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

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

どこをどう探してもこのテーマ、archive.phpが無い。

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に添付。

 

  • profile

    卸 卸売り アパレル アクセサリー wholesaleclothing ブログ

    アパレル・アクセサリーの卸 卸売り 仕入れサイトwholesale clothingのブログ。
    welcart・wordpress製作のあれやこれ。

  • カレンダー

    2017年11月
    « 6月    
     12345
    6789101112
    13141516171819
    20212223242526
    27282930  
  • カテゴリー

  • タグ