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

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

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

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

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

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

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

[워드프레스] Divi 메뉴가 미디엄처럼 작동하도록 만들기

미디엄(Medium)에서 글을 읽을 때 아래로 스크롤할 때에는 상단의 메뉴(헤더) 부분이 표시되지 않다가 마우스를 위로 스크롤하면 메뉴 부분이 표시됩니다. 미디엄 글을 하나 보면서 테스트해보면 어떻게 작동하는지 보다 잘 이해할 것입니다. 가령 이 미디엄 글에서 마우스를 아래로 스크롤하면 헤더가 표시되지 않지만 글 중간에 위로 이동하기 위해 마우스를 위로 스크롤하면 메뉴 부분이 표시됩니다. Medium처럼 위아래 스크롤에 따라 헤더 숨기기/표시하기에서 미디엄처럼 구현하는 방법이...
Divi 테마에서 스크롤할 때 헤더가 줄어들지 않도록 하는 방법

Divi 테마에서 스크롤할 때 헤더가 줄어들지 않도록 하는 방법

Elegant Themes의 Divi 테마에서 페이지를 아래로 스크롤하면 헤더가 살짝 줄어드는 효과가 적용됩니다. 이런 효과는 다른 테마에서도 흔히 적용되는 것을 목격합니다. 이렇게 마우스를 아래로 스크롤할 때 줄어드는 효과(Shrink)를 없애려면 다음 jQuery 코드를 사용할 수 있습니다. <script> (function(){ // Override the addClass to prevent fixed header class from being added...