Wordpress: пользовательский шорткод для отображения изображения с метаданными - PullRequest
Новая
       15

Wordpress: пользовательский шорткод для отображения изображения с метаданными

0 голосов
/ 08 апреля 2019

Моя проблема: Как извлечь данные мультимедиа из базы данных в PHP ?

Я хотел бы написать короткий код, который отображает изображение с alt-текстом и заголовком, автоматически взятым из базы данных мультимедиа. Использование-пример: 

[img 126 300]  // [img media-id width]

Предполагаемая мощность:

Demo image

Заголовок из базы данных

1 Ответ

0 голосов
/ 08 апреля 2019

Я надеялся, что какая-то интегрированная в wordpress функция даст мне необходимые значения в нескольких строках кода, но с подсказкой @ disinfor я немного покопался в базе данных wordpress и пришел к следующим результатам.

Сначала обзор того, как изображение и его метаданные сохраняются в базе данных Wordpress:

  • wp_posts.post_title - это заголовок изображения
  • wp_posts.post_excerptявляется заголовком изображения
  • wp_posts.guid является URL изображения
  • wp_posts.post_content является содержимым мультимедийной страницы изображения
  • wp_postmeta.meta_value WHERE meta_key='_wp_attachment_image_alt' - это alt-text изображения

Нам не нужны все из них, поскольку они действительно есть являются некоторыми вспомогательными функциями, которые упрощают создание собственного шорткода изображения, а именно wp_get_attachment_image и img_caption_shortcode.

Код ниже (IВы расширили шорткод, чтобы также присвоить изображению произвольный класс): 

function img_shortcode($atts) {
    // Signature: [img <media_id> <width> <classes>], i.e. [img 126 300 "article-image"]
    // You may pass other keyword-attributes accepted from `img_caption_shortcode`
    // except 'class'. You can even override 'caption' manually

    global $wpdb;
    try {
        $conn = new \PDO("mysql:host=" . constant('DB_HOST') . ";dbname=" . constant('DB_NAME'), constant("DB_USER"), constant("DB_PASSWORD"));
        // set the PDO error mode to exception
        $conn->setAttribute(\PDO::ATTR_ERRMODE, \PDO::ERRMODE_EXCEPTION);
        #echo "Connected successfully";

        $sql =  "SELECT post_excerpt FROM `". $wpdb->prefix . "posts` WHERE ID=". $atts[0] ."";
        $stmt = $conn->prepare($sql);
        $stmt->execute();
        $caption = $stmt->fetch(\PDO::FETCH_ASSOC)['post_excerpt'];
    }
    catch(PDOException $e) {
        echo "Connection failed: " . $e->getMessage();
        return NULL;
    }

    $a = shortcode_atts([
        'width' => $atts[1],
        'caption' => $atts['caption'] ? $atts['caption'] : $caption,
        'class' => $atts[2],
    ], $atts, 'img');

    $html = '<div class="image-container">';
    $html .= wp_get_attachment_image($atts[0], [$atts[1]], false, $a['class'] ? ["class" => $a['class']] : '');
    $html .= img_caption_shortcode($a);
    $html .= '</div>';
    return $html;
}

add_shortcode('img', 'img_shortcode');

Будет выведена следующая структура: 

<div class="image-container">
    <img src="https://www.example.com/path-to-image.jpg" class="article-image" alt="alt-text from db" srcset="...all image-sizes from db" sizes="(max-width: 600px) 100vw, 600px" width="600" height="395">
    <div style="width: 610px" class="wp-caption alignnone article-image">
        <p class="wp-caption-text">The Captiontext</p>
    </div>
</div>
...