콘텐츠
CSS 조작 방법을 배우고 Tumblr 블로그의 모양을 바꿀 수있는 힘을 얻으십시오. 예를 들어, 열은 웹 페이지에서 가로로 나타나는 세로 섹션으로 블로그를 나눕니다. 각 열에는 특정 너비가 있습니다. 블로그의 CSS 코드를 수정하여 페이지의 너비와 레이아웃을 변경하십시오.
열 CSS 스타일
많은 웹 페이지는 두 개 이상의 열로 구성됩니다. 페이지의 왼쪽은 탐색 메뉴를 포함 할 수 있고 가운데 열은 페이지의 주요 내용을 표시 할 수 있으며 오른쪽의 선택적 열은 링크와 광고를 표시 할 수 있습니다. 웹 개발자는 CSS (Cascading Style Sheets라고도 함)를 사용하여 이러한 열을 만듭니다. 요소의 너비를 나타내는 CSS 너비 특성은 CSS에서 열이 웹 페이지에 표시되는 방식을 변경하는 데 사용되는 가장 중요한 특성 중 하나입니다. 너비 특성의 값을 더 크게 만들고 열 길어집니다. 열을 더 좁게 만들려면 값을 줄입니다.
열 크기 조정
블로그 및 열 구성 페이지를 구성하는 CSS를 변경하기 전에 업데이트를 구입해야합니다. 업데이트가 완료되면 대시 보드에서 '맞춤 디자인'을 클릭하면 디자인 페이지로 리디렉션됩니다. 이 페이지에는 CSS 편집을위한 두 가지 옵션이 있습니다. 하나의 옵션으로 기존 블로그의 CSS 코드를 업데이트 할 수 있습니다. 이 옵션을 선택하면 블로그 열을 정의하는 CSS 태그의 너비 값을 업데이트 할 수 있습니다. 자신의 CSS 코드를 만들려면 "처음부터 다시 시작"옵션을 선택하십시오. 이 옵션을 사용하면 블로그가 어떻게 표시 될지에 대해 더 많이 제어 할 수 있지만 CSS 스타일에 대한 더 많은 지식이 필요합니다.
고려 사항
WordPress에서는 주 콘텐츠를 보유하는 열의 너비를 변경하는 경우 CSS에 "edit-css-content-width"옵션을 추가하는 것이 좋습니다. 브라우저가이 옵션을 볼 때 이미지와 같은 다른 미디어 객체 및 비디오의 크기를 조정하여 기본 내용 열에 맞 춥니 다. 더 넓은 항목을 만들 때는 잠재 고객을 보는 것이 좋습니다. 모든 사람이 와이드 스크린 모니터를 가지고있는 것은 아닙니다. 열을 너무 크게 만들면 블로그 방문자는 모든 콘텐츠를보기 위해 화면을 스크롤해야합니다.
열에 대한 다른 스타일 옵션
WordPress 기본 테마에서 열의 순서를 변경하여 블로그의 모양을 조정할 수도 있습니다. 대시 보드 페이지에있는 테마 옵션 탭에는 블로그에 즉시 적용 할 수있는 세 가지 레이아웃 옵션이 있습니다. 페이지의 왼쪽 열, 오른쪽 열 또는 가운데에 주 콘텐츠를 표시하는 옵션 중 하나를 선택하십시오. 마지막 옵션은 블로그의 모든 사이드 바를 삭제하고 페이지 중앙에 주요 콘텐츠를 표시하는 큰 열을 남깁니다. CSS를 사용하여 열의 크기를 변경하기 전에이 옵션을 고려하여 블로그 모양에 어떤 영향을 주는지 확인하십시오. 당신은 그들 중 하나를 좋아할지도 모른다.