Divi에서 사이드바 폭을 1/4에서 1/3로 변경하는 방법

Divi에서 사이드바 폭을 1/4에서 1/3로 변경하는 방법

Divi 테마의 사이드바 폭 변경하기 Elegant Themes의 Divi 테마에서 사이드바의 너비(폭)는 기본적으로 20.875% 이고 왼쪽의 콘텐츠 영역은 79.125%로 설정되어 있습니다. 페이지에서는 사이드바 모듈을 추가하여 1/3 또는 1/4 등의 폭으로 추가할 수 있지만, 기본 페이지/글의 사이드바는 기본값으로 고정되어 있습니다. 경우에 따라 기본 설정 폭이 너무 좁게 보일 수 있습니다. 이 경우 다음 CSS 코드를 추가하여 오른쪽 사이드바의 폭을 변경할 수...
Elegant Themes의 Divi에서 이미지 슬라이더 숏코드를 추가하는 방법

Elegant Themes의 Divi에서 이미지 슬라이더 숏코드를 추가하는 방법

Elegant Themes에서 제공하는 숏코드 Divi 테마를 포함한 모든 Elegant Themes 테마에는 멋진 웹사이트를 빠르게 만드는 데 도움이 되는 숏코드를 비롯한 다양한 기능이 제공됩니다. Elegant Themes에는 자체 숏코드가 내장하여 글(포스트)을 작성할 때 다양한 효과를 쉽게 추가할 수 있습니다. 참고로 Elegant Themes의 테마를 사용하는 경우 숏코드가 기본적으로 내장되어 있고, Elegant Themes를 사용하지 않는 경우 ET...
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 모듈을 사용하여 이미지와 동영상을 사용하여...
Elegant Themes의 Divi에서 메가 메뉴 만들기

Elegant Themes의 Divi에서 메가 메뉴 만들기

Divi에서 메가 메뉴(Mega Menu) 만들기 Avada, Enfold, Newspaper 등 일부 유료 테마에 메가 메뉴 기능이 내장되어 있어 메뉴 항목을 클릭했을 때 메뉴가 모두 표시되도록 만들어지는 메가 메뉴를 구현할 수 있습니다. Elegant Themes의 Divi에서도 간단히 메가 메뉴를 만들 수 있습니다. Divi에서 메뉴 메뉴를 만드는 과정을 간략히 정리해보면 다음과 같습니다: 외모 > 메뉴로 이동합니다. 오른쪽 맨 위에 있는 “화면...