在 WordPress Meta Box 的前端检索相册图像值

Summary:

我需要使用我自己的 html 照片库来执行此操作：

• 有人建议我使用 MetaBox，所以我找到并安装了MetaBox.io 插件.
• 接下来我生成了一个高级图像使用他们的网站编写代码并将其添加到functions.php，以便在后端显示上传者。
• 但在前端，我无法检索图像的值。

函数.php（MetaBox.io 生成的代码）：

add_filter( 'rwmb_meta_boxes', 'your_prefix_register_meta_boxes' );

function your_prefix_register_meta_boxes( $meta_boxes ) {
    $prefix = '';

    $meta_boxes[] = [
        'title'   => esc_html__( 'Untitled Field Group', 'online-generator' ),
        'id'      => 'untitled',
        'context' => 'normal',
        'fields'  => [
            [
                'type'             => 'image_advanced',
                'name'             => esc_html__( 'Image Advanced', 'online-generator' ),
                'id'               => $prefix . 'image_advanced_8hswqfsoqai',
                'max_file_uploads' => 40,
            ],
        ],
    ];

    return $meta_boxes;
}

CMS:

这是 CMS 的结果。创建一个新的图像字段。 CMS部分完成：

Frontend:

然后我从 MetaBox.io 获取了这段代码并将其放在 index.php 中但它什么也没打印:

<?php
$images = rwmb_meta( $field_id, array( 'size' => 'thumbnail' ) );
foreach ( $images as $image ) {
    echo '<a href="'.$image['full_url'].'"><img src="'.$image['url'].'"></a>';
}
?>

我的问题是:

如何在前端（在我自己的 HTML 中）显示 MetaBox.io 插件图像的值？我需要它们如下：

<div class="col-lg-6 img-grids mt-lg-0 mt-5 pl-lg-4">
    <img src="<?php echo get_template_directory_uri().'/assets/images/p1.jpg'; ?>" alt="" class="img-fluid radius-image" />
    <img src="<?php echo get_template_directory_uri().'/assets/images/p2.jpg'; ?>" alt="" class="img-fluid radius-image" />
</div>

注意：我没有简单地在帖子内容中添加画廊而是必须将画廊添加为元框的主要原因是因为我不需要画廊按原样显示，而是要检索画廊的各个值我自己的 html 代码中的前端。

感谢您遵循我的建议 所以我们在这里

$images = rwmb_meta ($field_id, array ('size' => 'thumbnail'));

我们有我们画廊收到的金额。

根据上面的代码，在页面模板文件内或循环内使用此代码。

<div class="col-lg-6 img-grids mt-lg-0 mt-5 pl-lg-4">

<?php

$untitled_meta = rwmb_meta('image_advanced_8hswqfsoqai' , '' , get_the_ID());

foreach ($untitled_meta as $image) {
    ?>

    <img src="<?= $image['full_url'] // Or Use url for crop size  ?>" alt="<?= $image['alt'] ?>"
         class="img-fluid radius-image"/>

    <?php
}
?>

The rwmb_meta函数有三个参数。

1. 根据您的字段 ID 字段的第一个值 代码结构：image_advanced_8hswqfsoqai
2. 并将下一个值留空以接收全部。
3. 最后一个参数是我通过以下方式获得的页面 ID 或帖子get_the_ID()我们现在所在页面的 ID。

根据您之前的问题优化和使用页面这一页，我编写了以下代码，请粘贴（当然，如果您想使用页面模板）

第1步：添加一个函数在页面上构建元框并发布

将此代码放入functions.php如您所知归档

add_filter( 'rwmb_meta_boxes', 'compliance_students_gallery_meta_boxes' );

function compliance_students_gallery_meta_boxes( $meta_boxes ) {

    $meta_boxes[] = [
        'title'   => esc_html__( 'Untitled Field Group', 'online-generator' ),
        'id'      => 'untitled',
        'context' => 'normal',
        'post_types' => ['post', 'page'],
        'fields'  => [
            [
                'type'             => 'image_advanced',
                'name'             => esc_html__( 'Image Advanced', 'online-generator' ),
                'id'               => 'images_untitled',
                'max_file_uploads' => 40,
            ],
        ],
    ];

    return $meta_boxes;
}

现在您可以将图片库添加到页面和帖子中

步骤 2：在页面模板中显示包含此内容的同一文件Template Name: students当然，这只是针对在其他地方问过相关问题的你（这一页)

<div class="col-lg-6 img-grids mt-lg-0 mt-5 pl-lg-4">

    <?php

    $untitled_meta = rwmb_meta('image_advanced_8hswqfsoqai' , '' , get_the_ID());

    foreach ($untitled_meta as $image) {
        ?>

        <img src="<?= $image['full_url'] // Or Use url for crop size  ?>" alt="<?= $image['alt'] ?>"
             class="img-fluid radius-image"/>

        <?php
    }
    ?>
</div>

重要的提示如果您想在圆圈内或主页或帖子内显示，则应该是这种情况。

要显示图像或任何其他液体的量，您必须在 WordPress 查询中使用它。

在 WordPress 查询循环中使用的示例

<?php

$query = new WP_Query($args);
if ($query->have_posts()) {
    // some code here if you want.
    while ($query->have_posts()) {
        $query->the_post();
        ?>
        <div class="col-lg-6 img-grids mt-lg-0 mt-5 pl-lg-4">

            <?php

            $untitled_meta = rwmb_meta('image_advanced_8hswqfsoqai', '', get_the_ID());

            foreach ($untitled_meta as $image) {
                ?>
                <img src="<?= $image['full_url'] // Or Use url for crop size   ?>" alt="<?= $image['alt'] ?>"
                     class="img-fluid radius-image"/>
                <?php
            }
            ?>
        </div>
        <?php
    }
}
?>