워드프레스 관련 글 목록 표시하기 (GeneratePress 테마)
이 블로그에 현재 사용 중인 GeneratePress 테마에는 관련 글 리스트를 표시하는 옵션이 제공되지 않습니다. 관련 글 목록 표시 방법은 다양합니다. 관련 글을 표시하는 플러그인을 사용하면 간단합니다. 관련 글 플러그인으로 원하는 레이아웃으로 글을 표시할 수 없는 …
GeneratePress 테마
심플한 인용구 레이아웃 CSS (+GeneratePress 테마)
최근 워드프레스 테마를 변경하고 나니 blockquote 태그가 제대로 적용되지 않고 일반적인 텍스트 형식으로 나오는 현상이 발생했습니다. 그래서 단순한 인용구(blockquote) 서식을 검색하여 적용해보았습니다. [ 이 글은 2022년 3월 22일에 최종 업데이트되었습니다. ] 심플한 인용구(Blockquote) 레이아웃(CSS) 다음과 …
GeneratePress 테마 댓글 섹션 레이아웃 변경하기
GeneratePress 테마의 댓글 섹션은 다른 테마와 비슷한 방법으로 커스텀이 가능합니다. 이 글에서는 이 블로그에 설치되어 있는 워드프레스 테마인 GeneratePress의 댓글 섹션을 변경하는 방법에 대해 간략히 설명하겠습니다. [ 이 글은 2022년 3월 14일에 최종 업데이트되었습니다. ] …
워드프레스 대시아이콘 프런트엔드 활성화 방법
워드프레스 3.8부터 도입된 대시아이콘(Dashicons)은 워드프레스 관리자 페이지의 공식 아이콘 폰트로서 워드프레스 관리자 페이지의 왼쪽 패널 메뉴에 기본적으로 사용되고 있습니다. 대시아이콘을 프런트엔드에 사용하도록 활성화할 수도 있습니다. 워드프레스 사이트 속도 향상을 위해 대시아이콘 비활성화하기 대시아이콘을 사용하지 않는 …
워드프레스 GeneratePress 테마 메가 메뉴 만드는 방법
아바다 테마 등 일부 다목적 워드프레스 테마에서는 메마 메뉴 기능을 제공합니다. 하지만 모두가 이 기능을 필요한 것이 아니고 상당한 양의 CSS 코드를 추가해야 하기 때문에 GeneratePress는 기본적으로 메가 메뉴를 제공하지 않습니다. 이 글에서는 GeneratePress 테마에서 …
워드프레스 댓글 날짜를 5분 전, 1시간 전, 3일 전 형식으로 변경하기
워드프레스 댓글 날짜를 실제 일자 대신 “5분 전”, “1시간 전”, “3일 전”, “5달 전”, “1년 전” 등과 같이 댓글을 작성한 후 경과 기간을 나타내도록 바꾸고 싶은 경우 human_time_diff() 함수를 사용할 수 있습니다. 워드프레스 댓글 날짜를 …
워드프레스 GeneratePress 테마 CSS 미디어 쿼리 반응형 분기점
디바이스 해상도에 따라 다른 스타일을 적용하고 싶은 경우 CSS 미디어 쿼리를 사용하여 기기 해상도에 따라 다른 CSS 스타일을 지정할 수 있습니다. GeneratePress 테마의 기본 반응형 분기점은 모바일의 경우 768px, 데스크톱에 경우 1024px이며 태블릿은 768px와 1024px …