사이드바 위치 변경 2

티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨)

요즘에는 사이드바가 오른쪽에 배치되는 경우가 많습니다. 경우에 따라 사이드바를 왼쪽으로 이동하고 싶을 수 있습니다. 그런 경우 간단한 CSS로 가능합니다. 이 글에서는 고래 스킨의 사이드바를 오른쪽에서 왼쪽으로 이동하는 방법에 대해 살펴보겠습니다. 티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨) 제가 처음 홈페이지 접했을 당시에만 해도 대부분의 사이트의 사이드바가 왼쪽에 배치되어 있었습니다. 당시에는 그런 것이 당연하게 느껴졌고 그것에 대해 별로 눈여겨보지 않았습니다. 하지만 워드프레스가 등장하면서 사이드바가 오른쪽에 배치되기 시작했고 구글에 잘 노출되는 결과가 나타났습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? 10년 이상 전에는 웹사이트에 사이드바가 대부분의 왼쪽에 ..

CSS flex-direction 속성 (사이드바 좌우 위치 변경)

이 블로그의 사이드바를 본래 오른쪽에 배치했지만 어제 하루 동안 왼쪽으로 이동시켜보았습니다. 사이드바가 왼쪽에 있으니까 매우 어색하게 느껴지네요. SEO(검색엔진최적화) 측면에서는 사이드바가 오른쪽에 있는 것이 유리한 것으로 알려져 있습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? Flexible Box 레이아웃 모델의 하위 속성인 flex-direction 속성을 이용하면 수월하게 사이드바 위치를 바꿀 수 있습니다. flex-direction 속성에는 4가지 값을 사용할 수 있습니다. row (기본값): 텍스트 방향과 동일 row-reverse: 텍스트 방향과 반대 column: row와 동일하지만 상->하 방향 column-reverse: row-reverse와 동일, 상->하 ..

IT & 기타/CSS 2019.02.19