워드프레스에서 이미지를 삽입하면 그냥 보여줄 뿐, 클릭해서 좀 자세히 보고 싶은데 이미지 삽입 시 미디어로 링크를 걸지 않으면 팝업 따위를 띄울 수 없다.
그래서 functions.php 나 스니펫에 모든 이미지를 라이트박스 형태로 띄우는 소스코드를 추가하여 적용시키면 좋다.
add_filter('the_content', 'add_new_window_and_lightbox_to_images');
function add_new_window_and_lightbox_to_images($content) {
global $post;
$pattern = "/<img(.*?)src=['\"](.*?)['\"](.*?)>/i";
$replacement = '<a href="$2" data-lightbox="image" target="_blank"><img$1src="$2"$3 /></a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}하지만, 이 코드를 적용시키는 것보다 라이트박스 플러그인을 그냥 하나 활성화시키는 게 더 좋다.
Meow Lightbox 를 추천한다. (이 블로그에 적용시킴)
#워드프레스 #이미지팝업 #라이트박스 #소스코드 #function #lightbox
