DESIGN
BUY
FUNC
·
단순 복사 메뉴얼
chevron_rightHELLOPANDA 테마를 구매하시면 12개 테마 + 패턴을 포함해서 이 웹사이트에 있는 모든 컨텐츠를 사용할 수 있습니다.
키워드 검색
이 메뉴얼은 SVG 아이콘을 커스텀으로 삽입하는 방법에 대해 안내합니다. done SVG 아이콘을 커스텀으로 삽입하고 관리할 수 있습니다. SVG 아이콘 가져오기 여러 사이트가 있지만, 무료로 받을 수 있는 사이트 하나를 추천 합니다. https://www.svgrepo.com/ A. SVG 아이콘 다운 받기 https://www.svgrepo.com/ 사이트에 접속해서 원하는 아이콘을 다운 받아주세요. B. 다운 받은 아이콘을 브라우저에서 열어서 소스를 복사하세요.
posted
이 메뉴얼은 텍스트 블록에 두꺼운 배경 라인을 긋은 방법에 대한 안내 입니다. done 일종의 트릭이므로 정확하게 이해하고 사용하시는것을 권장합니다. 샘플 디자인 Text Background 한글의 경우 원리와 샘플 코드를 알아봅니다. 가로 행 블록을 하나 만듭니다. 행 속에 텍스트 블록을 하나 만듭니다. 텍스트 블록의 배경색을 지정합니다. 이 색은 underline 역할을 합니다. 텍스트 블록의 줄 높이를 0 으로 지정합니다. ( 이게 트릭 입니다 ) 텍스트 블록의 하단 여백 ( padding ) 을 원하는 만큼 줍니다. 배경색은 텍스트 중심에서 시작해서 여백을 준 방향으로 채워집니다.…
posted
워드프레스에서 헬로우판다 테마를 사용하는 방법에 대한 안내 영상입니다. 테마를 설정하고 블록을 사용하는 방법을 영상으로 자세히 설명하며, 초보자분들도 쉽게 접근할 수 있도록 다양한 예시를 설명하고 있습니다.
posted
DESIGN
BUY
FUNC
·
단순 복사 메뉴얼
chevron_rightHELLOPANDA 테마를 구매하시면 12개 테마 + 패턴을 포함해서 이 웹사이트에 있는 모든 컨텐츠를 사용할 수 있습니다.
1. 테마 변경하기 전 꼭! 읽어주세요. 테마와 테마는 모든 페이지를 서로 공유합니다. 이와 같은 이유로 테마를 변경하실 땐 기존에 에디터에서 수정하셨던 내용을 모두 초기화 해야 합니다. 초기화를 하지 않은 상태로 테마를 변경하면 이전에 사용했던 테마의 모습이 그대로 남아 있게 됩니다. ( 놀라지 마세요 ) 전체 초기화를 하지 않고도 템플릿을 개별적으로 초기화 할 수 있습니다. 만약 수정하신 내용이 “블로그 홈” 하나라면, 해당 템플릿만 초기화 하면 됩니다. 초기화를 하면 지금 테마가 삭제 되나요? 아니요, 테마를 초기화 하더라도 테마는 삭제되지 않습니다. 테마를 초기화…
posted
1. Contact Form 7 은 테마의 필수 플러그인 입니다. ( 2024.08.15 부터 ) 컨텍트 폼 7 플러그인은 전 세계에서 가장 많이 사용하는 메일 양식 플러그인 입니다. 테마가 설치되고, 필수 플러그인을 설치한 후 설정을 시작합니다. 브라우저에서 페이지 두개를 준비해주세요. 관리자 페이지 ( 폼을 설정함 ) 문의하기 폼을 설정할 페이지 ( 실제 폼을 확인함 ) 2. 문의하기 페이지에서 “페이지 편집” 을 시작하세요. 페이지 편집에서 폼 양식이 있는 곳을 확인하세요. 기본적으로 “문의 양식 1” 이라는 양식이 있습니다. 기능에 익숙해지면 양식을 더 추가해서 관리하실…
posted
2024.07.01 추가된 기능 hellopanda WP manual 1. 관리자 화면으로 접속합니다. 2. 현재 적용중인 테마를 확인하고, 기본 설정에 대한 안내를 숙지 합니다. 3. 자신에게 필요한 수정 사항을 확인하고 자유롭게 수치를 변경해보세요. 만약 실수로 잘못된 값을 입력해도 괜찮습니다. 테마는 언제나 원본을 보유하고 있으며, 수정된 내용만 표시해줍니다. 4. 자신에게 필요한 수정 사항을 확인하고 자유롭게 수치를 변경해보세요. “설정 초기화” 기능은 값을 초기값으로 돌리는 기능입니다. 버튼을 클릭해도 곧바로 저장되지 않으니 안심하세요. 5. 변경된 웹사이트를 확인해보세요.
posted
구글 맵 지도 퍼가기 hellopanda WP manual Hellopanda 에서는 지도 블록을 지원합니다. 지도 블록은 html, css, javascript 를 담을 수 있는 코드 블록이라고 생각하시면 쉽습니다. 지도 블록의 가이드에서는 가장 보편적인 지도 플랫폼인 “구글 맵” 에서 지도를 가져오고 화면에 표현하는 방법을 안내 합니다. 지도 블록은 구글 맵 만 사용할 수 있는건 아닙니다. Daum Map, Kakao Map 등 html 코드를 퍼갈 수 있도록 제공하고 있는 모든 플랫폼을 지도 블록에 등록할 수 있다고 보시면 됩니다. 1. 구글맵 사이트를 엽니다. GOOGLE MAP 2. 구글맵에서…
posted
기본 카테고리는 자신의 컨텐츠에 맞게 변경해야 합니다. Hellopanda 테마를 구입하게 되면 Food, Portfolio, Travel 페이지 등 테마 샘플에서 보던 페이지들은 함께 설치 되지 않습니다. 이 페이지들은 샘플 페이지이기 때문에 사용자들과는 전혀 관계가 없는 디자인 및 컨텐츠 이기 때문입니다. 때문에 링크를 클릭하면 구매하신 테마 페이지로 이동하게 됩니다. 페이지가 없다고 걱정하지 마세요. 디자인 패턴을 이용해서 테마 샘플에서 보셨던 페이지를 1초만에 등록이 가능하니까요. 여러분들은 이제 모든 페이지를 1,000개 이상의 패턴과 페이지 샘플로 정말 말도 안되도록 쉽게 구성이 가능합니다. explore 네비게이션 워드프래스는 기본적으로 두가지…
posted
페이지 / 포스트 생성 hellopanda WP manual 미리 알아두기 / 커버형 템플릿 워드프레스의 템플릿은 글, 페이지 모두에 적용이 가능합니다. 페이지에서도 글에서 사용되는 댓글이나 기타 글과 관련된 컨텐츠도 삽입이 가능합니다. 이 두 타입의 차이가 없다고 늘 생각하고 워드프레스를 운영하시는게 좋습니다. 다만 개발의 입장에서는 차이를 두고 개발을 진행하게 됩니다. 이 두 차이는 글의 경우 댓글 혹은 관련글, 다음글 등 일반적은 글과 관련된 컨텐츠가 추가로 노출 될 수 있도록 제작되어 있습니다. 우측에 보이는 레이아웃은 포스트 레이아웃 에서만 사용할 수 있는 “커버형 디자인” 입니다.…
posted
광고 블록 사용하기 hellopanda WP manual Advertise Block / AdSense 구글 애드센스 시작하기 우선 광고 블록은 어떤 광고도 등록할 수 있습니다. 하지만 대부분의 블로거들은 구글 애드센스가 가장 큰 수익을 가져다 주는 플랫폼임을 알고 있을 것 입니다. 때문에 광고 블록의 설정은 구글 애드센스를 기준으로 제작 되었을 뿐 애드센스 광고만 넣을 수 있다는 의미는 아니니 참고하시면 좋습니다. 하지만 목표는 구글 애드센스가 좋겠죠? 광고 블록은 글을 작성할 때, 페이지를 제작할 때 등 어떤 환경에서도 등록이 가능합니다. 디바이스 숨김 처리를 이용해서 PC에서만 보이거나 MOBILE…
posted
Hellopanda 테마의 슬라이더는 외부 플러그인을 사용합니다. 가장 많은 사용자를 보유한 보편적인 플러그인을 채택했으며 안정적이고 최근까지도 지속적으로 업데이트가 되고 있는 활성화된 플러그인 입니다. 전문적으로 관리 하기 때문에 약간의 불편하보다는 편리한 점이 훨씬 더 많을 것이라고 판단 했습니다. WP Swiper Gutenberg Block은 하드웨어 가속 전환과 놀라운 기본 동작을 갖춘 가장 현대적인 무료 모바일 터치 슬라이더입니다. 이 강력한 플러그인은 모바일 웹사이트, 모바일 웹 앱, 모바일 네이티브/하이브리드 앱에서 사용하도록 설계되었으며, 멋진 슬라이드쇼, 이미지 갤러리 등을 만드는 데 도움이 되는 다양한 기능과 사용자 정의 옵션을…
posted
아이콘 블록 ( 구글폰트 ) hellopanda WP manual google font Material Symbols Hellopanda 테마는 아이콘 폰트를 구글 메테리얼 아이콘을 채택했습니다. 가장 신뢰가 가는 구글 서비스 중 하나입니다. 메테리얼 심볼은 다양한 디자인 변형이 포함된 단일 글꼴 파일에 3,271개 이상의 글리프를 통합한 최신 아이콘입니다. 기호는 세 가지 스타일과 네 가지 조정 가능한 가변 글꼴 스타일(채우기, 무게, 등급 및 광학 크기)로 제공됩니다. CDN 으로 css를 불러오기 때문에 구글에 서버 상태에 따라 속도 차이가 있을 순 있겠으나 워낙에 많이 쓰는 폰트라 사용자 컴퓨터에 캐싱…
posted
스크롤 애니메이션 설정하기 hellopanda WP manual Animate On Scroll Library Hellopanda 테마에서는 AOS 스크롤 라이브러리를 채택해서 사용합니다. AOS 라이브러리를 쉽게 활용할 수 있도록 블록 테마 스타일에 작용한 기능이니 자세한 내용은 AOS 사이트를 확인하세요. 1. 블록 에디터를 실행합니다. 2. 블록 삽입기 토글을 선택합니다. 3. 스크롤 애니메이션이 적용 가능한 몇가지 블록 중 하나를 선택해서 삽입합니다. 인용 내부인용 그룹 컬럼 커버 이미지 상세정보 애니메이션은 이미지 혹은 박스 형태의 컨텐츠에서만 적용이 가능합니다. 너무 많은 효과를 비슷한 타이밍에 주지 않길 바랍니다. 일부 사용자들에게는 무거운 스크립트…
posted