Блог

Главная - Вопросы по программированию - Использование изображения WordPress в качестве фонового изображения CSS

Использование изображения WordPress в качестве фонового изображения CSS

#php #wordpress #background-image

#php #wordpress #background-image

Вопрос:

Я пытаюсь использовать последнее сообщение featured image в качестве фонового изображения для div на моей домашней странице. Кто-нибудь может помочь с php?

Ответ №1:

wp_get_recent_posts() вернет одно последнее опубликованное сообщение, используя приведенные ниже параметры.

Я рекомендую поместить стиль в таблицу стилей.

 /* Get Recent Post */
$recent_post = wp_get_recent_posts(array(
    'numberposts' => 1,
    'post_status' => 'publish'
));
/* If Featured Image Set */
if ( has_post_thumbnail($recent_post[0]['ID']) ){
    /* Get Image */
    $image = wp_get_attachment_image_src( get_post_thumbnail_id($recent_post[0]['ID']), 'full');
    /* Output Div with Image Set Inline, Use padding Top for Responsive Ratio Size */
    echo '
    <div class="featured-image-div" style="background-image:url('.$image[0].');"></div>
    <style>
    .featured-image-div{
        padding-top: calc( 450 / 800 * 100% );
        background-size: contain;
        background-repeat: no-repeat;
    }
    </stle>    
    ';                           
}

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

1. Спасибо за ответ! К сожалению, у меня это не сработало. Я использую плагин для шорткода, поэтому я вставил ваш код и добавил шорткод, но изображения нет: (Должно быть, я что-то упустил

2. Какой плагин вы используете? (Я предположил, что вы добавляете код в шаблон PHP.)

3. Извините, я должен был указать. Я использую плагин «Вставить фрагмент кода PHP», а затем использую текстовый виджет на главной странице с этим коротким кодом, если это имеет смысл.

4. Попробуйте обновленный скрипт. Поскольку вы еще не в цикле, идентификатор записи необходимо будет получить и указать.

5. Конечно, @Forrest! Чтобы «закрыть» вопрос, пожалуйста, отметьте мой ответ как выбранный вами ответ!