아바다 테마 85

아바다 테마와 엘리멘터를 함께 사용해도 될까?

인기 테마에는 자체 페이지 빌더가 탑재되는 경우가 많습니다. 페이지 빌더는 사이트 속도에 부정적인 영향을 미칠 수 있으므로 가능한 경우에는 사용하지 않는 것이 바람직할 수 있지만, (아바다 테마나 엔폴드, 뉴스페이퍼 등에 탑재된) 페이지 빌더를 사용하면 코딩 지식이 없어도 전문적인 사이트를 만들 수 있다는 장점이 있습니다. 최근 들어서는 엘리멘터 페이지 빌더가 많이 사용됩니다. 그러면 아바다 테마와 엘리멘토 페이지 빌더를 동시에 사용해도 될까요? [참고*아래에서는 아바다 테마와 엘리멘터 페이지 빌더에 대하여 다루었지만, 뉴스페이퍼 테마와 엘리멘터, 엔폴드 테마와 엘리멘터 혹은 Divi 테마와 엘리멘터를 동시에 사용하려는 경우에도 마찬가지로 적용됩니다.*] 아바다 테마와 엘리멘터를 함께 사용해도 될까? A..

워드프레스 아바다 테마 탭 기능 (Tabs)

대부분의 페이지 빌더에서는 탭 기능을 제공합니다. 무료 페이지 빌더인 엘리멘터에서도 탭 기능이 제공됩니다. 이 글에서는 아바다 테마에 탑재된 Avada Builder에서 제공하는 탭 (Tabs) 기능과 Elementor 페이지 빌더에서 제공하는 탭 요소에 대해 간략히 살펴보도록 하겠습니다. 워드프레스 아바다 테마 탭 기능 (Tabs) 위의 영상과 메뉴 형식의 탭을 클릭하면 각기 다른 콘텐츠가 표시되도록 만들고 싶은 경우가 있습니다. 워드프레스에서는 페이지 빌더를 사용하는 경우 탭(tab) 요소를 사용하여 쉽게 구현할 수 있습니다. 위의 그림은 워드프레스 베스트셀링 테마인 Avada 테마의 클래식 데모에 포함된 About 페이지에 포함된 탭 형식의 콘텐츠를 보여줍니다. 아바다 테마의 아바다 빌더에서는 다음..

아바다 테마: 포스트 날짜 표시 오류 수정 방법

베스트셀링 워드프레스 테마인 아바다 테마의 글에 포스트 발행 날짜를 표시할 경우 그림과 같이 어색하게 날짜가 표시될 수 있습니다. 아래에서는 "9월 1, 2020"처럼 우리나라에서 사용되지 않는 날짜 형식으로 포스트 날짜가 표시되고 있습니다. 아바다 테마: 포스트 날짜 표시 오류 아바바 테마 옵션 확인 Avada 테마에서 포스트 날짜가 이상하게 표시되면 먼저 아바다 테마 옵션에서 포스트(글)의 날짜 형식을 체크해보시기 바랍니다. 알림판에서 Avada > Options > 블로그 > 블로그 메타를 클릭합니다. 맨 아래의 "날짜 포맷"을 "Y년 F j일"로 설정합니다. 아바다 테마 레이아웃 섹션 수정하기 위의 방법으로 문제가 해결되지 않으면 아바다 테마에서 최근 도입된 Layouts의 포스트 레이아웃 섹션에..

워드프레스 아바다 테마 CSS 코드 추가하기

워드프레스에서는 여러 가지 방법으로 사용자 정의 CSS 코드를 추가할 수 있습니다. 차일드 테마를 사용하는 경우 차일드 테마 폴더 아래의 스타일시트 파일(style.css)에 추가하거나 테마 디자인 > 사용자 정의하기 아래에서 CSS 코드를 추가할 수 있습니다. 아바다 (Avada), 엔폴드 (Enfold) 등 일부 테마에서는 테마 옵션에서 사용자 정의 CSS를 추가할 수 있는 옵션을 제공합니다. 워드프레스 아바다 테마 CSS 코드 추가하기 워드프레스 베스트셀링 테마 중 하나인 Avada 테마에서는 1) 차일드 테마 내의 스타일시트 파일에 CSS 코드를 추가하거나 2) 테마 디자인 > 사용자 정의하기 > 추가 CSS에 CSS 코드를 추가하는 방법 외에 아바다 테마 내의 테마 옵션에서도 커스텀 CSS 코드..

스크롤 시 푸터를 하단에 유지하는 방법 (fixed 아님)

워드프레스 인기 테마 중 하나인 OceanWP에서 본문의 콘텐츠가 적으면 하단의 푸터가 본문 바로 아래에 위치하여 브라우저에서 볼 때 푸터 아래에 여백이 있어 보기가 좋지 않습니다. 본문 콘텐츠 길이가 매우 짧더라도 푸터는 하단에 유지되도록 하는 것이 보기에 좋을 수 있습니다. 일부 테마에서는 본문 콘텐츠가 짧아도 푸터가 하단에 유지됩니다. 베스트셀링 테마인 아바다 (Avada) 테마의 경우 확인해보니 본문 콘텐츠 길이가 짧으면 OceanWP와 비슷한 현상이 발생하는 것 같습니다. 아래 그림가 같이 푸터 아래에 여백이 생깁니다. 스크롤 시 푸터를 하단에 유지하는 방법 (fixed 아님) 콘텐츠 길이가 짧더라도 푸터가 하단에 유지되도록 하거나 스크롤 시에 푸터가 위로 따라 올라오는 경우 CSS를 사용하여 ..

