Browsing Tag

워드프레스 그리드 레이아웃

[워드프레스] CSS를 사용하여 Masonry 그리드 형식으로 블로그 글 목록 표시하기

Masonry는 JavaScript 그리드 레이아웃 라이브러리로서 마치 돌로 벽을 만들 때 돌을 벽돌공(Mason)이  쌓아올리듯이 적절한 수직 간격을 두면서 빈틈이 없게 배치하는 형식입니다. 도식화하면 아래 그림과 같이 나타낼 수 있습니다. 이러한 형식으로 그림이나 글+그림 요약문을 배치하는 사이트가 많습니다. 이 웹사이트에서 Masonry 레이아웃의 사이트 샘플을 확인해볼 수 있습니다. 그리고 이 글에서 그리드 형식의…