Divi용 풀스크린 오버레이 플러그인 – Divi Overlays

Divi용 풀스크린 오버레이 플러그인 – Divi Overlays

워드프레스에서는 다양한 무료 및 유료 팝업 플러그인이 있습니다. 팝업 플러그인이 필요한 경우 적절한 플러그인을 사용해볼 수 있습니다. 이 블로그에 다양한 팝업 플러그인이 소개되어 있으니 다음 글을 참고해보시기 바랍니다. ConvertPlug – 워드프레스 팝업 플러그인 다중 레이어 팝업 플러그인 여러 개의 팝업창을 띄울 수 있는 워드프레스 팝업 플러그인 팝업 로그인 플러그인 – Modal Login Plugin 워드프레스 팝업 플러그인 – ITRO Popup...
Divi 테마의 메가 메뉴에 햄버거 아이콘 추가하기

Divi 테마의 메가 메뉴에 햄버거 아이콘 추가하기

웹사이트에서 주로 모바일 메뉴에 사용되는 세 줄 모양의 아이콘을 햄버거(Hamburger) 아이콘이라고 합니다. Elegant Themes의 Divi 테마에서는 모바일에서 메뉴 메뉴를 토글할 때 이 햄버거 아이콘이 사용됩니다. 그리고 “slide in”, “fullscreen” 같은 일부 헤더 스타일에도 사용됩니다. 햄버거 아이콘 적용 전과 적용 후 비교 기본적으로 메가 메뉴(Mega Menu)는 메인 상위(부모) 메뉴 링크에...
Divi 테마에서 전체 폭으로 동영상 배경을 추가하는 방법

Divi 테마에서 전체 폭으로 동영상 배경을 추가하는 방법

Divi 테마에서 전체 폭(Fullwidth)으로 동영상 배경을 추가하는 방법 Divi 테마에서는 다양한 방법으로 동영상을 추가할 수 있는 옵션을 제공합니다. 전체 폭으로 동영상을 배경(백그라운드)에 추가하는 방법으로 두 가지를 생각해볼 수 있습니다. 하나는 Slider 모듈을 사용하는 것이고 다른 하나는 섹션에 동영상을 배경으로 추가하는 방법입니다. Slider 모듈을 사용하여 동영상 배경 추가하기 Divi에서 제공하는 Slider 모듈을 사용하여 이미지와 동영상을 사용하여...
Divi 테마에서 숫자로 된 페이지 매김 내비게이션 사용하기

Divi 테마에서 숫자로 된 페이지 매김 내비게이션 사용하기

Elegant Themes의 Divi 테마에서 블로그 모듈이나 최신 글, 카테고리 등의 페이지 매김이 다음 그림과 같이 “과거 입력사항“, “다음 입력사항“처럼 표시됩니다. 별로 마음에 드는 페이지 매김(Pagination) 형식은 아니네요. 이 페이지 매김 형식을 숫자로 바꾸고 싶은 경우에는 직접 코드를 만들어 추가하거나 플러그인을 사용할 수 있습니다. WP-PageNavi 플러그인을 사용하여 페이지 숫자 내비게이션 사용하기 가장...
Divi에서 동일한 컬럼 높이 대신 모듈 높이를 동일하게 설정하는 방법

Divi에서 동일한 컬럼 높이 대신 모듈 높이를 동일하게 설정하는 방법

Elegant Themes의 Divi에는 Row Settings에 컬럼 높이를 동일하게 설정하는 옵션이 제공됩니다. 위와 같이 한글 버전에서는 행 모듈 설정 > 고급 디자인설정에서 “열의 높이 균둥화” 옵션을 “네“로 설정하면 됩니다(한글 번역에 이상한 부분이 있습니다). 하지만 투명한 백그라운드 등과 같이 모듈에 적용되는 일부 특수한 디자인은 모듈에 적용될 수 없고 컬럼에 적용 가능합니다. 이런 경우 문제가 될 수 있습니다....
[워드프레스] Divi 테마와 차일드 테마

[워드프레스] Divi 테마와 차일드 테마

들어가며 Themeforest나 다른 곳에서 유료 테마를 구입하거나 무료 테마를 다운로드하여 워드프레스 사이트에 적용할 수 있습니다. 그리고 대부분의 유료 테마에서는 데모 컨텐츠를 제공하여 사전 구성된 레이아웃을 적용하는 것이 가능합니다. Elegant Themes의 Divi 테마에서는 사전 정의된 레이아웃을 Divi 빌더에서 로드하여 사용할 수 있습니다. 다른 테마의 경우 데모를 여러 개 적용할 수 없지만 Divi에서는 여러 개의 사전 정의된 레이아웃을 동시에 적용하는 것도...