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