WordPress - 列出具有奇數/偶數系統的用戶

標題可能會引起誤解，因爲我不完全確定要如何完成詞組。WordPress - 列出具有奇數/偶數系統的用戶

我想列出一個WordPress運行網站的用戶我們的團隊頁面上，我已經工作了，這是這個職位的最佳代碼：

function contributors() { 
global $wpdb; 

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users ORDER BY display_name"); 

foreach($authors as $author) { 
echo "<li>"; 
echo "<a href=\"".get_bloginfo('url')."/?author="; 
echo $author->ID; 
echo "\">"; 
echo get_avatar($author->ID); 
echo "</a>"; 
echo '<div>'; 
echo "<a href=\"".get_bloginfo('url')."/?author="; 
echo $author->ID; 
echo "\">"; 
the_author_meta('display_name', $author->ID); 
echo "</a>"; 
echo "</div>"; 
echo "</li>"; 
} 
}

這種運作良好，並根據需要列出用戶。然而，我的客戶希望用戶進行佈局，像這樣：

[名] [圖片]
[說明]

[圖片] [名]
[說明]

[名稱] [圖像]
[說明]

等。所以，奇數在右邊有圖像，偶數在左邊有圖像。這個想法是分解一下設計，並使其看起來不那麼僵硬。（希望是有道理的）

任何想法如何我可以實現這一點，使用在開始給出的代碼？

非常感謝:)

（注意 - 我知道，鑑於香草代碼沒有任何圖像調用或類似的東西，我只知道，那是起點，PHP而言吧我會在後面添加圖像調用，描述和名稱）

來源

2013-02-28 tristanojbacon

您是否使用for循環與反，而不是foreach循環考慮？然後你可以用2來修改你的計數器，看看它是偶數還是奇數。 – MCeley 2013-02-28 17:46:08

對我來說，你有兩種選擇。

選項＃1

使用可變到奇數/偶數類添加到圖像，然後可以用CSS靶向和浮動圖像到適當的側

下面是一個例子。

<?php 
function contributors() { 
    global $wpdb; 

    $authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users ORDER BY display_name"); 

    $count = 1; 
    $class = "odd"; 
    foreach($authors as $author) : ?> 
     <li class="<?php echo $class; ?>"> 
      <a href="<?php echo get_author_posts_url($author->ID); ?>"> 
       <?php echo get_avatar($author->ID); ?> 
      </a> 
      <div> 
       <a href="<?php echo get_author_posts_url($author->ID); ?>"> 
        <?php echo get_the_author_meta('display_name', $author->ID); ?> 
       </a> 
      </div> 
     </li> 
     <?php 
     $count = $count * -1; 

     if($count == 1) { 
      $class = "even"; 
     } else { 
      $class = "odd"; 
     } 

    endforeach; 
} 
?>

而CSS

.odd img { 
    float: right; 
} 

.even img { 
    float: left; 
}

選項＃2

使用第n個孩子（）CSS選擇來控制圖像浮哪一側。

例子：

ul li:nth-child(odd) img { 
    float: right; 
} 

ul li:nth-child(even) img { 
    float: left; 
}

你也可能想看看內置筆者功能 https://codex.wordpress.org/Template_Tags#Author_tags

來源

2013-02-28 17:52:00 Jrod

WordPress - 列出具有奇數/偶數系統的用戶

回答

相關問題