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

인기 워드프레스 테마인 아바다(Avada)에는 포트폴리오(Portfolio)와 FAQ 등의 커스텀 포스트 타입이 제공됩니다. 아바다 테마를 설치하고 활성화하면 포트폴리오 메뉴와 FAQs 메뉴가 표시됩니다. 하지만 이 포트폴리오/FAQ 메뉴가 표시되지 않는 경우가 있을 수 있습니다. 아바다 테마의 포트폴리오 메뉴나 FAQ 메뉴가 표시되지 않는 경우 아래의 설명을 참고하여 활성화할 수 있습니다. 워드프레스 아바다 테마 아바다 테마는 테마포레스트 마켓에서 7년 이상 판매 1위를 기록하고 있는 베스트셀링 워드프레스 테마입니다. 이 테마는 현재 80만 개 이상의 판매를 기록하고 있습니다. Avada에 필적하는 테마로 Divi 테마가 있습니다. Divi 테마도 80만 명 이상의 고객을 거느리고 있으며 테마 빌더를 ..

워드프레스 아바다 테마에서는 Search 엘리먼트를 사용하여 원하는 곳에 검색 아이콘을 추가할 수 있습니다. 검색 상자를 추가할 때 특정 포스트 타입(예: 글, 상품 페이지)만 검색되도록 검색을 제한할 수 있습니다. 아바다 테마: 특정 포스트 타입(예: 글, 상품 페이지)만 검색되도록 검색 제한하기 먼저 아바다 테마의 아바다 빌더로 페이지 편집 화면을 연 다음, 원하는 곳에 Search 요소를 추가합니다. Element 추가 아이콘을 클릭합니다. Search Element (요소 검색) 창이 표시되면 아래로 스크롤하여 Search 엘리먼트를 찾거나 오른쪽 상단에서 요소를 검색할 수 있습니다. 오른쪽 상단의 Search Elements 필드에 search를 입력하고 Search 요소를 선택합니다. 그러면 ..

워드프레스 우커머스 쇼핑몰에서 개별 상품 페이지 하단에 관련 상품을 소개하는 연관 상품 섹션이 있습니다. 연관 상품은 고객들이 흥미를 가질 수 있는 관련 상품들을 제시하여 수익을 증대시킬 수 있습니다. 하지만 경우에 따라 연관 상품을 제거하거나 비활성화하기를 원할 수도 있습니다. 우커머스 연관 상품 제거하기/숨기기/비활성화하기 아바다 테마의 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 코드로는 정교하게 고정하지 못하기 때문에 자바스크립트를 활용하면 보다 정교하게 고정하는 것이 가능합니다. 코딩 지식이 없다면 무료 플러그인을 사용하면 편리합니다. 워드프레스 헤더 고정하기 이 글에서는 몇 가지 테마에서 헤더를 고정하는 방법..