Maison > Tutoriel CMS > WordPresse > le corps du texte

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

爱喝马黛茶的安东尼
Libérer: 2019-07-16 13:31:53
original
8564 Les gens l'ont consulté

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

L'affichage du produit utilise les fonctions d'article et de vignette

Comment créer une page daffichage de produit dans WordPress

Recommandations associées : "Tutoriel WordPress"

Étapes de mise en œuvre :

1. Créer des catégories

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

Comment créer une page daffichage de produit dans WordPress

2. Activez la fonction vignette

Dans le fichier function.php du thème, ajoutez un morceau de code, le code est le suivant :

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

Pour plus de paramètres , veuillez vous référer à :

http://www.cnblogs.com/tinyphp/p/6359167.html

3.Ajouter des articles et définir des vignettes

Quatre : Appelez les informations sur la catégorie, le titre et la vignette de l'article

<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

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