web-dev-qa-db-fra.com

Comment ajouter une condition dans une boucle wordpress?

J'ai créé une publication personnalisée pour la section à propos de nous de mon site Web. Dans cette section, j'ai deux messages du président et du directeur:

  • L'image du président est à gauche et le message à droite.
  • L'image Director est à droite et le message à gauche.

This would be my first loop

This would be my second loop

S'il vous plaît dites-moi comment puis-je écrire cette condition dans la boucle wp à partir du champ personnalisé. Je vous remercie.

1
Shuvro Jyoti

Vous n'avez même pas besoin d'écrire un conditionnel. Cela peut être fait par CSS.

Prenons un exemple simple. En supposant que la structure de votre message ressemble à ceci:

<div class="container-class">
    <p>
        <img src="some-path"/>
        Some text
    </p>
</div>

Vous pouvez définir une règle pour faire flotter la première image à gauche et la seconde à droite:

.container-class img{
    float:left
}
.container-class:nth-child(2) img{
    float:right
}

Cela peut aussi être fait en faisant une condition, mais ce n'est pas nécessaire. Cependant, si vous insistez sur une condition pour la boucle, vous pouvez définir une valeur avant la première boucle, la mettre à jour dans la boucle, puis utiliser la valeur mise à jour dans la boucle suivante:

$class = 'some-class-name';
// First loop
if ( have_posts() ) {
   // Loop here
   $class = 'changed-class-name';
}

// Second loop
if ( have_posts() ) {
    // Loop here. Use the $class to add some class to your post. You 
    // can use this class to style your content.
}

Vous pouvez même utiliser des chiffres au lieu de chaînes. C'est une question vague, avec de nombreuses solutions. Choisissez celui que vous souhaitez.

0
Jack Johansson