워드프레스 테마 twenty sixteen 설정들 폰트 본문 너비 테그 제거 아카이브 변경
워드프레스 테마 twenty sixteen 설정들에 대해 알아보겠습니다. 이 테마는 사용하기에 매우 편리하고 다양한 설정이 가능합니다. 글자체를 변경하고 본문 너비를 조정하며, 필요 없는 태그를 제거하고 아카이브를 정리하는 데 필요한 방법들을 자세히 설명하겠습니다.
1. twenty sixteen 추가 CSS 설정 경로
twenty sixteen 테마의 유연함을 이해하기 위해 CSS Customization을 활용하는 것이 중요합니다. 기본적으로 무료 혹은 유료의 플러그인을 이용해 다양한 기능들을 추가할 수 있지만, CSS를 이용하면 별도의 플러그인 없이 간편하게 사용할 수 있습니다.
일단 관리자 페이지에서 외모 메뉴로 들어가 사용자 정의를 선택합니다. 그 후 추가 CSS에서 새로운 코드를 입력할 수 있는 빈 창이 열립니다. 이 창에 원하는 CSS 코드를 입력하면 변경 사항이 실시간으로 반영됩니다. 하지만 코드 입력 시, 정확한 문법으로 작성해야 변경이 제대로 이루어지므로 주의가 필요합니다.
| 단계 | 설명 |
|---|---|
| 1단계 | 관리자 페이지에서 외모 클릭 |
| 2단계 | 사용자 정의 선택 |
| 3단계 | 추가 CSS 클릭 |
| 4단계 | 원하는 CSS 코드 입력 및 발행 |
이처럼 간단한 과정으로 CSS를 추가하면 원하는 형태로 테마를 개인화할 수 있습니다. CSS를 이용하여 효과적으로 원하는 디자인을 구현할 수 있습니다.
💡 갤럭시 글꼴의 매력을 직접 경험해 보세요. 💡
2. 폰트 변경하는 법
twenty sixteen 테마를 사용하면서 가장 첫 번째로 하고 싶은 것은 폰트 변경입니다. 초기 설정된 폰트는 세련되지 않다고 느껴질 수 있으며, 개인의 취향에 따라 조금 더 현대적인 폰트로 바꾸고 싶을 수 있습니다. 이를 위해 간단한 CSS 코드를 입력하겠습니다.
아래의 CSS 코드를 추가 CSS 창에 입력하면 본문 폰트를 한 번에 변경할 수 있습니다.
css
/ Use main 폰트 변경 /
body #content *, #site-navigation {
font-family: Montserrat, Helvetica Neue, sans-serif;
}
| 변경 전 | 변경 후 |
|---|---|
위 코드에서 font-family 속성의 값을 변경함으로써 다양한 폰트를 선택할 수 있습니다. 귀여운 느낌을 주고 싶다면 다른 폰트를 추가할 수도 있으니, 다양한 스타일을 시도해 보세요.
💡 원하는 폰트를 찾고 적용하는 방법을 알아보세요. 💡
3. 태그 내역 없애기(제거)
웹 페이지에서 불필요한 정보가 가득할 경우, 방문자에게 혼란을 줄 수 있습니다. 예를 들어, 글 아래에 위치하는 작성일자와 카테고리 등의 메타 정보는 개인적인 취향에 따라 제거할 수 있습니다. 이를 통해 더 깔끔한 디자인을 유지할 수 있습니다.
아래의 CSS 코드를 추가 CSS 창에 붙여넣으면 태그를 간단히 제거할 수 있습니다.
css
/ 메타 내용 없애기 /
@media screen and (min-width: 61.5625em) {
body:not(.search-results) article:not(.type-page).entry-footer {
display: none;
}
}
| 제거 전 태그 예시 | 제거 후 모습 |
|---|---|
이러한 방식으로 불필요한 정보를 없애는 것은 방문자에게 쾌적한 경험을 제공하는 데 큰 도움이 됩니다. 응답성이 뛰어난 디자인일수록 사용자 경험은 더욱 좋게 변할 것입니다.
💡 원하는 디자인을 위한 여백 설정 방법을 지금 확인해 보세요. 💡
4. 본문 너비(contents width) 넓히기
본문의 너비는 사용자 경험에 매우 중요한 요소입니다. 경우에 따라 너무 좁아 답답하게 느껴질 수 있으므로, CSS를 통해 이 부분을 조정해보도록 하겠습니다.
아래의 코드를 추가 CSS에 입력하세요:
css
/ 본문 너비 넓히기 /
body:not(.search-results) article:not(.type-page).entry-content {
float: left;
width: 100%;
}
| 변경 전 너비 | 변경 후 너비 |
|---|---|
이와 같이 본문 너비를 조정하면 텍스트가 더 넓은 공간에서 자유롭게 배치되므로, 정보 전달이 더욱 용이하게 됩니다. 특히 애드센스와 같은 광고와의 배치도 자연스럽게 진행될 수 있습니다.
💡 CSS 여백 설정의 비밀을 지금 확인해 보세요! 💡
5. 아카이브 변경 및 정리
아카이브 페이지는 블로그의 내용이 나열되는 중요한 공간입니다. 기본적으로 제목과 썸네일, 본문이 함께 나열되어 다소 복잡해 보일 수 있습니다. 이를 정리하여 더 깔끔하게 만들 수 있습니다.
아래의 코드를 추가하여 본문 내용은 삭제하고 썸네일과 제목요약만 남길 수 있습니다:
css
/ 아카이브 정리 본문 내용 없애기 /.archive.post.entry-content {
display: none;
}
| 변경 전 아카이브 | 변경 후 아카이브 |
|---|---|
이렇게 아카이브 내용을 간소화하면 방문자가 필요한 콘텐츠에 더 쉽게 접근할 수 있습니다. 또한 블로그의 전체적인 구성에서도 더 깔끔한 느낌을 줄 수 있습니다.
💡 Twenty Sixteen 테마의 숨겨진 기능을 알아보세요! 💡
결론
오늘은 워드프레스 테마 twenty sixteen의 설정들을 상세히 살펴보았습니다. 폰트를 변경하고 본문 너비를 넓히며 태그를 제거하고 아카이브를 정리하는 방법을 통해 블로그의 유용성을 향상시킬 수 있습니다. 이러한 변화를 통해 방문자에게 더 나은 경험을 제공할 수 있습니다. 새로운 설정을 적용해보며 독창적인 블로그를 만들어 나가세요!
💡 CSS 여백 설정으로 완벽한 디자인을 만들어 보세요. 💡
자주 묻는 질문과 답변
💡 웹디자인의 숨은 비결을 발견하고 더 나은 사이트를 만들어보세요. 💡
1. CSS 코드는 어디에 입력해야 하나요?
CSS 코드는 워드프레스 관리자 페이지에서 외모 -> 사용자 정의 -> 추가 CSS 부분에 입력하면 됩니다.
2. 폰트 변경 시 주의할 점은 무엇인가요?
폰트 변경 시, 정확한 CSS 문법을 지키는 것이 중요하며, 입력한 코드가 올바르게 작동하는지 확인해야 합니다.
3. 태그를 제거하면 SEO에 영향이 있나요?
4. 본문 너비를 넓히면 어떤 효과가 있나요?
본문 너비를 넓히면 텍스트가 자연스럽게 보여지며 사용자에게 편안함을 줄 수 있습니다. 특히 광고와의 배치가 더 조화롭게 이루어질 수 있습니다.
5. 아카이브 정리를 통해 얻는 이점은 무엇인가요?
아카이브 정리를 통해 정보의 가독성과 접근성이 향상되어 방문자가 원하는 콘텐츠를 쉽게 찾을 수 있습니다. 이는 전체적인 사용자 경험을 개선하는 효과를 가지고 있습니다.
워드프레스 테마 Twenty Sixteen: 폰트 설정, 본문 너비 조정, 태그 제거와 아카이브 변경 방법
워드프레스 테마 Twenty Sixteen: 폰트 설정, 본문 너비 조정, 태그 제거와 아카이브 변경 방법
워드프레스 테마 Twenty Sixteen: 폰트 설정, 본문 너비 조정, 태그 제거와 아카이브 변경 방법
목차