← 글 목록

모든 이미지를 라이트박스 형태로 팝업 시켜서 보여주기

모요2023-12-30 12:46:28조회 4댓글 0

소스코드 #function #lightbox #라이트박스 #소스코드 #워드프레스 #이미지팝업

워드프레스에서 이미지를 삽입하면 그냥 보여줄 뿐, 클릭해서 좀 자세히 보고 싶은데 이미지 삽입 시 미디어로 링크를 걸지 않으면 팝업 따위를 띄울 수 없다.

그래서 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

로그인 후 좋아요

등록된 댓글이 없습니다.

MOYO

댓글 0