워드프레스 일기의 GeneratePress 테마 75

워드프레스 GeneratePress 테마: 요약글 제거하기

워드프레스 GeneratePress 테마를 사용하여 블로그나 홈페이지를 만들 때, 블로그 페이지(최신 글 페이지)나 카테고리 페이지 등에서 썸네일과 제목만 표시하고 요약문은 표시되지 않도록 구성하고 싶은 경우가 있습니다. 이 경우 블로그 설정에서 요약글(Excerpt) 길이를 "0"으로 설정하고 CSS를 사용하여 요약글을 제거할 수 있습니다. 워드프레스 GeneratePress 테마: 요약글 제거하기 GeneratePress 테마의 최신 글 또는 카테고리 페이지, 태그 페이지 등의 아카이브 페이지에서 요약글을 제거하고 싶은 경우 블로그 설정에서 요약글 글자수를 "0"으로 지정하고 CSS를 사용하여 요약글 부분을 숨길 수 있습니다. GeneratePress 테마 블로그 요약글 길이 설정 워드프레스 관리자 ..

워드프레스 GeneratePress 테마: 블로그 설정 옵션이 표시되지 않는 경우

GeneratePress는 속도가 빠른 워드프레스 테마로서 빠른 속도 때문에 특히 블로그에 많이 사용되고 있습니다. 블루호스트(Bluehost) 등 해외호스팅을 이용하는 경우 이 테마를 사용하면 속도가 괜찮은 편입니다. 유료 버전인 GP Premium을 이용하면 사용자 정의하기에서 다양한 설정을 할 수 있습니다. 하지만 블로그 설정 화면에서 옵션이 표시되지 않는 경우가 있을 수 있습니다. 워드프레스 GeneratePress 테마: 블로그 설정 옵션이 표시되지 않는 경우 GeneratePress 테마의 유료 버전을 이용하는 경우 워드프레스 관리자 페이지 » 외모 » 사용자 정의하기 » Layout » Blog에서 블로그와 관련된 다양한 설정을 할 수 있습니다. 워드프레스 GeneratePress 테마 블로..

워드프레스 사이드바 위젯 제목 아래 여백이 있는 경우

워드프레스 5.8 버전부터 블록 위젯 기능이 도입되었습니다. 기존의 클래식 위젯에 익숙한 사용자들은 블록 위젯이 낯설게 느껴질 수 있을 것입니다. 하지만 조금 사용해 보면 쉽게 적응이 되리라 생각됩니다. 블록 위젯은 구텐베르크(블록 에디터)의 블록을 사용하여 위젯을 만들 수 있습니다. 워드프레스 5.8: 블록 위젯 기능 추가 오늘 새벽에 워드프레스 5.8 업데이트가 공개되었습니다. 이번 업데이트는 특히 템플릿 에디터를 도입하여 워드프레스 기본 에디터로 페이지 빌더를 대체하기 위한 여정의 중요한 시작점이 될 avada.tistory.com 워드프레스 사이드바 위젯 제목 아래 여백이 있는 경우 위의 그림은 GeneratePress 테마를 사용하여 최신 글을 나열하고 사이드바에 최신글, 댓글 등을 표시하는 심..

워드프레스 GeneratePress 테마: 댓글 섹션에 안내 문구 표시하기

워드프레스 댓글 섹션에 안내 문구나 특정 문구를 표시하고 싶은 경우가 있습니다. 그런 경우 테마 파일을 수정하는 것을 고려해 볼 수 있습니다. GeneratePress 테마를 사용하는 경우 훅(hook)을 사용하여 댓글 제목 아래나 댓글 윗부분 또는 아래 부분에 특정 문구를 추가할 수 있습니다. 워드프레스 GeneratePress 테마: 댓글 섹션에 안내 문구 표시하기 예를 들어, 댓글 섹션 제목 아래에 "아름다운 말 고운 말을 사용해 주세요"라는 문구를 넣고 싶은 경우 제너레이트프레스 테마에서는 [**generate_below_comments_title**] 훅을 사용할 수 있습니다. 무료 버전에서는 테마 함수 파일에 직접 훅을 추가해야 합니다. GeneratePress 유료 버전을 사용하는 경우에는 ..

워드프레스 GeneratePress 테마 옵션 내보내기/가져오기

일부 워드프레스 테마에서는 테마 옵션을 내보내기/가져오기 기능을 제공합니다. 예를 들어, 베스트셀링 테마인 아바다 테마나 인기 매거진, 블로그 테마인 뉴스페이퍼 테마에서 테마 옵션 설정을 한 후에 테마 옵션을 내보내기(엑스포트)한 다음, 다른 사이트에서 테마 옵션을 가져오기(임포트)할 수 있습니다. 그러면 테마 옵션 설정을 다시 할 필요 없이 곧바로 기존 테마 옵션을 적용할 수 있습니다.워드프레스 인기 블로그/다목적 테마인 GeneratePress 테마에서도 테마 옵션을 내보내기/가져오기 할 수 있는 기능을 제공합니다.👉 GP 테마의 임포트/엑스포트 기능이 유료 버전에서만 작동하도록 바뀌었습니다. 설정을 내보내거나 가져오기 하려는 경우 유료 버전이 필요합니다.워드프레스 GeneratePress 테마 옵..

