PHP
HTML
WordPress
Welcart

Welcartでカテゴリーごとにバナーを切り替える

WelcartBasicの子テーマを使ってカスタマイズの備忘録。
子テーマを作成後親テーマからコピペしたcategory.phpを編集します。

category.php
<header class="page-header">
    <?php
    the_archive_title('<h1 class="page-title">', '</h1>');
    the_archive_description('<div class="taxonomy-description">', '</div>');
    ?>
</header> <!-- .page-header -->

ここを書き換えてきます。(画像は本家welcartBasicの公式デモより)
image.png

category.php
<?php
$cat = get_category( $cat );
$catslug = $cat->slug;
?>
<div id="cat_img">
    <img src="<?php echo get_stylesheet_directory_uri() ?>/img/category/<?php echo $catslug; ?>.jpg" alt="<?php single_cat_title(); ?>">
</div>

子テーマにimgというフォルダに更にcategoryというフォルダを作る。
(カテゴリーのスラッグと同じ名前).jpgという画像を入れると反映されます。
スラッグが分からなかったらダッシュボードからカテゴリーで確認しましょう。

image.png