WooCommerce 「商品名と価格のみ」シンプルな商品カテゴリー一覧を出力するショートコード

  • ブックマーク

ショートコード

[products_by_category_slug product_cat="カテゴリースラッグ" orderby="ID"]

このショートコードを設置すると、WooCommerce 商品カテゴリーから、商品名と価格の一覧を取得する。現状、テーブルタグで囲っている。

orderby のオプションについてはこちらを参照

ブロックエディター でのショートコード配置の例

出力結果

このように出力される。

コード

functions.phpに追記するコードはこちら。(自己責任でよろしくお願いします。)

/* woocommerce タイトルと価格のみ 取得 */
/*  [products_by_category_slug product_cat="category-slug" orderby="rand"] */
add_shortcode( 'products_by_category_slug', 'products_by_category_slug' );

function products_by_category_slug( $atts, $content = null ) {
extract( shortcode_atts( array(
'product_cat' => '巻物',
'orderby'=> 'rand',
), $atts));
ob_start();
?>
<table class="wc_products">
<?php
$args = array( 'post_type' => 'product', 'posts_per_page' => -1, 'product_cat' =>$product_cat, 'orderby' => $orderby);
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); global $product; 
?>

<tr>
   <td class="wc_product_name">
    <a href="<?php htmlspecialchars(the_permalink( $post )); ?>"><?php htmlspecialchars(the_title()); ?></a>
   </td>
   <td class="price">
    ¥<?php echo htmlspecialchars(number_format($product->regular_price)); ?> 
    </td>
 </tr>
<?php endwhile; ?>
</table>
<?php wp_reset_query(); 
return ob_get_clean();
?>
<?php
}
/* end */

謝辞

参考になった記事はこちら、感謝です。

商品名だけを取り出すサンプルコード、ただし、このサンプルコードそのままだと、エラーが発生した。しかし、このサンプルコードを元に、今回のコードを作れたので大感謝です。

価格の表示するためのサンプルコード。シンプルに取得できて感動。

3桁ごとにカンマを入れるPHP関数。

PHP標準の出力バッファリング機能、これ知りませんでした。便利。

プラグインにしたい

スマートフォンの狭い画面で、WooCommerceに登録している商品リストを、写真なしで取得したかった。探したが、良いプラグインを見つけることができなかった。(探しきれていない可能性が高いが)

そこで、ショートコードで自作した。

公式プラグインに登録したい。

最近の散財はこちら!

出張に便利そうなコンセントを買った!塩は、ぬちまーす。

【WordPressブログ スタートアップ講座 開催決定しました】

11月3日 祝日 水曜日
・10時から19時
・Kitchen Bee(4名)とオンライン(4名)のハイブリッド開催です。

オンラインのスタートアップ講座、気になっていたけど、4日間に分かれていて、スケジュールが、、というあなた。オンラインでも1日でOKなスケジュールを作りました。

ぜひ、この機会に、情報発信の母艦を一緒に作りましょう。

また、「ブログをスタートしたい」という方に、すごく良い講座あるよっと、ご紹介いただけると、飛び上がって喜びます。

よろしくお願いします。

(なお、リアルの会場は、Kitchen Beeにて人数を制限し、感染症対策を行って開催します。)

追伸、

また、3日の19時から20時の1時間、ものくろキャンプ交流会を開催します。こちらは、少人数ですが、Kitchen Beeのお席もご用意できる予定です。

オンラインとハイブリッド開催しますので、オンライン参加も大歓迎です。イベントを立ち上げますが、まずは、カレンダーに丸印を!

ブログスタートアップ講座のお申し込み告知ページを見逃したくない!という方は、下のメールマガジンにご登録ください。

お申し込み開始時にご案内をお送りします。

無料メルマガ発行中

メルマガも2021年は頑張って書いています。ぜひ登録して読んでくださいね。(無料です)

メールマガジン
無料で購読
メールアドレス *
* 必須項目

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役