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에서는 자체적으로 제공하는 후크(액션)를 사용하여 쉽게 업데이트 날짜를 추가할 수...
Elegant Themes Divi 리뉴얼

Elegant Themes Divi 리뉴얼

늦었지만 2017년 새해 복 많이 받으시기 바랍니다. 지난 한 해 동안 이 블로그를 이용해주신 모든 분께 감사의 말씀을 드립니다. 2017년에는 한층 업그레이드된 정보를 제공하기 위해 노력하겠습니다. 신년을 맞이하여 블로그의 테마를 Enfold에서 Elegant Themes의 Divi로 변경했습니다. 사실 이전 테마에 대해 딱히 불만이 있었던 것이 아니었지만 몇 달 전부터 고려해왔던 Divi로 과감히 바꾸어보았습니다. Divi를 몇 개월 동안 조금씩 만져보면서 여러 가지를...
[워드프레스] Divi 테마에서 javascript / jQuery 삽입하기

[워드프레스] Divi 테마에서 javascript / jQuery 삽입하기

워드프레스에서 js 스크립트를 로드하려면 wp_enqueue_script() 함수를 사용하여 enqueue해주어야 합니다. “워드프레스에서 js 스크립트 파일과 스타일시트를 올바르게 로드하는 방법” 글에서 자세한 내용을 살펴볼 수 있습니다. Elegant Themes의 Divi 테마에서는 테마 옵션에서 곧바로 javascript/jQuery를 추가할 수 있는 옵션을 제공합니다. js 스크립트를 추가하려면 Divi > 테마 옵션을 클릭하고 통합 탭을...
무료 Photography Homepage Divi 레이아웃 팩 공개

무료 Photography Homepage Divi 레이아웃 팩 공개

Elegant Themes에서 사진작가를 위한 새로운 Divi 레이아웃 팩인 무료 Photography Homepage Divi Layout Pack을 공개했습니다. Elegant Themes 블로그에서 다운로드가 가능하며 파일을 다운로드하여 압축을 해제하면 여러 개의 파일이 있습니다. 그 중에서 “all-photography-homepage-layout-pack.json” 파일을 가져오기하면 모든 레이아웃이 로드됩니다. 가져오기 방법은 워드프레스 관리자...