워드프레스 일기의 아바다 테마 97

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

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

아바다 테마는 현재 57만 개 이상 판매된 베스트셀링 워드프레스 테마로서 많은 테마 옵션을 제공하여 코딩 지식이 없는 초보자도 테마 옵션 설정과 아바다 테마의 페이지 빌더인 Fusion Builder(Avada Builder로 명칭이 변경됨)를 사용하여 비교적 수월하게 전문적인 사이트를 만들 수 있습니다. 아바다 테마에서 오픈 그래프 태그 중복 문제 Avada 테마와 함께 Yoast SEO, All in One SEO Pack, Rank Math, SEOPress 등 SEO 플러그인을 사용할 경우 오픈 그래프 태그가 중복 사용될 수 있습니다. 예를 들어, 아바다 테마와 Yoast SEO 플러그인이 사용된 워드프레스 사이트에서 페이지 소스를 살펴보면 다음과 같이 오픈 그래프 (open graph) 태그가 ..

베스트셀링 워드프레스 테마인 아바다 (Avada) 테마는 많은 테마 옵션을 제공하므로 코딩 지식이 없는 초보 사용자도 쉽게 사이트를 만들 수 있습니다. 다만, 테마 옵션에 어떤 옵션이 있는지는 파악할 필요가 있습니다. 이 글에서는 아바다 테마의 헤더에 전화번호 등의 정보를 표시하는 방법에 대해 살펴보겠습니다. 워드프레스 아바다 테마 헤더에 전화번호 정보를 표시하는 방법 아바다 테마에서는 헤더에 위의 그림과 같이 전화번호와 이메일 주소를 표시할 수 있습니다. 워드프레스 알림판 > Avada > Options > Header > Header Content에서 연락처 정보를 표시하도록 설정할 수 있습니다. 먼저 헤더 레이아웃을 선택해야 합니다. 헤더 상단에 연락처 정보를 표시하려면 Top Header를 표시하..

아바다, 엔폴드 등 일부 워드프레스 유료 테마에는 유료 플러그인이 번들로 제공되는 경우가 있습니다. 예를 들어, 아바다 (Avada) 테마에는 Convert Plus, Advanced Custom Filelds PRO, LayerSlider WP, Slider Revolution 등의 프리미엄 플러그인이 포함되어 있습니다. 워드프레스 유료 테마에 포함된 프리미엄 플러그인의 업데이트 이러한 플러그인은 최종 사용자에게는 라이선스 없이 제공됩니다. Slider Revolution의 경우 플러그인 목록 페이지에 다음과 같이 프리미엄 혜택(예: 라이브 업데이트)을 위해 Slider Revolution을 활성화(인증)하라는 메시지가 표시됩니다. 또한, 유료 테마에 포함된 유료 플러그인은 최신 버전이 아닐 수도 있습..

베스트셀링 워드프레스 테마인 아바다(Avada) 테마의 데모에는 Contact Form 7 플러그인을 이용한 컨택트(Contact) 페이지가 포함되어 있습니다. 예를 들어, 아바다 테마의 Movers 데모에는 다음과 같은 레이아웃의 컨택트 페이지가 있습니다. 데모를 설치한 후에 문의 페이지에서 폼을 작성하고 제출(SEND)을 클릭하면 다음과 같이 "There was an error trying to send your message. Please try again later." 오류가 발생할 수 있습니다. 이 오류가 발생하는 이유는 컨택트 폼에서 필요한 설정을 하지 않았기 때문입니다. 예를 들어, 보내는 사람 이메일 주소, 받는 사람 이메일 주소, 컨택트 폼의 제목 등을 지정해야 합니다. 만약 'Conta..

워드프레스 Enfold 테마는 우리나라에서 많이 사용되는 인기 테마 중 하나입니다. 비교적 깔끔하고 속도면에서도 괜찮아서 개인적으로 선호하는 테마 중 하나입니다. 엔폴드 테마에서 로고를 변경하고 싶은 경우, 워드프레스 알림판 > Enfold > Theme Options에서 쉽게 로고를 원하는 것으로 교체할 수 있습니다. 로고 이미지를 업로드하거나 이미 업로드된 경우 이미지의 URL이나 ID를 입력할 수 있습니다. 이 필드를 비워두면 테마의 기본 로고가 적용됩니다. 로고 크기: 340px * 156px (로고가 이 보다 큰 경우 Header Settings에서 헤더 크기를 변경해야 할 수 있습니다.) 로고를 추가한 후에 로고가 위로 붙어서 보기가 싫은 경우 다음과 비슷한 CSS 코드를 적용하여 로고가 중간..

워드프레스 베스트셀링인 아바다 테마에서는 헤더와 푸터에 소셜 아이콘을 배치할 수 있습니다. 아바다에서 제공하는 데모를 설치하면 푸터에 소셜 아이콘이 표시될 수 있습니다. 워드프레스 아바다 테마의 푸터 영역에 소셜 아이콘 활성화/비활성화하기 푸터에 표시되는 소셜 아이콘을 제거하고 싶거나 스타일을 변경하고 싶은 경우가 있습니다. 아바다 테마의 푸터 영역에 표시되는 소셜 아이콘은 워드프레스 알림판 > Avada > Theme Options > Social Media > Footer Social Icons Styling(푸터 소셜 아이콘 스타일)에서 설정할 수 있습니다. 푸터에서 SNS 아이콘을 없애고 싶은 경우 Display Social Icons In The Footer(푸터에 소셜 아이콘 표시) 옵션을 O..

워드프레스 베스트셀링 테마인 아바다(Avada)에서 Code Block 요소를 이용하면 워드프레스에서 포맷을 변경하지 않고 페이지에 HTML, 자바스트립트 또는 CSS 코드를 추가할 수 있습니다. 특정 페이지에 커스텀 코드를 추가할 때 유용합니다. 워드프레스 아바다 테마에 HTML 코드를 추가하는 방법 Element 선택 화면에서 Code Block을 선택하면 Code Block 요소가 선택한 컨테이너(Container)에 추가됩니다. 다음과 같이 javascript 코드도 추가가 가능합니다. 내에 형식으로 추가했지만 커스텀 CSS 코드는 외모 > 사용자 정의하기 > 추가 CSS에 추가하거나 차일드 테마 내의 스타일시트에 추가하시기 바랍니다. 또한, 자바스크립트는 워드프레스에서 js 스크립트 파일과 스타..

워드프레스 베스트셀링 테마인 아바다(Avada)에서는 다양한 테마 옵션을 제공합니다. 많은 테마 옵션 중에서 헤더/메뉴 부분을 투명하게 설정하는 방법을 살펴보겠습니다.헤더를 투명하게 설정하면 그림과 같이 메뉴와 로고를 포함한 헤더 부분이 투명하게 표시됩니다.글로벌 데스크톱 헤더 배경색 및 투명도 설정워드프레스 알림판 > Avada > Theme Options > Header > Header Styling로 이동합니다.그런 다음 "Header Background Color" 옵션 부분을 찾습니다.Select Color를 누르면 배경색과 투명도를 선택/조정할 수 있도록 다음과 같은 화면이 표시됩니다.헤더 배경색을 선택하고 오른쪽의 불투명도를 조정하는 막대로 투명도를 조정합니다. 맨 오른쪽의 막대를 맨 아래로..