Обновлено: Рекомендуемое изображение за заголовком поста на главной странице WordPress (столбцы)

#php #wordpress #image

#php #wordpress #изображение

Вопрос:

У меня есть сайт WordPress с несколькими сообщениями. На домашней странице я настроил плагин (https://wordpress.org/plugins/column-posts /), чтобы отображались три столбца самых последних сообщений. Это работает хорошо, и я могу стилизовать столбцы в CSS. Однако я хочу, чтобы рекомендуемое изображение каждого поста было фоном столбца этого поста? Есть идеи, как я мог бы это сделать?

 <ul>
            ';
        }

        // thumbnail
        $thclear = '';
        $bullet = '<li style="background:url(<?php'.$thumb.'?>);">';
        $thumb = '';
        if ( $args['thumb'] ) {
            if ( has_post_thumbnail($post->ID) ) {
                //$bullet = '';
                $thclear = '<div style="clear:both;"></div>';
                $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), $args['tsize'], false, array('class'=>"alignthumb"));
            }
        }
        $ppost .= $bullet .'<a href="'.get_permalink($post->ID).'" title="'.sprintf(__('Article %s published at %s', 'cp'), $title_full, date_i18n(__('F j, Y g:i a'), strtotime($post->post_date)) ).'">'.$title.'</a>';

        // excerpt
        if ( $args['excerpt'] ) {
            $ppost .= '<p>' .get_the_excerpt() .'</p>' .$thclear .'</li>';
        }
        else{
            $ppost .= $thclear .'</li>';
        }

        if ($args['class'] == 'P' amp;amp; $args['col_cnt'] == $args['col_post'])
            $ppost .= '
            </ul>
  

Я подумал, что могу подключить переменную в стиле li следующим образом:

 <li style="background:url(<?php'.$thumb.'?>);">
  

Однако это вообще ничего не повторяет, и наверняка нет изображения src. Любой способ заставить его использовать echo $ thumb в качестве фонового изображения или вставить фоновое изображение где-нибудь в этом коде. Спасибо!!

Спасибо!

Ответ №1:

 $image=wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>

<img class="whatever" src="<?php echo $image;?>" />
  

css

 .whatever {
  z-index: -1;
}
  

Комментарии:

1. WordPress не преобразует <img class=»cp-bg» src=»<?php echo $image;?>» /> в URL-адрес src? Правильно ли я кодирую эхо-запрос? Похоже, что оно не обрабатывает это, поэтому оно просто отображается в html как <img class=»whatever» src=»<?php echo $image;?>» />

2. Я обновил свой вопрос, добавив немного больше информации. Любая помощь была бы высоко оценена. Спасибо!

3. вы используете $ thumb, прежде чем вы его определили. определите его с помощью вашего оператора if перед li. удалить <?php tags, so ‘.$thumb.’