반응 형 Wordpress 테마 이미지 수정

Question

저는 Wordpress 용 반응 형 테마를 구축 중이며 반응 형 이미지로 인해 문제가 발생했습니다. 문제는 콘텐츠 내부에있는 이미지의 크기를 변경해야한다는 것입니다. 내 논리는 내가 필터를 사용해야한다고 말하지만, 이미지를 대상으로 구체적으로 찾을 수는 없습니다. 첫 번째 생각은 JS lib을 사용하는 것이지만,이 특별한 하나는 크고 작은 이미지의 이름을 얻고 싶습니다. 그리고 내 웹 사이트는 일부 사용자 정의 미디어 크기를 사용하고 있기 때문에, 작은 크기의 이름을 제대로 찾을 방법을 찾지 못했습니다. 영상.

다른 방법은 태그를 IMG에서 너비 및 높이 속성을 제거하기 위해 CSS를

img { 
max-width: 100%; 
} 

그러나 다시 내가해야 할 것은을 사용하는 것입니다.

그래서 기본적으로 두 가지 방법을 통해 콘텐츠를 살펴보고 이미지 태그를 구문 분석 한 다음 새로 생성 된 태그로 바꿉니다.

다른 플러그인 소스에서 파기를 한 결과, the_content를 필터링하고 regex를 사용하여 img 태그를 찾아 새 것으로 바꾼다는 것을 알았습니다.

그래서 나는 이미지가 올바른 방법으로 바뀌지 않도록 전체 콘텐츠를 살펴 보았 기 때문에 올바른 방법으로 만들 솔루션을 찾고 있습니다. 더 좋은 방법이 없다면 누군가 내 작은 문제를 해결하기 위해 코드 (특히 정규식)를 도와주세요. 기본적으로 나는 img 태그를 검색하고 너비와 높이 특성을 제거해야합니다.

Answer 1

쉽게 인라인 img 태그를 무시됩니다 CSS, 그냥

#.. img{ 

height:auto; 
width:100%; 

} 

Answer 2

은 그냥 functions.php이 막대기를 사용하면 (를 통해 추가 썸네일 이미지 나 이미지에는 너비 또는 높이를 갈 좋은해야 나는 웹 개발자가 아니에요하지만 난 브루스 로손은 말 그대로 단지 그가 바로이 주제에 쓰여 블로그 게시물을 트위터에 눈치 편집기)

add_filter('post_thumbnail_html', 'remove_thumbnail_dimensions', 10); 
add_filter('image_send_to_editor', 'remove_thumbnail_dimensions', 10); 

function remove_thumbnail_dimensions($html) { 
$html = preg_replace('/(width|height)=\"\d*\"\s/', "", $html); 
return $html; 
}