워드프레스 우커머스 쇼핑몰에서 개별 상품 페이지 하단에 관련 상품을 소개하는 연관 상품 섹션이 있습니다. 연관 상품은 고객들이 흥미를 가질 수 있는 관련 상품들을 제시하여 수익을 증대시킬 수 있습니다. 하지만 경우에 따라 연관 상품을 제거하거나 비활성화하기를 원할 수도 있습니다. 우커머스 연관 상품 제거하기/숨기기/비활성화하기 아바다 테마의 Classic Shop 데모를 설치하면 상품 페이지 하단에 연관 상품들이 표시됩니다. 우커머스 전용 테마인 Flatsome에서도 상품 페이지 하단에 '연관 상품' 섹션이 표시됩니다. 이러한 연관 상품을 제거하거나 숨기고 싶은 경우 여러 가지 방법으로 가능합니다. 커스텀 CSS를 사용하여 연관 상품 숨기기 CSS 코드를 사용하여 연관 상품 섹션을 숨길 수 있습니다. C..

베스트셀링 워드프레스 테마인 아바다 테마는 많은 옵션을 제공하여 코딩에 익숙하지 않은 사용자들도 쉽게 사용할 수 있지만, 세부적으로 커스텀을 원하는 경우 CSS를 사용하면 편리합니다. 다음은 아바다(Avada) 테마의 CSS 미디어 쿼리 디바이스별 해상도 분기점에 대한 정보입니다. 아바다 테마가 적용된 워드프레스 사이트에서 CSS를 사용하여 스타일을 지정하려는 경우 참고해보세요. 워드프레스 아바다 테마 CSS 미디어 쿼리 디바이스별 해상도 분기점 아바다 테마의 기기별 해상도 분기점입니다. /* Extra small devices (phones, 600px and down) */ /* 매우 작은 장치 (폰, 600px 이하) */ @media only screen and (max-width: 600px) ..

