이 블로그에서는 WordPress Lightbox의 중요성과 이를 구현하는 절차에 대해 설명합니다.
WordPress의 라이트박스란 무엇입니까?
라이트박스는 게시물/페이지에 표시되는 팝업 창에 해당하며 더 작은 이미지를 전체 크기로 표시합니다. 이는 여러 미디어 항목을 가져오거나 업로드하고 사이트에 배포하는 갤러리 역할을 합니다. 또한 배포 후 미디어를 클릭하면 최대화되어 화면에 선명하게 나타납니다. Lightbox의 가장 일반적인 응용 프로그램은 다음과 같습니다. 블로그의 고품질 이미지 크기를 유지함으로써.
WordPress에서 라이트박스를 구현하는 방법은 무엇입니까?
LightBox는 다양한 플러그인의 도움으로 구현/적용될 수 있습니다. 이 경우 “ 반응형 라이트박스 및 갤러리 ” 플러그인이 사용됩니다.
WordPress에서 라이트박스를 구현하려면 다음 단계를 활용하세요.
1단계: 플러그인 설치
우선, '를 설치하십시오. 반응형 라이트박스 및 갤러리 ” 플러그인 “ 플러그인->새로 추가 ':
설치 및 활성화가 완료되면 ' 투어 시작 ” 버튼을 눌러 플러그인 활용을 시작하세요.
2단계: 이미지 추가
이제 '에서 새 갤러리를 추가하세요. 갤러리->새로 추가 ':
그런 다음 갤러리에 맞춤 이름을 지정하고 ' 미디어 라이브러리 ' 옵션 및 트리거 ' 이미지 선택 ”를 클릭하여 새 이미지를 업로드하거나 “미디어 라이브러리”에서 기존 이미지를 추가합니다.
여기에서 활용할 이미지를 표시하고 강조 표시된 버튼을 누르십시오.
3단계: 업로드된 이미지 편집
대신 이미지를 편집하거나 삭제하려면 대상 이미지 위로 마우스를 가져가서 다음과 같이 새 옵션을 표시하십시오.
여기서는 '를 클릭하면 다음과 같이 시각화될 수 있습니다. 이미지 편집 ” 옵션을 선택하면 대체 텍스트, 제목, 캡션, 설명 등 다양한 편집 옵션이 나타나며 이에 따라 채울 수 있습니다. 편집한 후 '를 누르세요. 변경 사항을 저장하다 ' 버튼:
라이트박스 사용자 정의
라이트박스를 사용자 정의하기 위해 각 탭에는 전용 기능이 할당되어 있습니다. 이러한 탭은 개별적으로 설명됩니다.
구성(구성) 탭: 이 탭에서는 갤러리 스타일을 선택할 수 있습니다. 여기에는 갤러리 구성을 위한 라디오 버튼으로 명시된 네 가지 옵션이 포함되어 있습니다.
디자인 탭: 여기에는 각각 썸네일, 제목, 배경 및 테두리를 수정하기 위한 여러 옵션이 포함되어 있습니다.
페이징 탭: 이 탭을 사용하면 개발자는 페이지 매김을 활성화하고 유형, 위치 등을 지정할 수 있습니다.
라이트박스 탭: 여기서 제목 및 캡션 설정과 함께 이미지 크기를 조정할 수 있습니다.
기타 탭: “를 추가할 수 있습니다. 갤러리 설명 ' 그리고 ' 사용자 정의 클래스 ' 등.:
WordPress 페이지/게시물에 라이트박스 추가
갤러리를 디자인한 후 게시물이나 페이지를 라이트박스로 추가할 수도 있습니다. 이렇게 하려면 아래 단계에 따라 단축 코드를 대상 게시물/페이지의 편집 화면에 붙여넣으세요.
1단계: 모든 갤러리로 이동
로 전환 ' 갤러리 > 모든 갤러리 '를 입력하고 '에서 단축 코드를 복사합니다. 짧은 코드 ' 열:
2단계: 코드 붙여넣기
여기서는 라이트박스를 사용하여 수정할 페이지(이 경우) 또는 게시물을 열고 아래 지정된 대로 단축 코드를 텍스트 편집기 블록에 직접 붙여넣습니다.
최종 웹사이트 모습
다음은 홈 페이지에 라이트박스 이미지를 구현한 후 웹사이트의 최종 모습입니다.
이러한 이미지를 클릭하면 다른 기능을 포함하지 않고 전체 크기의 회전판 역할을 합니다.
결론
ㅏ ' 라이트박스 '는 여러 미디어 항목을 가져와서 사이트에 배포하는 갤러리 역할을 하는 팝업 창에 해당합니다. 다양한 플러그인의 도움으로 적용할 수 있습니다. 또한 대상 이미지에 적용할 수 있고 최종적으로 사이트 기능과 통합될 수 있는 여러 사용자 정의 옵션으로 구성됩니다. 이 글에서는 ' 라이트박스 ”와 이를 구현하는 방법론을 설명합니다.