워드프레스 GeneratePress 테마: 전면 페이지에 최신 글 타이틀 표시하기

워드프레스에서는 전면 페이지(홈 페이지)에 최신 글을 표시할 것인지, 아니면 특정 페이지를 홈페이지로 설정할 것인지 선택할 수 있습니다. 설정 » 읽기 페이지의 홈페이지 표시 옵션을 "최신 글"로 선택하면 홈페이지에 최신 글이 최신글부터 오래된 글 순서로 표시됩니다. 이 글에서는 GeneratePress 테마가 적용된 워드프레스 사이트에서 전면 페이지에 최신 글을 표시하도록 설정하는 경우 최신 글 타이틀이 최신 글 목록 위에 표시되도록 하는 방법에 대하여 살펴보겠습니다. 워드프레스 GeneratePress 테마: 전면 페이지에 최신 글 타이틀 표시하기 위의 그림과 같이 홈페이지(전면 페이지)에 최신 글 제목이 표시되도록 하고 싶은 경우 몇 가지 방법이 있습니다. 제너레이트프레스(GP) 테마에서는 후크(H..

워드프레스 GeneratePress 테마 블프 할인

금년도 블랙 프라이데이는 11월 25일 금요일입니다. 정확히 일주일을 앞두고 있네요. 블랙 프라이데이는 업체들이 재고를 소진할 수 있는 좋은 기회이기도 합니다. 워드프레스 테마나 플러그인, 웹호스팅 업체들도 블랙 프라이데이 시즌을 맞이하여 25%에서 최대 50% 세일을 하기도 합니다. 워드프레스 GeneratePress 테마 블프 할인 우리나라에서는 심플한 블로그나 수익형 블로그에 많이 사용되는 GeneratePress 테마가 오늘부터 한시적으로 최대 25% 할인 행사를 진행하고 있습니다. 자세한 내용은 GeneratePress 테마 사이트를 참조하시기 바랍니다. ☞ GeneratePress 테마에 대한 자세한 정보 제 워드프레스 블로그에는 대부분 제너레이트프레스 테마가 설치되어 있습니다. 이 테마는 가..

워드프레스 GeneratePress 테마 모바일 여백 조정하기

워드프레스 GeneratePress 테마를 사용하는 경우 모바일 버전에서 본문 양옆 여백이 넓게 표시될 수 있습니다. GeneratePress 유료 버전에서는 기기별 본문 컨텐이너 여백을 조정하는 옵션이 제공됩니다. 무료 버전을 사용한다면 CSS로 조정이 가능합니다. 워드프레스 GeneratePress 테마 모바일 여백 조정하기 네이버 카페에 GeneratePress 무료 버전을 사용하는 경우 모바일 기기에서 본문 양옆 여백이 너무 넓어서 조정하는 방법에 대한 질문이 올라와서 이 글에서 여백 조정 방법에 대하여 간단히 살펴보겠습니다. PC 버전에서는 괜찮지만 모바일에서 본문 양옆의 여백이 넓어서 가독성이 좋지 않을 수 있습니다. 무료 버전의 경우 CSS를 사용하여 조정을 시도할 수 있습니다. 유료 버전에..

워드프레스: 모든 본문 이미지 가운데 정렬하기

워드프레스에서 글을 작성할 때 이미지를 삽입하면 이미지는 정렬 없음 상태가 됩니다. 이미지를 가운데 정렬하도록 설정하려면 컨트롤의 '정렬 변경' 아이콘을 선택하고 중앙 정렬 옵션을 선택해야 합니다. 이 작업이 의외로 번거로울 수 있습니다. 모든 이미지를 가운데 정렬시키고 싶은 경우 간단한 CSS 코드로 가능합니다. 워드프레스 본문 이미지 가운데 정렬하기 워드프레스 블록 에디터(구텐베르크)를 사용하는 경우 이미지 블록을 사용하여 추가한 모든 이미지를 중앙 정렬하고 싶다면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 모든 이미지 중앙 정렬 */ .single .wp-block-image img { display: block; margin: 0 auto; } 또는, 다음과 같은 코드로도 가능합니다. ..

text-decoration-color를 사용하여 링크 밑줄 색상 변경하기

링크의 밑줄 색상은 text-decoration-color라는 CSS 속성을 사용하여 설정할 수 있습니다. 그러면 밑줄 색상을 텍스트 컬러와 다르게 설정하는 것이 가능합니다. text-decoration-color를 사용하여 링크 밑줄 색상 변경하기 기본적으로 밑줄(underline) 컬러는 링크의 텍스트 컬러와 동일하게 설정됩니다. 그러나 링크의 텍스트 색상과 다르게 밑줄 색상을 변경하고 싶은 경우가 있습니다. 이를 위해 대부분 border-bottom 속성을 사용하여 밑줄과 비슷하게 설정해왔습니다. 그러나 border 방법을 사용하지 않고 직접 밑줄 색상을 변경하는 방법이 있습니다. 바로 text-decoration-color 속성을 사용하여 텍스트 데코레이션(이 경우 밑줄)의 컬러를 변경할 수 있습..

IT & 기타/CSS 2022.07.13