PHP를 사용하여 이미지에 HTML 태그 추가하기

Question

WordPress 전자 상거래 사이트의 제품 축소판 이미지에 캡션을 추가하려면 각 이미지의 "alt"태그를 가져 와서 캡션에 CSS를 적용 할 수 있도록 태그를 추가하십시오.

캡션으로 "alt"텍스트를 성공적으로 추출하는 JQuery 스크립트 (실제로는 여러 가지를 발견했습니다)를 찾았지만 HTML을 추가하거나 캡션을 페이지 소스. 그래서 프론트 엔드에 있지만, 그것을 선택하거나 스타일을 지정할 방법이 없습니다.

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".thumbnails img.attachment-shop_thumbnail").each(function() { 
var caption = $(this).attr("alt"); 
$(this).before('<figure>'); 
$(this).after('<figcaption>' + caption + '</figcaption></figure>' 
); 
}); 
}); 
</script> 

작동하는 스크립트를 찾을 수 있다면 여기에서 JQuery를 사용할 수 있습니다. 하지만 PHP가 더 나은 접근 방법이 될 수 있다고 생각합니다. 문제 만 있으면, 내가 충분히 식인 할만큼 가까운 것을 발견하지 못했다. . .

Answer 1

는 프론트 엔드에 있다면, 당신은 바로이 지점에서 CSS 파일에 마크 업을 추가 할 수 있어야하고 보여왔다 :

figcaption { 
    border: 1px solid red; 
    font-weight: bold; 
} 

등 ... 또는 더 나은 아직, div와 figcaption을 div로 변경하고 클래스 이름을 지정하십시오.

는 소스에 표시되지 것 이유는이 스택 오버 플로우 문제에 읽을 수 있습니다 :

Is it correct that page elements created by jQuery do not show up in the source code