2016-07-26 15 views
0

私の一番上のページには、代替のサムネイルサイズでページを表示したい。私は2つのサムネイルサイズを使用する必要があります。
ページ1:サイズ
ページ2:サイズB
ページ3:サイズ
ページ4:サイズ
ページ5:サイズ
ページ6:サイズB
ページ7:サイズ
その後、注文からもう一度やり直してください。WordPressリストのページとサムネイルとを交互に表示

瞬間、私は私が子供のページを表示するには、サイトの他のページに再利用する次のコードを、持って:あなたの助けのための

<?php query_posts('post_type=page&order=ASC&post_parent=0'); 
while(have_posts()) : the_post(); ?> 
    <a href="<?php the_permalink() ?>"> 
     <?php the_post_thumbnail(); ?> 
     <?php the_title(); ?> 
    </a> 
<?php endwhile;?> 

感謝を。

答えて

0

どのように決定するか、どのアプローチを選ぶかによって決まります。あなたのパターンの順序に関しては、cssでそれを行うことは理にかなっています。 Wordpressはまた、evenoddのような変更クラスを出力しますが、3つの(A A A)があるので、これは正しい方法ではありません。

/* First Post Type A */ 
.your-post-type:first-child { 

} 
/* Second Post Type B*/ 
.your-post-type:nth-of-type(2) { 

} 
/* Third Post Type A */ 
.your-post-type:nth-of-type(3) { 

} 
/* Fourth Post Type A */ 
.your-post-type:nth-of-type(4) { 

} 
/* Fifth Post Type A */ 
.your-post-type:nth-of-type(5) { 

} 
/* Sixth Post Type B */ 
.your-post-type:nth-of-type(6) { 

} 
/* Seventh Post Type A */ 
.your-post-type:nth-of-type(7) { 

} 

フロントページ上のカスタムクエリは7に限定されていない場合は、よくして、あなたがアップにこの例を拡張している:私は、最も簡単なあなたはCSSを使用して、n番目の-の型(int型)の私たちを作る場合だと思いますあなたが持っていて見たいと思う投稿がいくつありますか?最後の引数shotposts=Xでクエリを制限:

<?php query_posts('post_type=page&order=ASC&post_parent=0&showposts=14').. 
+0

グレートのヒントを持っています。私はCSSで作って、親指を背景のイメージとして置いた。 – Irene

+0

これはひどい解決策です... 'n'の投稿には' n'のCSSエントリがありますか?ちょうど2つの異なるスタイルを定義するには?私はちょうど '.size-A'と' .size-B'を定義し、それらをPHPの対応するすべての投稿に適用するほうがずっと良いでしょう。 –

+0

ひどいと言っていただきありがとうございます - 私は、WordPress/PHPを深く掘り下げることはできません。これまで考えたことはありますか? –

0

すでにあなたのサムネイルのサイズを定義したと仮定すると、(例えばadd_image_size()を使用)し、あなたの順序A B A A A B Aが、私にはかなりランダムなようだことを考えると、私は親指を持つ配列を反復処理を繰り返したいですそれらをthe_post_thumbnail()関数に渡すためにサイズを指定します。ような何か:

もちろん
<?php 
query_posts('post_type=page&order=ASC&post_parent=0'); 
$thumbsizes = [ 
    'size-a', 
    'size-b', 
    'size-a', 
    'size-a', 
    'size-a', 
    'size-b', 
    'size-a', 
]; 
$i = 0; 
while (have_posts()) : the_post(); ?> 
    <a href="<?php the_permalink() ?>"> 
     <?php the_post_thumbnail($thumbsizes[ $i ]); ?> 
     <?php the_title(); ?> 
    </a> 
<?php 
$i = ($i + 1) % count($thumbsizes); 
endwhile; 
?> 

は、あなたのCSSは、あまりにもサムネイルサイズに言いたい...

関連する問題