FASHION

[테스트] 모든 블럭 퍼블리싱 확인용 글

글 상세 퍼블리싱 테스트를 위해 주요 본문 블록을 한 글에 모은 샘플입니다.

글로우업

검은색과 골드 스트라이프 니트를 입은 모델

이 글은 글 블럭 퍼블리싱 테스트를 위해 만든 샘플입니다. 본문에 사용되는 기본 텍스트, 이미지, 갤러리, 컬럼, 미디어+텍스트, 표, 버튼, 임베드, 이미지+텍스트 행을 한 번에 확인할 수 있습니다.

이미지는 새로 업로드하지 않고, 미디어 라이브러리에 이미 등록된 내부 이미지를 사용합니다.

기본 텍스트 블록

문단 블록입니다. 링크, 굵은 글씨, 줄바꿈 없는 긴 문장 흐름을 확인합니다. 발행 화면에서 본문 폭과 행간이 안정적으로 보이는지 체크합니다.

  • 문단과 인라인 링크, 굵은 글씨 렌더링 확인
  • 이미지, 갤러리, 컬럼형 이미지 배치 확인
  • 이미지+텍스트 행과 반전 행 확인
  1. 관리자에서 블록 편집 화면을 확인합니다.
  2. REST API의 content.rendered 결과를 확인합니다.
  3. 프론트 상세 페이지의 실제 퍼블리싱 결과를 확인합니다.

블록은 각각 따로 좋아 보여도, 발행 화면에서는 함께 놓였을 때의 간격과 리듬이 더 중요하다.

Glowup Publishing Test

풀쿼트 블록은 일반 인용과 다른 마크업을 사용합니다.

Pullquote

이미지와 갤러리 블록

소파에 앉은 모델의 자라 스튜디오 룩
단일 이미지 블록과 캡션 테스트.

단일 이미지 아래에 이어지는 문단입니다. 이미지와 문단 사이의 간격, 캡션 정렬, lazy loading 속성을 확인합니다.

두 모델이 의자에 앉아 있는 자라 스튜디오 룩
갤러리 페어 1 / 2
밝은 컬러의 자라 스튜디오 룩을 입은 모델
갤러리 페어 2 / 2
1 / 2
검은색과 골드 스트라이프 니트를 입은 모델
와이드 이미지 블록 테스트.
두 모델이 의자에 앉아 있는 자라 스튜디오 룩
코어 갤러리 1
밝은 컬러의 자라 스튜디오 룩을 입은 모델
코어 갤러리 2
소파에 앉은 모델의 자라 스튜디오 룩
코어 갤러리 3

레이아웃 블록

두 모델이 의자에 앉아 있는 자라 스튜디오 룩
밝은 컬러의 자라 스튜디오 룩을 입은 모델
소파에 앉은 모델의 후디 스타일링

이미지 + 카피 컬럼 블록

컬럼 스타일 Glowup image + copy row가 적용된 행입니다. 이미지 비율과 텍스트 열의 간격을 확인합니다.

소파에 앉은 모델의 자라 스튜디오 룩

미디어와 텍스트 블록

이미지와 설명이 같은 행에서 배치되는지 확인하는 영역입니다. 모바일에서는 한 열로 쌓이는지 확인합니다.

기타 Gutenberg 블록

블록확인 항목
이미지크기, 캡션, alt
컬럼2열/모바일 1열
이미지+텍스트 행이미지와 카피 정렬
const blockPublishingTest = true;

이미지 + 텍스트 행 블록

후디를 착용한 모델 룩북 컷

이미지 + 텍스트 행 1

이미지와 설명이 한 줄로 배치되는 에디토리얼 행입니다. 에디터와 프론트에서 동일한 2열 구조로 보이는지 확인합니다.

소파에 앉은 모델의 후디 스타일링

이미지 + 텍스트 반전 행

이미지와 텍스트의 위치를 반전한 에디토리얼 행입니다. 프론트와 에디터의 좌우 순서가 동일한지 확인합니다.

여기까지가 퍼블리싱 테스트용 전체 블록 샘플입니다. 이 글은 반복 실행해도 같은 slug의 글을 업데이트합니다.

연관기사

1 / 8

휴먼메이드 포켓몬 협업 컬렉션이 공개됐다

최근 포켓몬의 인기가 무섭다. 성수동에서 진행된 포켓몬 이벤트는 성수동 일대를 이벤트 참여객들로 가득 채웠고, TCG 포켓몬 카드의 가격은 가파르게 치솟고 있다. 다양한 브랜드와의 협업 컬렉션과 제품이 쏟아지고 있고, 발매될 때마다 순식간에 품절되고 있다. 시장은 이번 포켓몬 인기 상승이 오래 유지될 것으로 바라보고 있다. 일시적인 현상이 아닌, 장기적인 상승 흐름의 시작으로 보고 있는 것. 그리고 지난 […]

