Wordpress에서 단축 코드로 하위 필드 (이미지)를 표시하는 방법은 무엇입니까?

알렉세이 마르티네즈

다음은 사용자 정의 필드 구성입니다.

1 그룹 바닥 글

1.1 그룹 Col2

1.1.1 bbcimg (이미지 ID)

1.1.2 bbc-rss (RSS 피드 ID)

bbc-rss를 표시하는 다음 코드가 있습니다.

<div class="col-md-3">
               <?php
                $footer = get_field('footer'); // 'footer' is your parent group
                $col2 = $footer['col2']; // 'col2' is your child group
                ?>
                <div class="widget_item widget_latest sm-m-top-50">
                    <h4 id="white" class="text-white">Latest News</h4>
                    <div class="widget_latst_item m-top-30">
                        
                        <div class="item_icon"><img src="<?php bloginfo('template_directory');?>/img/rss/bbc_rss.png" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?php echo $col2['bbc-rss'];?></p>

                        </div>
                    </div>
                    <div class="widget_latst_item m-top-30">
                        <div class="item_icon"><img src="<?php bloginfo('template_directory');?>/img/rss/reuters_rss.png" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?php echo $col2['reuters-rss'];?></p>

                        </div>
                    </div>
                    <div class="widget_latst_item m-top-30">
                        <div class="item_icon"><img src="<?php bloginfo('template_directory');?>/img/rss/cnbc.jpg" alt="" /></div>
                        <div id="gris" class="widget_latst_item_text">
                            <p><?php echo $col2['cnbc-rss'];?></p>

                        </div>
                    </div>
                </div><!-- End off widget item -->
            </div><!-- End off col-md-3 -->

다음 속성을 사용하여 이미지 필드 bbcimg를 만들었습니다.

  • 필드 레이블 : bbcimg
  • 필드 이름 : bbcimg
  • 필드 유형 : 이미지
  • 지침 :-
  • 필수 : 아니요
  • 반환 형식 : 이미지 배열
  • 미리보기 크기 : 중간 (300x300)
  • 라이브러리 : 모두
  • 최소 : 너비 40px, 높이 px 40 파일 크기-MB
  • 최소 : 너비-px, 높이 px-파일 크기-MB
  • 허용되는 파일 형식 :-
  • 조건부 논리 :-
  • 래퍼 속성 :-

그리고 이미지는 이미 사용자 정의 필드에 업로드되었습니다. 그림 참조 :여기에 이미지 설명 입력

질문:

웹 사이트에 그림을 표시하는 논리를 작성하는 방법은 무엇입니까?

미리 감사드립니다!

사용하려고

Mikepote

먼저 사용자 정의 필드 내에서 반환되는 내용을 찾아야합니다. print_r어딘가에 코드에 오래된 것을 추가하십시오 .

<?php print_r($col2['bbcimg']) ?>

그러면 Array ( 'url'=> 'http .... something.jpg', 'size'=> 'full', ..etc)와 같은 값의 배열이 출력됩니다.

그런 다음 이미지에 대한 전체 URL을 제공하는 배열 값을 식별 할 수 있습니다. 이 경우라는 필드라고 말하면 url다음과 같이 해당 값을 사용할 수 있습니다.

<div id="gris" class="widget_latst_item_text">
     <img src="<?php echo $col2['bbcimg']['url']; ?>" alt=""/>
     <p><?php echo $col2['bbc-rss'];?></p>
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

플러그인의 단축 코드를 사용하여 내가 원하는 위치에 시각적으로 표시하는 방법은 무엇입니까?

분류에서Dev

WordPress에서 단축 코드를 만드는 방법은 무엇입니까?

분류에서Dev

Wordpress 플러그인의 프런트 엔드에서 단축 코드를 사용하여 양식을 표시하는 방법은 무엇입니까?

분류에서Dev

WordPress의 메타 박스에서 단축 코드를 사용하는 방법은 무엇입니까?

분류에서Dev

VBA 코드에서 이름으로 단어 필드를 참조하는 방법은 무엇입니까?

분류에서Dev

HTML 단락에 코드를 표시하는 방법은 무엇입니까?

분류에서Dev

MVC보기에서 C # 코드를 간단한 텍스트로 표시하는 방법은 무엇입니까?

분류에서Dev

Wordpress에서 간단한 사용자 지정 단축 코드를 만드는 방법은 무엇입니까?

분류에서Dev

페이지로드시 페이지 상단에 div를 표시하는 방법은 무엇입니까?

분류에서Dev

vb.net에서이 코드를 단축하는 방법은 무엇입니까?

분류에서Dev

내 Wordpress 게시물을 트윗 할 때 단축 코드 텍스트 대신 단축 코드 출력을 표시하는 방법은 무엇입니까?

분류에서Dev

정적 백엔드 경로에서 Angular로 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

업로드 전에 이미지 미리보기를 표시하는 방법은 무엇입니까?

분류에서Dev

입력 필드에 값을 입력하면 범위를 표시하는 방법은 무엇입니까? Angular JS

분류에서Dev

터미널 에뮬레이터 키보드 단축키를 변경하는 방법은 무엇입니까?

분류에서Dev

