Wordpress 在Visual Composer自定义网格模板上显示自定义字段图像

Wordpress 在Visual Composer自定义网格模板上显示自定义字段图像,wordpress,custom-post-type,advanced-custom-fields,visual-composer,Wordpress,Custom Post Type,Advanced Custom Fields,Visual Composer,我和VisualComposer在一个WP网站上工作 在主页中,我插入了一个“PostGrid”元素,用于加载特定的自定义帖子类型 此自定义帖子有多个自定义字段(使用高级自定义字段插件创建):其中一个字段是图像 此发布网格使用自定义网格显示这些自定义字段 当我预览页面时,它会正确显示文章缩略图(文章特色图像)、一些文本自定义字段,但次图像(使用自定义字段创建)只显示文本(在特定的数组对象或图像ID中) 如何渲染图像?是否可以为该自定义字段(例如omg html标记)插入一些代码以避免文本呈现 提

我和VisualComposer在一个WP网站上工作

在主页中,我插入了一个“PostGrid”元素,用于加载特定的自定义帖子类型

此自定义帖子有多个自定义字段(使用高级自定义字段插件创建):其中一个字段是图像

此发布网格使用自定义网格显示这些自定义字段

当我预览页面时,它会正确显示文章缩略图(文章特色图像)、一些文本自定义字段,但次图像(使用自定义字段创建)只显示文本(在特定的数组对象或图像ID中)

如何渲染图像?是否可以为该自定义字段(例如omg html标记)插入一些代码以避免文本呈现

提前感谢,,
Francesco

您确定要使用精确的代码从高级自定义字段选项获取图像吗

以下是您需要的确切代码:

<?php 

$image = get_field('image');

if( !empty($image) ): ?>

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />

<?php endif; ?>
希望,这是有道理的,如果你还需要任何帮助,请告诉我。谢谢

我也收到了这个问题


打开文件js\u composer\include\classes\vendors\plugins\acf\class-vc-gitem-acf-shortcode.php

并将此代码放在返回之前,您可以对原始返回进行注释:

$allFields = acf_get_fields($field_group);
    for ($i=0; $i < count($allFields); $i++) {
        if ( $field_key == $allFields[$i]['key'] && $allFields[$i]['type'] == 'image') {
            return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                    . '<img src=" {{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }} ">'
                 . '</div>';
        } else {
            return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                    . '{{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }}'
                 . '</div>';
        }
    }
     $f = get_field_object($field_key);


     if ( $f['type'] == 'image') {
         return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                 . '<img src=" {{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }} ">'
              . '</div>';
     } else {
         return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                 . '{{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }}'
              . '</div>';
     }
$allFields=acf\u get\u fields($field\u group);
对于($i=0;$i
此工作适用于图像字段,您可以制作更多其他类型的字段


您可以在这里看到我的文件和一些信息:

打开文件js\u composer\include\classes\vendors\plugins\acf\class-vc-gitem-acf-shortcode.php

并将此代码放在返回之前,您可以对原始返回进行注释:

$allFields = acf_get_fields($field_group);
    for ($i=0; $i < count($allFields); $i++) {
        if ( $field_key == $allFields[$i]['key'] && $allFields[$i]['type'] == 'image') {
            return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                    . '<img src=" {{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }} ">'
                 . '</div>';
        } else {
            return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                    . '{{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }}'
                 . '</div>';
        }
    }
     $f = get_field_object($field_key);


     if ( $f['type'] == 'image') {
         return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                 . '<img src=" {{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }} ">'
              . '</div>';
     } else {
         return '<div ' . $field_key . ' class="' . esc_attr( $css_class ) . '">'
                 . '{{ acf' . ( ! empty( $field_key ) ? ':' . $field_key : '' ) . ' }}'
              . '</div>';
     }
$f=get\u field\u对象($field\u key);
如果($f['type']=='image'){
返回“”
. ''
. '';
}否则{
返回“”
“{acf.”(!empty($field_key)?”:“.$field_key:”。“}}”
. '';
}