Browsing Tag

DIVI 테마

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

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

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

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

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

워드프레스에서 게시글을 발행하면 보통 작성일만 표시됩니다. 하지만 정보란 것이 시간에 따라 중요성이 달리 평가될 수 있습니다. 만약 글이 최초 작성된 이후에 수정된 경우에 업데이트 날짜를 표시하고 싶을 수 있습니다. 현재 이 블로그에는 개별 글이 로드될 때마다 수정 날짜와 작성 날짜를 비교하여 수정된 경우 수정 날짜를 별도로 표시하도록 코드를 넣었습니다. 2018_0422 업데이트: Divi 테마에서…
더 보기...

Elegant Themes Divi 리뉴얼

늦었지만 2017년 새해 복 많이 받으시기 바랍니다. 지난 한 해 동안 이 블로그를 이용해주신 모든 분께 감사의 말씀을 드립니다. 2017년에는 한층 업그레이드된 정보를 제공하기 위해 노력하겠습니다. 신년을 맞이하여 블로그의 테마를 Enfold에서 Elegant Themes의 Divi로 변경했습니다. 사실 이전 테마에 대해 딱히 불만이 있었던 것이 아니었지만 몇 달 전부터 고려해왔던 Divi로 과감히…
더 보기...

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

워드프레스에서 js 스크립트를 로드하려면 wp_enqueue_script() 함수를 사용하여 enqueue해주어야 합니다. "워드프레스에서 js 스크립트 파일과 스타일시트를 올바르게 로드하는 방법" 글에서 자세한 내용을 살펴볼 수 있습니다. Elegant Themes의 Divi 테마에서는 테마 옵션에서 곧바로 javascript/jQuery를 추가할 수 있는 옵션을 제공합니다. js 스크립트를 추가하려면 Divi >…
더 보기...

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

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

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

요즘은 Elegant Themes의 Divi 테마를 가지고 개인 사이트를 만들고 있습니다. Divi 테마로 비교적 심플한 레이아웃의 블로그는 별다른 기술 없이 쉽게 구축이 가능한 것 같습니다. 하지만 다른 모든 분야와 마찬가지로 정교한 기능이나 레이아웃을 원하는 대로 구현하려면 아무래도 어느 정도의 학습 과정(Learning Curve)이 필요할 것입니다. 이 글은 Elegant Themes의 Blog에 올라온 "5…
더 보기...