特色圖片上的交替比例

我有不同尺寸的交替貼片類（即使是&.odd）。然而，我想要的是，特色圖片的比例也是交替的。因此，我希望.even特色圖片的比例爲1：1，.odd的比例爲3：2。是可以通過CSS裁剪圖像？我試着將下面的代碼添加到我的functions.php中，但它只給我所有帖子的一個比例。從functions.php的特色圖片上的交替比例

if('even'){ // only on frontpage 
    if (has_post_thumbnail()) { // check if the post has a Post Thumbnail assigned to it. 
    set_post_thumbnail_size(300, 300, true); 
    } 

    }else if('odd'){ 
    if (has_post_thumbnail()) { 
    set_post_thumbnail_size(1000, 500, true); 
    } 
}

更多代碼

add_filter('post_class', 'sk_even_odd_post_class'); 
function sk_even_odd_post_class($classes) { 

global $wp_query; 

if (is_home() || is_archive() || is_search()) { 
$classes[] = ($wp_query->current_post % 3 == 0) ? 'odd' : 'even'; 
} 

return $classes; 

} 

set_post_thumbnail_size(1000, 400, true);

CSS：

.odd.entry { 
    border: 0px solid #288eb0; 
} 

.odd.entry img{ 
    width:100%; 

} 

.even.entry { 
    border: 0px solid #fff; 
} 

.even.entry img{ 
    height:auto; 
    width:400px; 
}

任何幫助將不勝感激。

來源

2015-10-13 moiety

你可以用CSS裁剪它們，但它會是一個僞作物，你必須使用'overflow'和'position'，並相應地進行調整。我想你可能需要通過'add_image_size'創建兩個自定義圖像大小，然後根據類來分配它們。但是我可能會爲比我更聰明的人提供適當的解決方案。 –

我建議一種不同的方法，即在圖像上傳到媒體庫而不是在運行時上完成圖像裁剪時，在主題上註冊圖像大小。

這樣也可以達到這樣說：

註冊兩個圖像大小在主題functions.php文件：

add_image_size（ '奇拇指'，1000，500，真正的）;

add_image_size（'even-thumb'，300，300，true）;
現在在您的前端模板循環中添加Odd/Even邏輯類。並調用縮略圖，只調用這事也就是下面的代碼（使用你的代碼作爲基礎，因爲我不知道你的主題是如何設置的縮略圖，但你會得到的想法需要改變:)
```
if('even'){ 
if (has_post_thumbnail()) { 
    the_post_thumbnail('even-thumb'); 
      } 

    }else if('odd'){ 
    if (has_post_thumbnail()) { 
     the_post_thumbnail('odd-thumb'); 
       } 
    } 
```

什麼

來源

2015-10-14 14:38:04 Mohsin

代碼格式化失控。如果有人可以修復它。我正在同時嘗試。 – Mohsin

不幸的是，它沒有奏效。如果有任何幫助，我正在創作一個兒童主題。我不能使它在函數中工作，這就是爲什麼我希望能夠在CSS中進行裁剪的原因......我添加了上面的小CSS代碼。 – moiety

@moiety將您的自定義代碼粘貼到您要放置圖像的位置（通過編輯您的原始問題，顯示您在PHP邏輯中添加ODD/EVEN類的所有代碼以及您調用特色圖像的位置），是我共享的代碼對於圖像尺寸的註冊應該在Genesis中正常工作。 – Mohsin

特色圖片上的交替比例

回答

相關問題