HELLOPANDA | 한국형 워드프레스 블로그, 기업형 테마

• 버튼 블록은 20개 이상의 스타일을 추가로 지원합니다.
• 버튼 블록은 디자인 패턴에도 수십가지 이상의 종류를 추가로 제공합니다.

• 구분자 블록은 20가지 이상의 스타일을 제공합니다.
• 단락을 나누는 용도로 활용성이 매우 높습니다.

• 이미지 블록은 30가지 Mask 효과를 추가로 지원합니다.
• 효과별로 10가지씩 분류되어 있으며, PNG, SVG 가 혼합되어 있습니다.

• 커버 블록은 30가지 Mask 효과를 추가로 지원합니다.
• 이미지 블록과 동일하며, 오버레이 기능과 함께 사용할 순 없습니다.

• 리스트 블록은 20가지 스타일을 추가로 지원합니다.
• 이미지 블록과 동일하며, 오버레이 기능과 함께 사용할 순 없습니다.

• 글쓴이 블록은 14가지 스타일을 추가로 지원합니다.
• 이 스타일은 스타일 외에도 썸네일 스타일, 좌우 반전 등 다양한 설정을 지원합니다.

auth description

pandassi

auth description

pandassi

auth description

pandassi

auth description

pandassi

• 태그 / 카테고리 블록은 14가지 스타일을 추가로 지원합니다.
• 이 기능은 글 목록, 글 상세 등 포스트와 관련된 컨텐츠에서만 사용 가능합니다.

Change log English English Theme Guide 한국어 한국어

• 날짜 블록은 14가지 스타일을 추가로 지원합니다.
• 이 기능은 글 목록, 글 상세 등 포스트와 관련된 컨텐츠에서만 사용 가능합니다.

• 작성자 이름 블록은 14가지 스타일을 추가로 지원합니다.
• 이 기능은 글 목록, 글 상세 등 포스트와 관련된 컨텐츠에서만 사용 가능합니다.

• 상세 정보 블록은 11가지 스타일을 추가로 제공합니다.
• 이 기능은 Hellopanda 의 아코디언 블록으로 대체할 수 있으며, 더 자세한 설정이 가능합니다.
• 한마디로 옛날에 만들었으니, 이제 더 좋은것을 사용하시면 된다는 의미 입니다.

• 인용, 전체 인용 블록은 각각 7가지 스타일을 추가로 제공합니다.
• 간단한 디자인은 스타일로 적용하면 좋지만, 이런 문단의 성격은 가급적 직접 스타일링 하는것이 좋습니다.

• 문단 블록은 각각 7가지 스타일을 추가로 제공합니다.
• 문단 스타일의 경우 간단한 플랫 디자인을 지원하기 때문에 포스팅에 활용하시면 좋습니다.

• 운문 블록은 각각 7가지 스타일을 추가로 제공합니다.
• 특별히 중요한 블록이 아니므로, 필요에 따라 스타일을 직접 적용하는게 좋습니다.

• 태그 클라우드 블록은 각각 8가지 스타일을 추가로 제공합니다.
• 태그 클라우드 블록은 스타일링의 경우 모든 태그의 크기를 같게 설정했습니다.
• 기본 블록에서만 태그 크기가 다르니 참고하세요.

• 결과 없음 블록은 각각 6가지 스타일을 추가로 제공합니다.
• 이 블록은 쿼리에서 결과가 없는 경우에 보여줄 수 있는 블록입니다.
• 결과 없음의 텍스트를 수동으로 관리할 수 있으며, 스타일링이 추가로 가능합니다.
• 쿼리 목록 안에서만 사용할 수 있습니다.

• 페이징 블록은 각각 13가지 스타일을 추가로 제공합니다.
• 쿼리 결과에서만 사용할 수 있으며, 페이징 크기 색상 등 다양한 설정이 가능합니다.

• 네비게이션 블록은 각각 5가지 스타일을 추가로 제공합니다.
• 이 블록은 많이 복잡합니다. 네비게이션 내부에 네비게이션 서브메뉴 블록이 함께 있기 때문입니다.
• 네비게이션의 방향, 오버 / 활성화 스타일, 각 서브 메뉴의 스타일 등 복잡한 구성을 하나씩 설정할 수 있습니다.
• 가급적 제공된 네비게이션을 사용하길 권장하지만, 디자이너 분들은 더 상세한 설정을 해보시길 바랍니다.

• 카테고리 블록은 9가지 스타일을 추가로 제공합니다.
• 이 블록은 카테고리 목록을 단순하게 출력하는 블록이지만 확장 블록은 조금 다릅니다.
• 가로로 표시 하거나, 혹은 속한 카테고리를 강조하는 등 다양한 설정이 가능합니다.
• 추가로 카테고리의 불릿, 포스팅 수 등을 스타일링 할 수 있으며, 서브 카테고리도 설정이 가능합니다.

• Change log
• English
• English
• Theme Guide
• 한국어
• 한국어

• 글 상세보기의 이전, 다음, 페이징 블록은 13가지 스타일을 추가로 제공합니다.
• 이 기능의 경우 수동으로 스타일링을 하는게 가장 좋지만, 적어도 테마의 기본 디자인을 따라갈 수 있는 스타일을 지정해 두었습니다.
• 페이징 블록의 경우 워낙 초반에 만든 블록이라 조금 더 관심을 갖고 멋진 블록을 추가 개발할 예정입니다.