kde Plasma 5에서 다음 가상 데스크톱으로 이동하기위한 키보드 단축키를 지정하는 방법은 무엇입니까?

분류에서Dev

선택 필드에 위쪽 및 아래쪽 화살표를 추가하는 방법은 무엇입니까? 첨부 이미지를 참조하십시오

분류에서Dev

라 라벨에 업로드하기 전에 이미지를 압축하는 방법은 무엇입니까?

분류에서Dev

JSFiddle + coffescript 키보드 단축키로 코드를 주석 처리하는 방법은 무엇입니까?

분류에서Dev

하위 페이지에서 상위 게시물 필드를 얻는 방법은 무엇입니까? WP 유형

분류에서Dev

PyQT 창에 이미지를로드 / 표시하는 방법은 무엇입니까?

분류에서Dev

emacs에서 새로운 키보드 단축키를 설정하는 방법은 무엇입니까?

분류에서Dev

Kubuntu에서 키보드 단축키를 Meta로 설정하는 방법은 무엇입니까?

분류에서Dev

편집자의 텍스트 탭에 단축 코드를 추가하는 방법은 무엇입니까?

분류에서Dev

연락처 양식 7에 자신의 단축 코드를 추가하는 방법은 무엇입니까?

분류에서Dev

두 단축 코드 사이에 PHP 파일을 포함하는 방법은 무엇입니까?

분류에서Dev

이전 페이지를 이동하고 필드에 값을 표시하는 방법은 무엇입니까?

분류에서Dev

KDE에서 열려있는 모든 창을 표시하도록 키보드 단축키를 설정하는 방법은 무엇입니까?

분류에서Dev

KDE에서 열려있는 모든 창을 표시하도록 키보드 단축키를 설정하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    플러그인의 단축 코드를 사용하여 내가 원하는 위치에 시각적으로 표시하는 방법은 무엇입니까?

  2. 2

    WordPress에서 단축 코드를 만드는 방법은 무엇입니까?

  3. 3

    Wordpress 플러그인의 프런트 엔드에서 단축 코드를 사용하여 양식을 표시하는 방법은 무엇입니까?

  4. 4

    WordPress의 메타 박스에서 단축 코드를 사용하는 방법은 무엇입니까?

  5. 5

    VBA 코드에서 이름으로 단어 필드를 참조하는 방법은 무엇입니까?

  6. 6

    HTML 단락에 코드를 표시하는 방법은 무엇입니까?

  7. 7

    MVC보기에서 C # 코드를 간단한 텍스트로 표시하는 방법은 무엇입니까?

  8. 8

    Wordpress에서 간단한 사용자 지정 단축 코드를 만드는 방법은 무엇입니까?

  9. 9

    페이지로드시 페이지 상단에 div를 표시하는 방법은 무엇입니까?

  10. 10

    vb.net에서이 코드를 단축하는 방법은 무엇입니까?

  11. 11

    내 Wordpress 게시물을 트윗 할 때 단축 코드 텍스트 대신 단축 코드 출력을 표시하는 방법은 무엇입니까?

  12. 12

    정적 백엔드 경로에서 Angular로 이미지를 표시하는 방법은 무엇입니까?

  13. 13

    업로드 전에 이미지 미리보기를 표시하는 방법은 무엇입니까?

  14. 14

    입력 필드에 값을 입력하면 범위를 표시하는 방법은 무엇입니까? Angular JS

  15. 15

    터미널 에뮬레이터 키보드 단축키를 변경하는 방법은 무엇입니까?

  16. 16

    kde Plasma 5에서 다음 가상 데스크톱으로 이동하기위한 키보드 단축키를 지정하는 방법은 무엇입니까?

  17. 17

    선택 필드에 위쪽 및 아래쪽 화살표를 추가하는 방법은 무엇입니까? 첨부 이미지를 참조하십시오

  18. 18

    라 라벨에 업로드하기 전에 이미지를 압축하는 방법은 무엇입니까?

  19. 19

    JSFiddle + coffescript 키보드 단축키로 코드를 주석 처리하는 방법은 무엇입니까?

  20. 20

    하위 페이지에서 상위 게시물 필드를 얻는 방법은 무엇입니까? WP 유형

  21. 21

    PyQT 창에 이미지를로드 / 표시하는 방법은 무엇입니까?

  22. 22

    emacs에서 새로운 키보드 단축키를 설정하는 방법은 무엇입니까?

  23. 23

    Kubuntu에서 키보드 단축키를 Meta로 설정하는 방법은 무엇입니까?

  24. 24

    편집자의 텍스트 탭에 단축 코드를 추가하는 방법은 무엇입니까?

  25. 25

    연락처 양식 7에 자신의 단축 코드를 추가하는 방법은 무엇입니까?

  26. 26

    두 단축 코드 사이에 PHP 파일을 포함하는 방법은 무엇입니까?

  27. 27

    이전 페이지를 이동하고 필드에 값을 표시하는 방법은 무엇입니까?

  28. 28

    KDE에서 열려있는 모든 창을 표시하도록 키보드 단축키를 설정하는 방법은 무엇입니까?

  29. 29

    KDE에서 열려있는 모든 창을 표시하도록 키보드 단축키를 설정하는 방법은 무엇입니까?

뜨겁다태그

보관