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

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

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

[워드프레스] Divi 테마에서 업데이트 날짜 표시하기

워드프레스에서 게시글을 발행하면 보통 작성일만 표시됩니다. 하지만 정보란 것이 시간에 따라 중요성이 달리 평가될 수 있습니다. 만약 글이 최초 작성된 이후에 수정된 경우에 업데이트 날짜를 표시하고 싶을 수 있습니다. 현재 이 블로그에는 개별 글이 로드될 때마다 수정 날짜와 작성 날짜를 비교하여 수정된 경우 수정 날짜를 별도로 표시하도록 코드를 넣었습니다. Elegant Themes의 Divi에서는 자체적으로 제공하는 후크(액션)를 사용하여 쉽게 업데이트 날짜를 추가할 수...
Divi 테마에서 여백과 Gutter를 효과적으로 활용하는 방법

Divi 테마에서 여백과 Gutter를 효과적으로 활용하는 방법

요즘은 Elegant Themes의 Divi 테마를 가지고 개인 사이트를 만들고 있습니다. Divi 테마로 비교적 심플한 레이아웃의 블로그는 별다른 기술 없이 쉽게 구축이 가능한 것 같습니다. 하지만 다른 모든 분야와 마찬가지로 정교한 기능이나 레이아웃을 원하는 대로 구현하려면 아무래도 어느 정도의 학습 과정(Learning Curve)이 필요할 것입니다. 이 글은 Elegant Themes의 Blog에 올라온 “5 Creative Ways to Use Divi’s...
[워드프레스] Divi 테마에서 카운트다운 타이머 모듈 사용하기

[워드프레스] Divi 테마에서 카운트다운 타이머 모듈 사용하기

Elegant Themes의 Divi 테마에서 카운트다운 타이머 모듈을 사용하여 세련된 카운트다운 페이지를 만드는 방법입니다. 위의 영상을 따라서 만들어보았습니다. Divi 빌더 내에서는 실제와 조금 다르게 나오네요. 아래는 위 영상을 보고 제가 만든 것입니다. 괜찮은 그림을 사용하고 한글화 부분만 조금 수정하면 깔끔하게 Coming Soon 페이지를 만들 수 있을 것 같습니다.   만드는 방법을 동영상을 보면서 대강 정리해보았습니다. 먼저 배경 이미지를 준비합니다....