워드프레스 GeneratePress 테마 CSS 미디어 쿼리 반응형 분기점
디바이스 해상도에 따라 다른 스타일을 적용하고 싶은 경우 CSS 미디어 쿼리를 사용하여 기기 해상도에 따라 다른 CSS 스타일을 지정할 수 있습니다. GeneratePress 테마의 기본 반응형 분기점은 모바일의 경우 768px, 데스크톱에 경우 1024px이며 태블릿은 768px와 1024px ...
GeneratePress 테마
워드프레스 소제목 스타일 변경하기(아바다, 엔폴드, 뉴스페이퍼 테마 外)
일부 워드프레스 테마에서 소제목의 폰트 크기, 폰트 색상, 행간 등의 스타일 변경할 수 있는 옵션을 제공합니다. 보다 자유롭게 소제목 스타일 변경을 원하는 경우 커스텀 CSS로 변경이 가능합니다. 기본적인 CSS를 알면 수월하게 헤딩(h2, h3, h4, h5 ...
GeneratePress 테마: 홈페이지에서 H1 태그가 누락되는 경우(+SEO 개선)
워드프레스 GeneratePress 테마를 사용하는 경우 읽기 설정에서 '홈페이지 표시'를 '최신 글'로 설정하면 홈페이지(전면 페이지)에서 H1 태그가 없어서 SEO 분석 도구로 분석을 실시하면 H1 태그가 누락되었다는 오류가 표시될 수 있습니다. 예를 들어, Website SEO Checker라는 크롬 ...
워드프레스 테마 옵션 내보내기/가져오기
일부 워드프레스 테마에서는 옵션을 내보내기 하는 기능을 제공합니다. 테마 옵션 내보내기/가져오기 기능이 제공되면 다른 서버의 워드프레스 사이트로 테마 옵션을 수월하게 복제할 수 있습니다. 이 글에서는 아바다, 뉴스페이퍼, Flatsome, GeneratePress 테마에서 테마 옵션을 내보내기/가져오기 하는 방법에 ...
GeneratePress 테마: 모바일 썸네일 위치 변경하기
워드프레스 GeneratePress 테마에서는 블로그 옵션에서 썸네일 위치를 설정할 수 있습니다. 하지만 Blog 옵션에서 특성 이미지 위치를 왼쪽으로 지정해도 모바일에서는 썸네일이 상단에 표시됩니다. 모바일에서도 썸네일이 왼쪽에 위치하도록 모바일 썸네일 위치를 변경하는 방법에 대해 살펴보겠습니다. GeneratePress: 모바일 ...
GeneratePress 테마 상단 배너 표시하기 (+플러그인 미사용)
워드프레스에서는 Top Bar 플러그인을 사용하여 상단 배너를 쉽게 표시할 수 있습니다. GeneratePress 테마를 사용하는 플러그인을 사용하지 않고 후크를 사용하여 상단 배너 표시가 가능합니다. 전체 사이트 또는 특정 페이지에만 배너를 표시하도록 설정할 수 있습니다. 워드프레스 GeneratePress ...
GeneratePress 테마: 구글 애널리틱스 연동하기
워드프레스에서는 다양한 방문자 분석 플러그인을 제공하지만 플러그인을 사용하면 편리한 측면이 있지만 사이트 속도에 부정적인 영향을 미칠 수 있습니다. 구글 애널리틱스를 사용하여 보다 정교하고 다양한 방문자 통계 정보를 확인할 수 있습니다. 이 글에서는 GeneratePress 테마에서 Element를 ...