아바다 테마 85

아바다 테마 오픈 그래프 태그 중복 문제 해결하기

아바다 테마는 현재 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 테마는 우리나라에서 많이 사용되는 인기 테마 중 하나입니다. 비교적 깔끔하고 속도면에서도 괜찮아서 개인적으로 선호하는 테마 중 하나입니다. 엔폴드 테마에서 로고를 변경하고 싶은 경우, 워드프레스 알림판 > 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..

워드프레스 아바다 테마에 HTML 코드를 추가하는 방법

워드프레스 베스트셀링 테마인 아바다(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를 누르면 배경색과 투명도를 선택/조정할 수 있도록 다음과 같은 화면이 표시됩니다. 헤더 배경색을 선택하고 오른쪽의 불투명도를 조정하는 막대로 투명도를 조정합니다. 맨 오른쪽의 막대를..

워드프레스 댓글 폼에서 'Save my name, email...' 체크박스를 제거하는 방법

워드프레스 댓글 폼에 'Save my name, email, and website in this browser for the next time I comment' 체크박스가 표시됩니다. 이 체크박스는 유럽 개인정보보호법인 GDPR을 준수하기 위해 워드프레스 4.9.6부터 추가되었습니다. GDPR의 적용을 받지 않는 사이트라면 이 필드를 제거해도 무방합니다. 이 필드가 표시되지 않도록 하려면 다음 코드를 사용 중인 워드프레스 테마의 함수 파일(functions.php)에 추가하면 됩니다.add_filter( 'comment_form_default_fields', 'tu_comment_form_hide_cookies_consent' ); function tu_comment_form_hide_cookies_c..

워드프레스 2019.04.05

워드프레스 아바다 테마에서 메타 데이터 위치 변경하기 (테마 옵션 검색)

아바다 테마에서 글을 작성할 경우 글쓴이, 날짜, 카테고리, 댓글 개수 등과 같은 메타 데이터가 글 하단에 표시되는 경우가 있습니다. 이 티스토리 블로그처럼 글 상단의 제목 아래에 표시되는 것이 일반적인 것 같습니다. Avada 테마에서 메타 정보의 위치를 변경하고 싶은 경우 다음과 같은 방법으로 가능합니다. 워드프레스 관리자 페이지에서 Avada > Theme Options > Blog >Blog Single Post로 이동합니다. 위와 같은 그림이 표시되면 Meta Data Position 섹션으로 이동하여 원하는 옵션을 선택합니다. 두 가지 옵션 중에서 선택할 수 있습니다. Below Article - 글 본문 하단에 표시됩니다. Below Title - 글 상단의 글 제목 바로 아래에 표시됩니다...