베스트셀링 워드프레스 테마인 아바다 테마에서 동영상을 삽입하려는 경우 YouTube와 Vimeo 엘리먼트를 사용하여 유튜브와 비메오 동영상을 삽입할 수 있습니다. 다른 방법으로 동영상 파일을 직접 서버에 업로드하여 삽입하는 것도 가능합니다. 동영상을 서버에 업로드하여 삽입할 경우 다운로드 버튼이 표시됩니다. 아바다 테마에서 동영상을 업로드하여 삽입할 때 비디오 다운로드 버튼을 제거하고 싶은 경우 아래의 방법으로 제거가 가능합니다. 워드프레스 아바다 테마 비디오 다운로드 버튼 제거하기 [참고*워드프레스 사이트에 동영상을 삽입하려는 경우 서버나 웹호스팅 서버에 동영상을 업로드하여 삽입하는 것은 트래픽 문제 때문에 그다지 바람직하지 않을 수 있습니다. 많은 트래픽을 감당할 수 있다면 직접 서버에 동영상 파일을..

빈번하게 받는 질문 중 하나가 글자 크기를 줄이거나 키우는 방법에 대한 것입니다. 워드프레스에서는 상황에 따라 다양한 방법으로 글자 크기를 줄이거나 키울 수 있습니다. 워드프레스 글자 크기 조절하는 방법 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는 경우 먼저는 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는지 체크해보시기 바랍니다. 아바다, 엔폴드, 뉴스페이퍼 등 다목적 유료 테마를 사용하는 경우 비교적 세세하게 글자 크기를 조절할 수 있습니다. 또한, 엘리멘터 페이지 빌더와 같은 페이지 빌더를 사용하는 경우에도 비교적 상세하게 글자 크기/글자색 등을 조정할 수 있습니다. 무료 테마에서는 글자 크기 조절 옵션이 부족할 수 있습니다. CSS를 잘 모르는 경우 유료 테마를 사용하는 것이 스트레스를..

워드프레스에서는 태그 클라우드 위젯을 사용하여 많이 사용되는 태그들을 표시할 수 있습니다. 태그 페이지 상단에 태그 클라우드를 표시하여 사용자들이 다른 태그 페이지로 이동할 수 있도록 할 수 있습니다. 태그 페이지에 태그 클라우드를 표시할 경우 태그 무리 중에서 현재 태그가 하이라이트되지 않습니다. 이 경우 테마 함수 파일에 코드를 추가하여 태그 클라우드에서 현재 태그를 하이라이트할 수 있습니다. 워드프레스 태그 클라우드에서 현재 태그 하이라이트 아바다 테마, Divi 테마와 같은 일부 테마와 엘리멘터 페이지 빌더 등 일부 페이지 빌더에서는 관리자 페이지에서 쉽게 특정 요소(예: 헤더, 푸터, 페이지 템플릿, 카테고리 페이지, 태그 페이지 등)의 템플릿을 만들 수 있습니다. 아바다 테마에서는 워드프레스 ..

사용자가 이미지가 있는 지점으로 스크롤할 때 이미지가 로드되도록 하는 레이지 로딩 기능을 사용하면 사이트 속도 개선에 도움이 됩니다. 워드프레스는 5.5 버전부터 이미지 레이지 로딩 기능이 추가되었습니다. 인기 워드프레스 테마인 아바다(Avada)에서는 워드프레스 네이티브 레이지 로딩과 아바다 테마의 레이지 로딩 중에서 선택할 수 있도록 옵션을 제공합니다. 아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정하기 아바다 테마에서 이미지 레이지 로딩은 알림판 > Avada > Options > Performance 페이지의 Image Lazy Loading 섹션에서 설정할 수 있습니다. 여기에서 사이트 속도 개선을 위해 사이트의 이미지를 지연 로드하는 방법을 선택할 수 있습니다. 중요한 점은 WordP..

일부 워드프레스 테마에서는 페이지를 아래로 스크롤할 때 사이드바를 고정하는 옵션을 제공합니다. 하지만 사이드바 고정 기능을 지원하지 않는 테마가 많습니다. 사이드 고정 옵션이 없는 경우 간단한 CSS 코드를 사용하거나, 워드프레스 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 이 글에서는 아바다, 뉴스페이퍼, 엔폴드, GeneratePress 테마에서 사이드바를 고정하는 방법과 사이드바 고정 플러그인을 소개합니다. 워드프레스 사이드바 고정하기 아바다, 뉴스페이퍼 등 일부 테마에서는 사이드바를 고정하는 옵션을 제공합니다. 하지만 많은 테마에서 사이드바 고정 옵션을 지원하지 않습니다. 사이드바 고정 기능이 없는 경우 CSS나 자바스크립트 또는 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 아바다 ..

홈페이지에서 페이지를 아래로 스크롤하면 헤더가 고정되도록 하는 기법이 많이 사용됩니다. 워드프레스에서는 여러 가지 방법으로 헤더를 고정할 수 있습니다. 아바다, 엔폴드, Divi 테마, 뉴스페이퍼, GeneratePress 등 일부 테마에서는 헤더 고정 옵션을 제공합니다. 테마에서 헤더 고정 옵션을 제공하는 경우에는 테마의 기능을 사용하면 편리합니다. 테마에서 헤더나 메뉴를 고정하는 옵션을 제공하지 않으면 CSS 코드를 사용하거나 플러그인을 사용할 수 있습니다. CSS 코드로는 정교하게 고정하지 못하기 때문에 자바스크립트를 활용하면 보다 정교하게 고정하는 것이 가능합니다. 코딩 지식이 없다면 무료 플러그인을 사용하면 편리합니다. 워드프레스 헤더 고정하기 이 글에서는 몇 가지 테마에서 헤더를 고정하는 방법..

글로벌 내비게이션 바(GNB)에 위치한 특정 메뉴에 마우스 롤오버 했을 시 나타나는 대형 메뉴를 메가 메뉴(Mega Menu)라 합니다. 워드프레스에서는 아바다, 엔폴드, 뉴스페이퍼, 플랫섬 등 일부 유료 테마에서 이러한 메가 메뉴 기능을 제공합니다. 테마에 메가 메뉴 기능이 탑재되어 있지 않으면 메가 메뉴 플러그인을 사용할 수 있습니다. 워드프레스 메가 메뉴 플러그인 WP Mega Menu 위의 그림은 Avada 테마의 University 데모에서 제공하는 메가 메뉴를 보여줍니다. 메뉴 메뉴를 사용하면 사용자가 메뉴 위에 마우스를 올렸을 때 텍스트, 이미지, 최신 글 목록 등 다양한 콘텐츠를 표시할 수 있습니다. 이러한 메가 메뉴는 SEO 측면에서는 바람직하지 않으므로 가능하면 사용하지 않는 것이 좋습..

워드프레스 사이트에서 테마에 따라 블로그 리스트나 블로그 글에 날짜를 표시하거나 제거할 수 있는 옵션을 제공하기도 하기도 합니다. 아바다 테마에서도 블로그 페이지나 개별 글에서 날짜를 표시하거나 숨길 수 있는 기능을 제공합니다. 이러한 기능을 제공하지 않는 워드프레스 테마를 사용하는 경우에는 CSS를 사용하여 간단히 날짜 등의 정보를 숨길 수 있습니다. 아바다 테마에서 블로그 날짜 제거하기 (How to Remove Date Info from Avada Theme) 아바다 테마는 8년 이상 연속으로 판매 1위를 기록하고 있는 베스트셀링 테마입니다. Avada는 많은 테마 옵션을 제공하여 코딩 지식이 없는 초보자도 쉽게 사이트를 만들 수 있는 장점이 있어 꾸준히 사랑을 받고 있습니다. 아바다에서는 블로그 ..