플루이드 엔진 섹션에서 블록을 한 지점에 고정해 방문자가 섹션 내 다른 콘텐츠로 화면을 스크롤해도 블록을 고정된 위치에 유지하는 방법을 살펴보세요.

플루이드 엔진에서 블록을 고정해 특정 콘텐츠를 강조하고 페이지 고유의 레이아웃을 설계할 수 있습니다.

블록 고정 기능은 버전 7.1의 플루이드 엔진 섹션에서 지원됩니다.

비디오 시청하기

블록 고정

블록을 고정할 때 여러 가지 설정과 레이아웃을 적용해 보며 원하는 효과를 얻어보세요. 고정된 블록은 해당 섹션 내에서만 고정된 상태로 유지되기 때문에 섹션에 콘텐츠가 많지 않거나 매우 짧을 경우에는 고정 효과가 눈에 띄지 않을 수 있습니다.

블록을 고정하려면 다음 단계를 따르세요.

1. 페이지 패널을 엽니다.
2. 플루이드 엔진 섹션이 있는 페이지를 클릭한 후 편집을 클릭합니다.
3. 플루이드 엔진 섹션에서 블록을 클릭한 후 블록 도구 모음에서 핀 아이콘을 클릭합니다. 유형과 관계없이 어떤 블록 유형이든 고정이 가능합니다.
4. 고정된 블록은 섹션의 상단에 정렬되도록 기본 설정되어 있습니다. 블록을 섹션의 중앙이나 하단에 정렬하려면 스크롤 시 중앙에 고정 또는 스크롤 시 하단에 고정 아이콘을 클릭합니다.
5. 오프셋 슬라이더를 사용해 고정된 블록과 브라우저 테두리 사이의 최소 거리를 변경합니다.
6. 저장을 클릭합니다.

모바일 레이아웃에서 블록 고정

핀으로 고정된 블록을 비롯한 플루이드 엔진 섹션의 모바일 레이아웃은 컴퓨터 레이아웃과 별개로 조정할 수 있습니다. 따라서 컴퓨터 레이아웃에서 블록을 고정하면 모바일에서는 고정되지 않으며, 그 반대의 경우도 마찬가지입니다.

모바일 레이아웃에서 블록을 고정하는 방법은 다음과 같습니다.

1. 페이지에서 편집을 클릭한 후, 오른쪽 상단에서 모바일 뷰 아이콘을 클릭합니다.
2. 블록을 클릭한 후, 블록 도구 모음에서 핀 아이콘을 클릭합니다.
3. 블록의 정렬과 오프셋을 설정합니다.
4. 저장을 클릭합니다.

블록 고정 해제

블록 고정 해제하는 방법은 다음과 같습니다.

1. 페이지에서 편집을 클릭하고, 블록을 클릭한 후 블록 도구 모음에서 핀 아이콘을 클릭합니다.
2. 핀 제거 아이콘을 클릭합니다.
3. 저장을 클릭하세요.

사이트에서 고정된 블록을 사용하면 좋은 경우

블록 고정 기능은 실용적인 이유나 실험적인 디자인 효과를 위해 사용할 수 있습니다. 그 예는 다음과 같습니다.

• 제품 블록을 고정해 최신 제품을 홍보하고 방문자의 눈에 가장 먼저 띄도록 할 수 있습니다.
• 중요한 비즈니스 정보가 포함된 텍스트 블록 또는 방문자가 신속하게 연락할 수 있는 양식 블록을 고정해 방문자가 페이지의 어떤 위치에 있든 빠르게 연락하도록 할 수 있습니다.
• 사진을 소개하는 이미지 블록 또는 새로 발표한 싱글을 소개하는 오디오 블록을 고정해 방문자가 사이트를 둘러보는 동안 작품에 대한 강한 인상을 심을 수 있습니다.
• 비디오 블록을 고정해 방문자들이 페이지의 나머지 부분을 탐색하는 동안에도 비디오를 시청하게 할 수 있습니다.
• 정렬과 오프셋을 서로 다르게 설정한 다양한 모양 블록을 고정해 페이지를 스크롤할 때 계단식 효과를 낼 수 있습니다.

블록은 몇 개까지 고정할 수 있을까?

고정할 수 있는 블록 수에는 제한이 없지만, 콘텐츠가 많은 섹션의 경우 로드 속도가 느려질 수 있습니다. 고정 여부와 관계없이 한 페이지에 추가하는 블록이 최대 60개를 넘지 않는 것이 좋습니다.