워드프레스 용어로 유동 레이아웃이란 브라우저 창 크기가 변경될 때 웹페이지가 자동으로 조정되는 레이아웃을 말합니다. 페이지의 높이와 너비에 하단 영역의 픽셀 크기를 곱하면 유동 레이아웃이 나타나는 것을 확인할 수 있습니다. 게시물도 페이지와 마찬가지로 워드프레스에서는 페이지를 계층적으로 관리할 수 있습니다.
이를 통해 웹사이트는 방문자의 화면 크기에 맞춰 조정할 수 있습니다. 반면 고정 레이아웃은 각 테마 요소의 너비가 픽셀 단위로 미리 정해져 있습니다.
워드프레스 사이트의 디자인과 표현 방식은 스타일시트 모음인 테마와 템플릿으로 정의됩니다. 워드프레스 테마는 사이트의 구조와 모양을 변경합니다. 템플릿이라고 하는 파일들은 워드프레스 웹사이트가 온라인에서 어떻게 보일지를 결정합니다.
대부분의 웹사이트 레이아웃은 한 개, 두 개 또는 세 개의 열을 사용합니다. 사용자는 초기 단계에서 정확한 화면 크기를 알 수 있습니다. 웹 디자이너는 페이지 너비 크기를 제공합니다. 사이트의 비율 또한 유동적인 레이아웃을 결정하는 중요한 요소입니다.
워드프레스 개발자는 웹사이트나 워드프레스 테마를 제작할 때 고정 폭 디자인과 유동 폭 디자인 중 하나를 선택해야 합니다. 일반적으로 고정 폭 방식은 간단하지만, 유동 폭 방식을 사용하면 해결할 수 있는 몇 가지 단점이 있습니다.
워드프레스에서 유동적인 테마를 사용하면 다양한 화면 너비와 관련된 여러 문제를 해결할 수 있지만, 동시에 몇 가지 새로운 문제점도 발생합니다.
사용자가 콘텐츠를 보는 시점과 시각적 요소는 디자이너의 통제 범위가 좁아집니다. 다양한 해상도를 보여주기 위해서는 여러 너비를 사용해야 할 수도 있습니다. 콘텐츠가 부족하면 유동적인 디자인의 매력이 다시 떨어질 수 있으며, 특히 사용자의 화면이 너무 클 경우에는 더욱 그렇습니다.
이전에는 웹사이트를 데스크톱 브라우저를 통해 탐색하도록 만들어졌습니다. 하지만 이제 웹페이지는 모든 크기의 화면에서 볼 수 있게 되었고, 사용자들은 다양한 크기의 화면을 사용하여 웹페이지에 접속할 수 있게 되었습니다.
유동 레이아웃처럼, 모든 기기와 화면 크기에 반응하는 테마나 웹사이트를 만들려면 CSS 방식을 사용하여 유동 레이아웃을 적용하세요. 휴대성은 반응성을 의미하므로, 이는 곧 호환성을 의미합니다
반응형 테마 기능이 있다면 모든 사용자가 모바일 기기에서 웹사이트를 탐색할 수 있습니다.
유체 설계의 장점
유동적인 레이아웃의 가장 큰 장점은 접근성입니다. 이는 워드프레스의 브라우저 활용도를 높여줍니다. 사용자는 자신의 웹사이트가 차지하는 공간을 빠르게 파악할 수 있습니다. 유동적인 레이아웃을 활용하면 워드프레스가 더욱 효율적으로 보입니다.
또한 유동 레이아웃이 활성화되면 모든 화면 크기에서 브라우저를 통해 전체 사이트를 볼 수 있습니다.
또한 유동적인 레이아웃 덕분에 모든 브라우저 화면 크기에서 헤더, 푸터 및 본문을 포함한 웹사이트 전체가 표시됩니다.
좌우 쿠션감을 조절할 수 있습니다. 단, 반응형 기기의 경우 쿠션감이 자동으로 조절됩니다.
WordPress의 플루이드 레이아웃에 대해 궁금한 점이 있으면 Seahawk Media 최고의 정보를 얻으세요.
