Как перемещать изображение в верхнюю часть списка?

wordpress.stackexchange https://wordpress.stackexchange.com/questions/6136

  •  16-10-2019
  •  | 
  •  

Вопрос

Я работал над использованием фиксированного изображения, чтобы создать список элементов в правом столбце здесь:

http://www.julianamaeberger.com/soma/news/

Текущее изображение теперь дается класс «выделенного», чтобы вы могли сказать, какое изображение связано с постом. Теперь мне нужно переместить этот класс li class = «выделен» в верхнюю часть списка, чтобы он всегда был виден.

JQuery сортируется лучшим вариантом здесь?

Спасибо за помощь в правильном направлении.

Это было полезно?

Решение

Разве вы не можете сделать это в HTML? Поэтому вместо того, чтобы печатать все в вашем цикле, добавьте его на строку, которую вы печатаете в конце. Таким образом, вы можете держать особые вещи отдельно.

Я предполагаю, что это последующий вопрос к вашему предыдущему вопросу о избранных изображениях, поэтому я буду использовать код из моего ответа там В качестве примера.

<?php
$testimonials = get_posts( array(
    'category_name' => 'testimonial',
    'numberposts' => -1,
    'order' => 'DESC'
) );
$highlighted_testimonial_thumbnail = '';
$other_testimonial_thumbnails = '';
foreach ( $testimonials as $testimonial ) {
    if ( $testimonial->ID == $current_testimonial_id ) {
        $highlighted_testimonial_thumbnail = '<li class="highlighted">' . get_the_post_thumbnail( $testimonial->ID, 'nav' ) . '</li>';
    } else {
        $other_testimonial_thumbnails .= '<li>' . get_the_post_thumbnail( $testimonial->ID, 'nav' ) . '</li>';
    }
}
echo '<ul class="portfolio">';
echo $highlighted_testimonial_thumbnail;
echo $other_testimonial_thumbnails;
echo '</ul>';

Или более общий: вместо:

foreach ( $array_of_stuff as $stuff ) {
    echo $stuff
}

Сделай это так:

$output = '';
$featured_output = '';
foreach ( $array_of_stuff as $stuff ) {
    if ( is_featured( $stuff ) ) {
        $featured_output = $stuff;
    } else {
        $output .= $stuff;
    }
}

echo $featured_output;
echo $output;

Почти все функции в WordPress, которые повторяют что -то эквивалент, который не эхо, а просто возвращает его. get_the_content() против the_content() Например.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с wordpress.stackexchange
scroll top