10

끔찍한 산악 사고로 탄생한 브랜드 : 비브람

작년, 제니가 쏘아 올린 ‘발가락 신발’ 열풍 기억하는가. 얼핏 보면 진짜 양말 같기도 한 독특한 디자인의 신발은 단번에 품절 대란을 일으켰고, 사람들은 하나둘씩 발가락 신발을 신고 거리에 등장했다. 그 발가락 신발 브랜드가 바로 ‘비브람’이다. 사실 비브람은 이미 오래전부터 신발 좀 신는 사람들 사이에서 유명했다. 내구성이 독보적이기 때문. 한 번쯤 본 적 있을 운동화 밑창 옆 […]

2

상수룩, 남들과 똑같이 입긴 싫다

하늘색 셔츠에 베이지색 팬츠. 일명 ‘상수룩’. 덥지도 춥지도 않은 딱 이맘때, 짧은 기간 동안만 즐길 수 있는 간절기 대표 코디로 자리 잡았다. 하지만 그만큼 거리에서 자주 보이는 무난한 스타일이기도 하다. 에디터 또한 남들과 겹치는 코디를 기피하기에 잘 입지 않는데. 또 이맘때만 즐길 수 있는 코디를 포기하는 것도 아쉽다. 아무래도 봄에는 셔츠에 손이 자주 가기 때문. […]

0

지금 티셔츠, 다 이 브랜드 참고하더라, 팔리 할리우드(Paly Hollywood)

할리우드 스타들이 이름을 걸고 ‘브랜드’를 만드는 일은 더 이상 새롭지 않다. 기본적인 브랜딩은 이미 완성되었기 때문에 사업으로 한 번 더 성공을 맛볼 아주 좋은 기회이다. 그 누구라도 욕심을 내볼만한 일이다. 그러나 과도하게 이름값을 이용하는 프로모션과 값비싼 가격에 대중들의 손가락질을 받기도 한다. 여기, 스파이더맨 그린 고블린의 아들인 ‘뉴 고블린’역을 맡으며 할리우드를 직접 경험했던 할리우드 배우가 만든 […]

0

반항적인 이미지? 여기서 완성해라

뮤직 인더스트리를 기반으로 한 패션 브랜드 ‘MTW’. MTW가 크림 도산 플래그십 스토어에서 26SS 팝업 스토어를 오픈했다. 이번 팝업세너는 26SS 구매와 동시에 다가오는 26FW 컬렉션을 미리 만나볼 수 있다고. 26FW <BACKSTAGE ANXIETY>, 록스타들이 공연 직전 대기하는 공간. 화려한 조명 너머, 아무도 보지 못하는 그 뒷면을 패션으로 풀어냈다. 무대 뒤에서만 느낄 수 있는 긴장과 불안, 그리고 설렘이 […]

0

시골의 흔적이 옷에 묻었다

자크뮈스의 르 파이장(Le Paysan) 컬렉션. 파이장은 프랑스어로 농부를 뜻한다. 이번 시즌은 디자이너 시몽 포르테 자크뮈스가 나고 자란 프랑스 남부 시골의 풍경과 기억에서 출발했다. 평소에도 자크뮈스는 가족, 특히 어머니와 고향에서 많은 영감을 받아온 브랜드인데. 그중에서도 가장 직접적으로 개인적인 서사를 끌어온 작업으로 평가받는 이번 컬렉션. 롯데백화점 본점 2층 자크뮈스 매장에서 에디터가 직접 만나보고 왔다 가장 먼저 눈에 […]

2

롤렉스가 녹판 데이트저스트 41mm 모델을 출시했다

롤렉스가 아름다운 녹색 다이얼이 올라간 신형 데이트저스트 41mm 모델을 공개했다. 눈부시게 아름답다. 시계를 좋아하는 사람이라면 모두가 탐낼 만큼.  롤렉스가 옴브레 다이얼을 꺼내든 건 지난 2019년 이후 7년 만에 처음 있는 일이다. 그만큼 이번 신제품들 중에서 가장 눈에 띄는 모델이라고 할 수 있다. 베이스 플레이트에 그린 래커를 도포한 뒤, 모든 옴브레 다이얼과 마찬가지로 블랙 래커를 동심원 […]

2

수작업이 주는 매력이 있다

대 로켓배송의 시대와는 어울리지 않는 느린 배송을 자랑하는 제품이 있다. 바로 수작업을 거쳐 제작되는 ‘핸드크래프트 주얼리’. 요즘처럼 클릭 한 번이면 다음 날 물건을 받아볼 수 있는 시대에 이들은 정반대의 노선을 택했다. 주문 후 생산에 들어가고, 장인 정신으로 한 피스씩 손으로 깎고 다듬어 완성한다.  반지 세공에는 기본적으로 엄청난 정성과 시간이 들어간다. 반지 사이징, 침땜, 스톤 세팅, […]

0