• 백그라운드 패턴을 제공하는 블록입니다.
• 50가지 이상의 아름다운 디자인이며 SVG 기반으로 제공됩니다.
• 색상, 크기, 투명도 등 완벽한 커스텀 설정을 지원합니다.

• 보더 블록은 워드프래스에서 지원하지 않는 블록에 보더를 주기 위해 만들어진 이펙트 블록 입니다.
• 6.6.1 버전 이후부터는 대부분의 블록에서 보더를 지원해서 지금은 활용도가 많이 떨어집니다.
• 하지만 아직도 필요한 부분이 있으므로 당분간 살려둘 예정입니다.

• 이 블록은 박스(그룹)에 링크를 줄 경우 색상 변환을 설정할 수 있는 블록입니다.
• 워드프래스의 에디터는 기본적으로 이미지, 버튼, 텍스트 외 어떤곳에도 링크를 줄 수 없는데, link 블록과 이 블록을 혼용하면 멋진 효과를 만들어냅니다.
• 코드를 직접 삽입하지 않고 설정된 내용을 front 수준에서 스타일 태그를 만들기 때문에 장단점이 함께 존재하는 블록입니다.
• 장점 : 전체 코드가 가볍습니다. 단점 : 프론트 수준에서 코드를 생성하기 때문에 랜더링에 약간의 영향을 줄 수 있습니다. ( 사실 거의 미미합니다 )

• 이 블록은 박스에 그림자를 줄 수 있는 블록입니다.
• 그림자 크기, 방향, 투명도 등 다양한 설정이 가능하며, 추천 스타일도 함께 지원합니다.

• 이 블록은 박스의 크기를 설정할 수 있는 블록입니다.
• 워드프레스 블록 에디터의 경우 높이만 지정이 대부분 가능하지만, 확장 블록에서 가로 크기가 필요한 경우가 있습니다.
• 다만 반응형 웹사이트를 유지하기 위해서는 이 기능을 조심해서 활용하시는게 좋습니다.

• 이 블록은 박스의 여백을 정의할 수 있는 확장 블록입니다.
• 6.6.2 버전 이후부터 대부분의 블록에 여백 설정아 가능해졌기 때문에 지금은 크게 의미는 없습니다.
• 아직은 픽스된 업데이트가 없기 때문에 당분간은 살려둘 생각입니다.

• 요소의 애니메이션을 만들 수 있는 블록입니다.
• 이미지나 아이콘에만 적용 가능하도록 블록 확장이 허용되었습니다.

• 이 블록은 요소를 숨기거나 디바이스별로 노출하는 기능을 가지고 있습니다.
• 반응형 웹사이트에 매우 중요한 블록이며, pc, mobile을 분리해서 디자인을 할 수 있습니다.
• 또한 padding, margin, align 같은 요소들을 초기화 해서 모바일에서 더욱 안정감 있는 UI를 표현할 수 있습니다.

• 이 블록은 요소를 숨기거나 디바이스별로 노출하는 기능을 가지고 있습니다.
• 반응형 웹사이트에 매우 중요한 블록이며, pc, mobile을 분리해서 디자인을 할 수 있습니다.
• 또한 padding, margin, align 같은 요소들을 초기화 해서 모바일에서 더욱 안정감 있는 UI를 표현할 수 있습니다.

• 이 블록은 요소의 투명도를 설정할 수 있는 블록입니다.
• 워드프래스의 에디터는 투명도를 지원하지 않기 때문에 생성된 블록입니다.
• 워드프래스의 기본 철학에 반하는 기능이지만, 한국에서는 많이 사용하므로 추가 해 두었습니다.

• 이 블록은 요소를 벗어나는 컨텐츠를 제어하는 블록입니다.
• 스크롤바를 지원하며, 가로, 세로 축으로 컨텐츠를 벗어나게 하거나 혹은 방지할 수 있습니다.
• 워드프래스의 기본 철학에 반하는 기능이지만, 한국에서는 많이 사용하므로 추가 해 두었습니다.

• 이 블록은 요소의 포지션을 설정할 수 있는 블록입니다.
• 아마도 거의 사용할 일이 없겠지만, css 에 대한 이해도가 높다면 이 블록을 활용할 수 있습니다.
• 가급적 사용하지 않으시길 권장합니다.

• 이 블록은 화면을 스크롤 했을 때 컨텐츠를 표현할 수 있는 애니메이션 효과를 지원합니다.
• 스타트업 같은 원페이지형 컨텐츠에 어울리는 기능이며, 화면을 풍성하게 할 수 있는 장점이 있습니다.
• 하지만 너무 많이 사용하면 화면이 조잡해 보일 수 있으니 센스 있게 사용하세요.

• 이 블록은 드롭캡, overflow, 글 줄임을 컨트롤 할 수 있는 블록입니다.
• 매우 활용도가 높은 블록이며, 정돈된 디자인을 위해서 자주 사용되는 기능입니다.

• 이 블록은 요소의 형태를 변형하는 블록입니다.
• PC, Tablet, mobile 을 분리할 수 있으며 기본저긍로 transition에 transform 속성을 적용 해 두었습니다.
• 반응형 웹에서도 transform 을 자유롭게 쓸 방법이 없을까 해서 만든 기능입니다.