라이트 박스 플러그인으로 마크 업 유효성 검사 문제를 해결하는 방법

WordPress 블로거 : Always Valid Lightbox 모드 플러그인으로 마크 업 유효성 검사 문제 수정

답장을 남겨주세요

여기 Winaero와 다른 프로젝트의 경우 블로그 게시물에 삽입 된 이미지에 멋진 효과를 사용하는 것을 선호합니다. 그만큼 라이트 박스 효과 는 잘 알려진대로 WordPress 용 여러 플러그인에서 제공합니다. 한번은 WordPress 블로그의 테마를 변경하고 w3c 유효성 검사기 ,하지만 이전 라이트 박스 플러그인에서 제공 한 HTML 마크 업이 올바르지 않고 유효하지 않습니다. 나는 문제를 해결하기로 결정했고 그때 나는 ' 항상 유효한 라이트 박스 '플러그인은 유효한 마크 업을 생성합니다. 나는 그것에 몇 가지 문제가 있음을 알 때까지 거의 완전히 만족했습니다.

Android Chrome에서 팝업 중지

첫 번째 문제는 잘못된 이미지 캡션이었습니다. 항상 유효한 라이트 박스 플러그인은 항상 이미지 캡션 , 내 이미지에 거의 사용하지 않습니다. 캡션이 설정되어 있지 않으면 라이트 박스에 아무것도 표시되지 않습니다. 대신 나는 'alt'속성 텍스트 플러그인이 표시되지 않았습니다.

두 번째 문제는 이상한 이미지 크기 조정이었습니다. 최근에 내 ' Yahoo!에서 탭을 다시 가져 오는 방법 우편 ' 우편. 다음 이미지가 있습니다.

게시물의 이미지

그 이미지를 클릭했을 때 다음과 같은 라이트 박스가 생겼습니다.

윈도우 10 윈도우 7 테마

크기 조정 된 이미지 그래서 플러그인을 포크하기로 결정했습니다. 크기 조정 코드를 변경하고 캡션이 설정되지 않은 경우 플러그인이 'alt'속성을 참조하도록했습니다. 결과는 다음과 같습니다.

수정 된 결과 보시다시피 이미지 아래에 텍스트 설명도 표시됩니다. 또한 외부 jQuery 라이브러리의 로딩을 제거했습니다. WordPress에는 이미 jQuery가 내장되어 있습니다. 그래서 이제 나는 플러그인의 모드에 완전히 만족합니다. 내 버전을 호출하기로 결정했습니다. 항상 유효한 라이트 박스 모드.