Maison > Tutoriel CMS > WordPresse > Comment créer une page d'affichage de produit dans WordPress

Comment créer une page d'affichage de produit dans WordPress

Libérer: 2019-07-19 16:28:56
original
5419 Les gens l'ont consulté

Comment créer une page d'affichage de produit dans WordPress

Les étapes pour mettre en œuvre une page d'affichage de produit dans WordPress sont les suivantes  :

1. une catégorie

Créer des catégories d'articles en arrière-plan : Product Center

Comment créer une page daffichage de produit dans WordPress

Activez la fonction vignette

dans les fonctions du thème. En php, ajoutez un bout de code, le code est le suivant :

add_theme_support( 'post-thumbnails' );
Copier après la connexion

3. Ajoutez des articles et définissez des vignettes

4. Appelez ceci Informations de classification, titres d'articles et vignettes

<div class="section sectionL">

<?php
    $product_term =get_term_by(&#39;name&#39;,&#39;产品中心&#39;,category);
    $product_term_id=$product_term->term_id;
    $product_link=get_term_link($product_term_id,&#39;category&#39;);
?>
    <h2>
          <a href="<?php echo $product_link?>">产品中心</a>
        <span><a href="<?php echo $product_link;?>"></a></span>
    </h2>
    <ul>
    <?php
        $product_query=new WP_Query(array(
            &#39;cat&#39;=>2,
            &#39;posts_per_page&#39;=>8
            ));
    if($product_query->have_posts()) : while($product_query->have_posts()) :$product_query->the_post();
    ?>
    <li>
       <a href="<?php the_permalink();?>"> 
           <?php if ( has_post_thumbnail() ) : ?>
            <?php the_post_thumbnail( &#39;thumbnail&#39; ); ?>
            <?php else: ?>
            //显示默认图片
            <?php endif; ?>
        </a>
        <h3><a href="<?php the_permalink();?>"><?php the_title();?>dd</a></h3>
    </li>           
    <?php endwhile;?>
    <?php endif;?>
    </ul>   
</div>
Copier après la connexion

Pour plus d'articles techniques liés à WordPress, veuillez visiter le tutoriel WordPress rubrique pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal