web-dev-qa-db-ja.com

ワードプレスループに条件を追加する方法

私は私のウェブサイトの会社概要セクションのカスタム投稿を作成しました。このセクションでは、議長と理事からの2つのメッセージがあります。

  • 会長の画像は左側にあり、メッセージは右側にあります。
  • ディレクターの画像は右側にあり、メッセージは左側にあります。

This would be my first loop

This would be my second loop

カスタムフィールドからwpループでこの条件を書くことができる方法を教えてください。ありがとうございました。

phploopcss
1
Shuvro Jyoti

あなたも条件を書く必要はありません。これはCSSによって行うことができます。

簡単な例を見てみましょう。投稿の構造は次のようになっているとします。

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

最初の画像を左に、2番目の画像を右に移動するようにルールを設定できます。

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

これは条件付きでも可能ですが、必須ではありません。ただし、ループに条件を付けたい場合は、最初のループの前に値を設定し、それをループ内で更新してから、更新された値を次のループで使用できます。

$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.
}

文字列の代わりに数字を使うことさえできます。これは多くの解決策を伴う、あいまいな質問です。あなたが望むものを選択してください。

0
Jack Johansson