이번 글에서는 워드프레스 GeneratePress 테마 무료 버전에서 메인(전면)페이지와 카테고리 페이지등에서 글 목록 리스트를 보여주는 페이지에서 제목 스타일을 수정하는 CSS 코드를 공유해 보고자 합니다.
유료 버전에서는 많은 기능들을 간단한 설정을 통해서 해결할 수 있지만 무료 버전에서 제공하는 설정에는 굉장히 제한적이기 때문에 사이트를 자신의 입맛에 맞게 수정하기 위해서는 FTP를 활용해서 파일의 코드를 수정하여 업로드 하는 방법과 테마에서 제공하고 있는 CSS 코드를 추가하여 수정할 수 있습니다.
글 목록 리스트 제목 스타일 수정 CSS 코드.
GeneratePress 테마 유료 버전은 사용해보지 않았지만 무료 버전에 비해서 상당히 많은 기능들을 설정을 통해서 수정할 수 있기 때문에 이러한 부분들도 설정을 할 수 있지 않을까 예상됩니다.
필자의 경우에는 GeneratePress 테마를 무료 버전으로 사용중에 있기 때문에 다음과 같은 CSS 코드를 추가 하여 글 목록 리스트를 보여주는 페이지의 글 제목 부분의 스타일을 수정할 수 있습니다.
| .entry-title { border-style: solid; font-size: 2vh; font-weight: bold; border-width : 0px 2px 1px 10px; border-color: #BF0000; display : inline-block; width : 100%; padding: 10px; background:linear-gradient(to right,#eed 54%,#eeb); } |
위 코드를 적용하기 위해서는 워드프레스 관리자 메뉴 외모 → 사용자 정의하기 → 추가 CSS로 이동하여 해당 코드를 작성 후 적용할 수 있습니다.
.entry-title 속성값들을 수정하여 자신이 만족하는 스타일로 수정이 가능하기 때문에 속성값들을 수정하여 원하는 스타일로 만들어 보시길 바랍니다.
