페이지 / 포스트 생성 hellopanda WP manual 미리 알아두기 / 커버형 템플릿 워드프레스의 템플릿은 글, 페이지 모두에 적용이 가능합니다. 페이지에서도 글에서 사용되는 댓글이나 기타 글과 관련된 컨텐츠도 삽입이 가능합니다. 이 두 타입의 차이가 없다고 늘 생각하고 워드프레스를 운영하시는게 좋습니다. 다만 개발의 입장에서는 차이를 두고 개발을 진행하게 됩니다. 이 두 차이는 글의 경우 댓글 혹은 관련글, 다음글 등 일반적은 글과 관련된 컨텐츠가 추가로 노출 될 수 있도록 제작되어 있습니다. 우측에 보이는 레이아웃은 포스트 레이아웃 에서만 사용할 수 있는 “커버형 디자인” 입니다.…

광고 블록 사용하기 hellopanda WP manual Advertise Block / AdSense 구글 애드센스 시작하기 우선 광고 블록은 어떤 광고도 등록할 수 있습니다. 하지만 대부분의 블로거들은 구글 애드센스가 가장 큰 수익을 가져다 주는 플랫폼임을 알고 있을 것 입니다. 때문에 광고 블록의 설정은 구글 애드센스를 기준으로 제작 되었을 뿐 애드센스 광고만 넣을 수 있다는 의미는 아니니 참고하시면 좋습니다. 하지만 목표는 구글 애드센스가 좋겠죠? 광고 블록은 글을 작성할 때, 페이지를 제작할 때 등 어떤 환경에서도 등록이 가능합니다. 디바이스 숨김 처리를 이용해서 PC에서만 보이거나 MOBILE…

Hellopanda 테마의 슬라이더는 외부 플러그인을 사용합니다. 가장 많은 사용자를 보유한 보편적인 플러그인을 채택했으며 안정적이고 최근까지도 지속적으로 업데이트가 되고 있는 활성화된 플러그인 입니다. 전문적으로 관리 하기 때문에 약간의 불편하보다는 편리한 점이 훨씬 더 많을 것이라고 판단 했습니다. WP Swiper Gutenberg Block은 하드웨어 가속 전환과 놀라운 기본 동작을 갖춘 가장 현대적인 무료 모바일 터치 슬라이더입니다. 이 강력한 플러그인은 모바일 웹사이트, 모바일 웹 앱, 모바일 네이티브/하이브리드 앱에서 사용하도록 설계되었으며, 멋진 슬라이드쇼, 이미지 갤러리 등을 만드는 데 도움이 되는 다양한 기능과 사용자 정의 옵션을…

아이콘 블록 ( 구글폰트 ) hellopanda WP manual google font Material Symbols Hellopanda 테마는 아이콘 폰트를 구글 메테리얼 아이콘을 채택했습니다. 가장 신뢰가 가는 구글 서비스 중 하나입니다. 메테리얼 심볼은 다양한 디자인 변형이 포함된 단일 글꼴 파일에 3,271개 이상의 글리프를 통합한 최신 아이콘입니다. 기호는 세 가지 스타일과 네 가지 조정 가능한 가변 글꼴 스타일(채우기, 무게, 등급 및 광학 크기)로 제공됩니다. CDN 으로 css를 불러오기 때문에 구글에 서버 상태에 따라 속도 차이가 있을 순 있겠으나 워낙에 많이 쓰는 폰트라 사용자 컴퓨터에 캐싱…

스크롤 애니메이션 설정하기 hellopanda WP manual Animate On Scroll Library Hellopanda 테마에서는 AOS 스크롤 라이브러리를 채택해서 사용합니다. AOS 라이브러리를 쉽게 활용할 수 있도록 블록 테마 스타일에 작용한 기능이니 자세한 내용은 AOS 사이트를 확인하세요. 1. 블록 에디터를 실행합니다. 2. 블록 삽입기 토글을 선택합니다. 3. 스크롤 애니메이션이 적용 가능한 몇가지 블록 중 하나를 선택해서 삽입합니다. 인용 내부인용 그룹 컬럼 커버 이미지 상세정보 애니메이션은 이미지 혹은 박스 형태의 컨텐츠에서만 적용이 가능합니다. 너무 많은 효과를 비슷한 타이밍에 주지 않길 바랍니다. 일부 사용자들에게는 무거운 스크립트…

디자인 패턴은 헬로우판다 테마의 핵심 기술 입니다. 1,000여개 이상의 완성된 디자인 테마를 클릭 한번으로 사용할 수 있도록 준비했습니다. 이 기능은 여러분이 작업하시는 시간을 획기적으로 줄여줄 것 이며, 디자인 완성도는 전문가 그 이상으로 제작 될 것 입니다. 패턴으로 만든 샘플 디자인 잘 차려진 디자인, 클릭 한번으로 맛있게 드세요. 심지어 하나의 페이지를 묶은 테마까지도 준비되어 있습니다. 이제 컨텐츠에 집중하세요. 디자인은 걱정 마세요. Hellopanda 테마가 해결 해드릴게요.

2024.07.01 부터 이 메뉴얼은 사용되지 않습니다. 사용자 정의 관리 기능이 추가된 후 웹사이트 크기 변경은 이제 아래의 메뉴얼로 대체되는 점 참고하시길 바랍니다. 새로운 메뉴얼 보기 코드 수정시 유의사항 원본 코드의 스타일 시트를 수정하는것은 웹에 지식이 있는분께만 권장합니다. 간단하게 관리할 수 있도록 제작하고 싶었지만 아직은 미디어 쿼리가 css variable 을 해석할 수 없어서 수동으로 수정을 하는 방법만 존재합니다. 아쉽네요.

이 가이드는 업로드가 아닌 구글 폰트 CDN 방식을 설명합니다. 💻 구글 폰트 사이트 바로가기 웹사이트의 폰트는 기본적으로 많이 사용하는 CDN 폰트를 사용하는게 유리합니다. 특정 상황에서는 특별한 폰트를 사용하길 원할 수 있겠지만 보통은 구글 폰트를 많이 사용합니다. 구글 폰트가 유리한 이유는 많이 사용하는 구글 폰의 경우 캐싱이 되어 다운로드 속도가 극적으로 빠르기 때문입니다. 많이 사용하는 폰트를 사용할수록 더 빠른 로딩 속도를 가집니다. 이 가이드는 PHP 파일을 일부 수정해야 합니다. 수정이 어렵거나 복잡하지 않으나 PHP 파일은 서버사이드 파일이므로 잘 못 수정하면 오류가…

블록 테마 컬러 수정 시 유의 사항 블록 테마는 한개의 JSON 파일에서 모든 컬러 속성을 담고 있습니다. 때문에 수정을 하는 방법 자체는 어렵지 않습니다. 다만 Primary, Secondary 등 색상의 기본 속성들에 대한 이해를 분명히 해야 정확히 어떤 부분을 어떻게 수정해야 할 지 찾기가 쉽습니다. base ( 배경색 ) contrast ( 글자색 ) primary ( 강조색 ) secondary ( 강조 대비색 ) language base color 베이스 코드는 웹사이트 전체의 배경 컬러를 의미 합니다. Hellopanda 테마는 흰색이 아닌 옅은 회색을 채택했으며, 포스트…

함께 제공되는 테마 테마 구매시 모두 제공되는 테마를 한눈에 보실 수 있습니다. palette 사용 가능한 디자인 테마 구매시 제공되는 디자인 패턴을 요약해서 보실 수 있습니다. redeem 추가된 효과 블록들 테마 구매시 제공되는 커스텀 블록의 목록을 보실 수 있습니다.