Visual Composerでカスタムフィールドイメージを表示するカスタムグリッドテンプレート

Question

私はVisual ComposerでWPサイトで作業しています。

ホームページでは、特定のカスタム投稿タイプを読み込む「投稿グリッド」要素を挿入しました。

このカスタム投稿には、複数のカスタム項目（高度なカスタム項目プラグインで作成）があります。これらの項目の1つは画像です。

この投稿グリッドは、カスタムグリッドを使用してこれらのカスタムフィールドを表示します。

ページをプレビューすると、ポストサムイメージ（ポストプロダクトイメージ）、テキストカスタムフィールドが正しく表示されますが、カスタムフィールドを使用して作成されたセカンダリイメージはテキスト（特定のArrayオブジェクトまたは画像のID）。

どのようにイメージをレンダリングできますか？テキストのレンダリングを避けるために、カスタムフィールド（たとえば、omg htmlタグ）にいくつかのコードを挿入することは可能ですか？事前に

おかげで、 フランチェスコ

Answer 1

あなたはアドバンスカスタムフィールドオプションから画像を取得するために正確なコードを使用していますか？ここで

はあなたが必要な正確なコードです：

<?php 

$image = get_field('image'); 

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

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

<?php endif; ?> 

ちょうどあなた自身のフィールドIDと、このIDを交換し、以下に示すように、それはなります：

get_field('your own field id'); 

希望、それは、理にかなっていますまだ助けが必要なら私に知らせてください。ありがとう

Answer 2

私もこの問題を抱えています。

ファイルを開くjs_composerの\は、ベンダー\ \クラスを含める\プラグイン\ ACF \クラス-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>'; 
     } 
    } 

イメージフィールドのこの作業は、他のタイプのフィールドにも適用できます。

あなたがここに私のファイルといくつかの情報を参照することができます。ファイルjs_composerの\ https://github.com/ramonMontanhes/visualcomposer-acf

Answer 3

オープンはベンダー\ \クラスを含める\プラグイン\ ACF \クラス-VC-gitem-ACF-shortcode.php

そして、このコードを入力してください：返品前に、元の返品にコメントすることができます。

 $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>'; 
    }