워드프레스 아바다 테마 로고 링크 URL 변경하기

워드프레스 사이트에서 로고를 클릭하면 보통 사이트의 전면 페이지(홈)가 로드됩니다. 상황에 따라 로고를 클릭했을 때 다른 URL로 이동시키기를 원할 수도 있습니다. 워드프레스(WordPress) 베스트셀링 테마인 아바다 (Avada) 테마에서 로고를 클릭했을 때 사이트의 홈이 아닌 다른 URL로 이동하는 방법에 대해 살펴보겠습니다. 워드프레스 아바다 테마 로고 링크 URL 변경하기 Avada 테마를 사용하는 경우 쉽게 로고 링크 URL을 변경할 수 있습니다. 워드프레스 관리자 페이지에서 Avada > Options > 로고 (Logo)를 클릭합니다. 아바다 테마가 업데이트되면서 인터페이스가 조금 세련되게 바뀌었습니다. 그리고 Theme Options가 그냥 Options로 바뀌었고, 플러그인 이름도 Fu..

워드프레스 아바다 테마 관련 글 표시하기 (Avada)

일부 워드프레스 테마에는 개별 포스트 하단에 관련 글을 표시하는 옵션을 제공합니다. 베스트셀링 테마인 아바다 테마에도 테마 옵션 내에서 관련 글 표시 여부를 설정할 수 있는 옵션이 제공됩니다. Avada 테마는 많은 테마 옵션이 제공되어 처음 접하는 경우 조금 혼란스러울 수 있지만 부분적이지만 인터페이스가 한국어로 번역되어 있어 조금만 다루어보면 쉽게 적응할 수 있을 것입니다. 워드프레스 아바다 테마 관련 글 표시하기 아바다 테마의 현재 최신 버전은 7.0.2이며 인터페이스가 이전 버전에 비해 세련되게 바뀐 것 같습니다. 테마 옵션은 Avada > Options 아래에 있습니다. 메뉴는 대부분 번역이 되었지만 세부적인 항목은 영어로 남겨져 있습니다. 블로그와 관련해서는 블로그 메뉴 아래에 General ..

워드프레스 엔폴드 테마 푸터 저작권 섹션 설정 ('Enfold Theme by Kriesi' 제거)

워드프레스 인기 테마 중 하나인 Enfold (엔폴드) 테마의 푸터에는 기본적으로 'Enfold Theme by Kriesi' 또는 'Enfold WordPress Theme by Kriesi' 저작권 문구가 표시됩니다. 이 글에서는 엔폴드 테마 푸터의 저작권 (Copyright) 섹션을 설정하는 방법에 대해 살펴보겠습니다. 워드프레스 엔폴드 테마 푸터 'Enfold Theme by Kriesi' 제거하기 다음은 Enfold 테마의 GYM 데모를 설치했을 때 하단에 표시되는 카피라이트 (Copyright) 문구입니다. 기본적으로 © Copyright - [사이트명] - Enfold Theme by Kriesi 형식으로 푸터에 저작권 문구가 표시됩니다. 일반적으로 Enfold Theme by Kriesi는..

아바다 테마 헤더의 전화번호와 이메일 주소 변경하는 방법

워드프레스 베스트셀링 테마인 아바다 (Avada)에서 헤더를 상단뿐만 아니라 왼쪽 또는 오른쪽에 배치하는 것이 가능합니다. 헤더를 좌우로 설정할 경우 전화번호와 이메일 주소 등의 콘텐츠를 추가할 수 있습니다. 헤더에 표시되는 전화번호와 이메일 주소를 변경하고 싶은 경우 테마 옵션 내에서 변경이 가능합니다. 목차 아바다 테마의 헤더 위치 아바다 테마에서는 헤더 위치를 Top (상단), Left (왼쪽), Right (오른쪽) 중에서 설정할 수 있습니다. 기본적으로 상단으로 설정되어 있습니다. Header Position(헤더 위치)를 Top으로 설정하면 7가지 스타일을 헤더 레이아웃을 선택할 수 있습니다. 일부 헤더 레이아웃에서는 전화번호와 이메일 주소 등의 연락처 정보를 표시할 수 있습니다. 그리고 헤더..

Divi 테마: 무료 'Model CV Layout Pack' (모델 자기소개 레이아웃 팩) 다운로드

워드프레스 인기 테마 중 하나인 Divi 테마를 개발한 Elegant Themes는 현재 65만 명 정도의 고객을 보유하고 있습니다. Themeforest 마켓에서 베스트셀링 테마인 아바다 (Avada)가 현재 58만 개 정도 판매되었으니, 판매 개수만 보면 Divi 테마가 더 많이 판매되었습니다. 아바다 테마는 코딩 지식을 몰라도 쉽게 사용할 수 있도록 많은 기능을 테마 옵션을 제공합니다. 그러므로 초보자도 쉽게 사용이 가능합니다. 하지만 기능이 많이 탑재되어 있기 때문에 사이트 최적화가 제대로 되지 않으면 사이트 속도가 느려질 수도 있습니다. Divi는 필요한 기능만 포함되어 있기 때문에 가벼운 편이고 커스텀하기에 좋은 테마 같습니다. Divi 테마는 CSS 등을 조금 알면 사용이 편리합니다. (다른..