워드프레스 쇼핑몰 홈페이지 만들기 | 초보자를 위한 쇼핑몰 제작 강의
HTML-код
- Опубликовано: 21 сен 2024
- 플랫폼 수수료 없는 나만의 온라인 쇼핑몰,
큰 리스크 없이 작은 투자로 나의 상품을 테스트해 보세요.
워드프레스로 자사몰을 제작하는 방법에 대해 알려드립니다.
1인 지식 창업부터 실제 상품 판매까지 가능한 쇼핑몰을 만들어보세요!
--
◈ 홈페이지 제작 의뢰 : itconnect.dev
◈ 이메일로 문의하기 : contact@itconnect.dev
◈ 노코드 홈페이지 콘텐츠 플랫폼 : b-creator.com
◈ 단톡방에서 정보 교류하기 : open.kakao.com...
#워드프레스 #홈페이지 #웹사이트 #노코드 #워드프레스강의 #홈페이지만들기 #홈페이지제작 #웹사이트구축
책 사서 보고 있었는데 이 강의가 책보다 더 쏙쏙 들어오네여 ! 감사합니다 !
도움이 되셨다니 다행입니다.
얼마나 공부해야 소장님 따라가죠 진짜 실력 대단하십니다
감사합니다. PPT처럼 도구에 익숙해지시면 금방 제작하실 수 있을거에요!
쇼핑몰 구축에 도움이 많이 되었습니다. 감사합니다.
도움이 되셨다니 다행입니다!
구축한 쇼핑몰이 잘 활성화 되었으면 좋겠네요 :) SEO 작업도 꼭 진행해보세요!
친절한 설명 감사합니다 :)
시청해주셔서 감사합니다. :)
더욱더 다양한 콘텐츠 제공하도록 노력하겠습니다.
반복해서 너무 잘 보고 있습니다😊
혹시 스크롤시에 헤더를 고정할 수 있는 방법이 있을까요? 아스트라 무료버젼으로 홈페이지 만들고 있습니다~~
시청해주셔서 감사합니다.
엘리멘터 무료 버전의 경우, Sticky Menu & Sticky Header 플러그인을 사용해 주셔야 합니다.
그 외 sticky 플러그인이 있으니, 필요한 기능이 있는 플러그인을 활용해주셔도 됩니다.
[사용 방법]
1. 플러그인 추가에서 "Sticky Menu & Sticky Header" 를 검색하여 설치 후 활성화해주세요.
2. 활성화 후 [설정] - [Sticky Menu] 로 이동해주세요.
3. (Sticky Element: (required)) 의 값에 ".stickymenu" 와 같이 .메뉴이름을 영어로 작성해주세요
4. 아래 Space between top 은 헤더이기 때문에, 공간 없이 0픽셀로 설정 후 저장해주세요
5. [외모] - [Elementor Header & Footer Buider]로 이동하여, 헤더의 엘리멘터 편집을 눌러주세요
6. 컨테이너나 섹션 편집을 누른 뒤 [고급] 탭의 아래 [CSS 클래스]에 3번에서 지정한 "stickymenu" 메뉴이름을 넣어주세요
(.을 빼고 넣어주셔야 합니다.)
7. 저장 후 확인하시면 스티키가 적용되는 것을 확인하실 수 있습니다.
유튜브 댓글로 작성된 방법으로 따라하기 어려우신 경우,
해당 플러그인을 검색하시면 많은 자료들을 확인하실 수 있으니 참고해보시기 바랍니다.
감사합니다.
시청해주셔서 감사합니다!
도움이 되셨으면 좋겠습니다. :)
우커머스 상품등록을 1개 해봤어요. 옵션을 원하는대로 잘 안되네요. 색상 : 빨간색,파란색 / 사이즈 : S,M,L,XL 를 구현하고 싶어요. 색상1개(빨간색)+사이즈1개(S)는 되는데 복합적을 선택되거는 안 되네요. 큰 기능은 원하지 않아요. 색상과 사이즈 선택만 되면 되요. 어떻게 해야 하는건가요? 플러그인을 설치를 해야하는지... 플러그인 어떤걸 설치를 하면 될까요? 많이 어렵습니다.. 도와주세요..
관리자 페이지 좌측 패널에서 "상품"을 클릭한 뒤,
상품 편집 화면에서 상품 데이터에 "단순 상품"이 아닌 "옵션 상품"을 선택해주세요.
선택 후 좌측 탭의 일반, 재고, 배송 아래 "속성"을 클릭해주세요.
여기서 색상, 사이즈를 새로 추가하실 수 있습니다. ("우커머스" - "속성"에서도 상품 속성들을 관리하실 수도 있습니다.)
그 다음, 아래 옵션에서 속성에 따른 옵션들을 작성해주시면 됩니다.
유튜브 댓글로 전달 드리기에는 설명이 어려울 수 있어, 우커머스 상품 옵션 등록, 플러그인 등 검색해보시면 포스팅 된 글을 찾아보실 수 있으니 참고해보시기 바랍니다!
원하시는 기능이 없는 경우, WooCommerce Product Options, Extra product options For WooCommerce 등 상품 옵션 관련 플러그인도 있습니다
우커머스로 만든 상품페이지는 디자인 수정하는건 어렵나요?? 아님 디자인도 여러개중에 고를수있는건가용?
우커머스 상품페이지는 고정되어 있습니다. 이를 수정하시려면 수정가능한 플러그인을 사용하여 별도의 템플릿을 제작하셔야 합니다.
로그인 한 상태에서 로그아웃 버튼은 보이는데 로그아웃한 상태에서는 로그인,회원가입 버튼이 보이지 않네요
얼티밋 멤버는 로그인, 로그아웃한 사용자에 따라 메뉴가 표시되는 것을 지정할 수 있습니다.
워드프레스 관리자 페이지 좌측 패널의 외모 - 메뉴로 이동해주세요.
로그인, 회원가입 메뉴를 클릭하였을 때 "누가 이 메뉴 링크를 볼 수 있습니까?"에 로그아웃한 사용자로 잘 나타나는지 확인해보시기 바랍니다.
소장님 도움 요청합니다... 도움많이되었어요. 메인페이지에 상점 검색창을 넣고싶어요. 상점에 입점된 상품검색 어떻게하면 검색이 될까요? 방법을 모르겠어요.
woocommerce search plugin으로 검색하시면 무료/유료 플러그인을 찾아보실 수 있습니다.
사용하시는 용도나 디자인에 따라 차이가 있을 수 있어, 홈페이지에 적합한 플러그인을 찾으셔야 합니다.
무료(기능에 따라 유료 전환)로는 Advanced Woo Search, FiboSearch - Ajax Search for WooCommerce, Smart WooCommerce Search 등이 있으며,
유료로는 WooCommerce Product Search, YITH WooCommerce Ajax Product Filter, Product Filter for WooCommerce등이 있습니다.
무료 플러그인을 우선 사용해보시고, 원하시는 기능이 없는 경우 유료 전환을 하셔야 합니다!
투자 비용 최소화! 무료 호스팅으로 연습해보기 - ruclips.net/video/_RYJzG0UqFA/видео.html
온라인 건물 연구소의 쇼핑몰 제작 노하우를 알고 싶다면 - keypaper.biz/platform-making-lecture/
오픈 채팅방에서 자유롭게 질문하기 - open.kakao.com/o/gQBkp4Ue
소장님, 위 동영상처럼 우선 만들어는 봤는데요. 1. 할인쿠폰 등 쿠폰은 어떻게 만드는걸까요? 쿠폰번호를 만들어서 그 번호를 입력하면 할인이 되는거요.
2. 묶음으로 5만원이상 1000원 할인은 어떻게 만드는 걸까요?ㅠㅠ
1. 관리자 좌측 패널 "마케팅" - "쿠폰"에서 생성하실 수 있습니다.
생성한 쿠폰명을 결제 시 입력하면 쿠폰에 적용하신 할인 비율 또는 값이 반영됩니다.
2. 얼마 이상 구매 시 할인의 경우 우커머스 관련 플러그인을 사용해야 할 것 같습니다..
WooCommerce Dynamic Pricing & Discounts 와 같은 플러그인이 있으며, 원하시는 기능에 맞게 검색 후 무료 또는 유료 플러그인을 사용하셔야 합니다.
안녕하세요 너무 많은 도움을 받았습니다 감사합니다
직접 운영할 쇼핑몰 제작에도 엘리멘터 프로가 있다면 도움이 많이 되나요?
그리고 회원 관리, 결제 시스템 등 쇼핑몰 관련 플러그인 중 퀄리티 좋은 쇼핑몰 제작에 좋은 유료 플러그인 추천도 좀 부탁드리겠습니다!!
도움이 되셨다니 다행입니다.
엘리멘터 프로를 사용하더라도 쇼핑몰과 직접적으로 관계있는 요소가 있지는 않습니다.
글을 불러오는 post나, 신청폼, 갤러리, 슬라이드, 리뷰, 카운트 다운 등 홈페이지 기능 및 디자인에 도움이 되는 요소들이 있습니다.
운영하시면서 필요한 기능들이 있다면, 무료 플러그인을 사용하거나 호환성 좋은 프로를 구매해서 쓰셔도 됩니다.
우커머스를 통해서 일반적인 기능이 구현됩니다. 또한 cartflow라는 플러그인으로 상품 구매 페이지를 꾸밀 수 있습니다.
회원관리, 결제 시스템으로는 가격이 제법 있지만 코드엠샵이 있고, 그 외에도 단비소프트, 코스모스팜 등이 있습니다.
한 번 검색해보시고 결정해보시기 바랍니다.
도움많이 되었습니다 감사합니다. 그러나 제대로된 쇼핑물사용을 위해서는 결국에는 유료결제더군요 ㅠ 다른쇼핑물은 거의다 유료회원 회원관리 및 결제을 사용하는데 내가만든 사이트는 무료로 사용해봤더니 퀄리티부터 시작해서 너무허접하더라구요 ㅋ 그래도 이거보고 많이배웠습니다 ~
아무래도 아쉬운 점이 많기는 합니다. 그래도 Ultimate Member로 잘 꾸미면 나쁘지 않게 구현할 수는 있습니다 :) 화이팅입니다.
소장님, 블로그 쇼핑몰 워드프레스 구축 전자책은 어디서 구매 가능한가요?
현재 전자책 판매 퍼널과 상품 판매 페이지를 수정하고 있습니다.
구매를 희망하시는 경우, 아래 링크를 통해 구매하실 수 있습니다. (상품은 동일합니다.)
- 블로그 링크 : b-creator.com/product/%ea%b5%ac%ea%b8%80-%ec%95%a0%eb%93%9c%ec%84%bc%ec%8a%a4-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b8%94%eb%a1%9c%ea%b7%b8-%ec%a0%9c%ec%9e%91-%ec%a0%84%ec%9e%90%ec%b1%85/
- 쇼핑몰 링크 : b-creator.com/product/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%9e%90%ec%82%ac%eb%aa%b0-%eb%8b%a8-%ed%95%98%eb%a3%a8-%eb%a7%8c%ec%97%90-%ec%a0%9c%ec%9e%91%ed%95%98%eb%8a%94-%eb%b2%95/
감사합니다 잘보겠습니다. 집에 서버에 이걸 올리는 공부까지 해봐야겠군요
네~ 시청해주셔서 감사합니다.
원하시는 쇼핑몰 홈페이지 제작에 도움이 되었으면 좋겠습니다. :)
아스트라테마, 엘리멘터 빌더 조합으로 소장님 덕에 홈페이지를 만들었습니다
하지만 메인화면을 수정하다가
1.메인화면 배경화면을 헤더부분까지 확장하고 헤더빌더에서 로고와 메뉴 글자를 흰색으로 변경했습니다
이쁘게 잘 만들었다 생각하고 다른 메뉴를 클릭해보니(메인을 뺀 나머지 메뉴페이지는 바탕이 흰색이라) 로고와 메뉴가 안보이네요
해결방법을 찾아보자해서
2.아스트라 스타터 템플릿의 다른테마를 검색하며 메인페이지와 다른 메뉴페이지가 제가 만든 페이지와 같은 테마를 찾아보니 메인메뉴는 흰색이고 다는 페이지 메뉴는 검은색으로 잘 나오길래 방법을 찾아보고자
다운을 받았는데..
페이지도 막생기고 플러그인도 생기고
기존홈페이지와 오류로 서버도 다운되고ㅠㅠ 설치한 테마를 삭제하고 기존 제가 만들었을때로 다시 돌아가고 싶은데 아무리 검색해도 방법을 몰라 여쮜봅니다
메인에서는 투명 배경의 흰색 글자를 쓰고,
다른 페이지에서는 흰색 배경이나 다른 배경을 쓰고 싶으신 경우에는 헤더를 "2개" 만들어주시면 됩니다!
엘리멘터 프로를 사용하고 계신 경우
첫번째, "템플릿"에서 투명이 아닌 헤더를 하나 더 만들어주세요.
두번째, 엘리멘터 편집화면에서 좌측 패널 아래 "업데이트" 우측에 화살표 아이콘을 클릭하여 "Display Conditions"를 눌러 주세요.
세번째, Add Condition을 눌러 새로 만드신 다음에 "Entire Site" 설정을 해주시면 전체 사이트에 반영됩니다.
마지막으로, 기존에 있던 투명 헤더 편집 화면으로 이동한 뒤, Entire Site를 해제하고, Add Condition을 눌러 Singular - 페이지 - 메인 페이지 이름을 눌러 설정해주시면 됩니다.
Header & Footer 플러그인을 사용하고 계신 경우
첫번째, Header & Footer Buider로 이동한 뒤, ADD NEW 버튼을 눌러 투명이 아닌 헤더를 하나 더 만들어주세요.
두번째, 투명이 아닌 헤더의 편집 버튼을 눌러 "Display On"에 "Entire Website" 설정을 해주세요.
세번째, 기존 투명 헤더의 편집 버튼을 눌러 "Entire Website" 설정을 해제하고, 가장 아래 Specific Pages / Posts / Taxonomies, etc.를 선택해 주세요.
마지막으로, 메인페이지 이름을 빈칸에 입력해주세요.
위와 같은 방법으로 투명이 아닌 헤더는 전체 페이지들에 적용하고, 투명 헤더는 메인페이지에 연결할 수 있습니다.
안녕하세요. 질문드리기전 먼저 구독&좋아요 누르고 시작합니다!
홈페이지를 만들기위해 찾아보다가 올려주신 영상들로 도움 정말 많이 받았습니다! 감사인사 먼저 드리고요,
한가지 궁금한게 있는데, 페이지를 올리다보면 아래쪽에서 올라오는 페이지들이 동적으로 보여지는게 있는데요, 스크롤을 올리면 살짝 올려지면서 콘텐츠가 보여진다거나..
말로 표현하기 좀 어려운데 뭔가 살짝씩 움직이면서 보여지는것을 어떻게 할수 있을까요?
스타터템플릿을 보면 그런 페이지들이 보이는데, 템플릿 없이 올려주신거 보면서 처음부터 만들다보니 해당부분을 어떻게 하는지 잘 모르겠습니다;
문의드릴께요, 미리 감사합니다^^
시청해주셔서 대단히 감사합니다. :)
엘리멘터 자체 기능으로 페이지 스크롤을 움직이거나 마우스를 올렸을 때 애니메이션 효과를 줄 수 있습니다.
편집 요소를 클릭하여 [고급] - [모션효과]의 Mouse Effects나 입구 애니메이션을 통해 효과를 줄 수 있고,
모션효과 아래, [변환], [배경], [테두리] 의 마우스 오버 탭에서 마우스를 올렸을 때 디자인이 변하게 할 수 있습니다.
이미지와 같은 몇몇 엘리멘트는 [스타일] 탭 아래 마우스 오버에서 마우스 오버 애니메이션을 통해 효과를 주실 수 있습니다.
또한,
스타터 템플릿에서 마음에 드는 효과를 발견하셨다면, 서브도메인에 스타터 템플릿을 설치하고
그 효과가 어떤 효과인지 직접 확인해보는 방법도 있습니다!
진행하시면서 추가로 궁금한 사항이나 진행이 잘 안되는 경우 언제든지 문의하세요!
@@itconnect_dev오, 설명 감사합니다!
나중어 집에서 한번 해보도록 하겠습니다!!^^
아, 참고로 저는 네임칩 도메인에 카페24 호스팅 사용중인데, 서브도메인이 안되더라구요ㅠ 네임칩에서 외부호스팅을 사용하니 CNAME 기능이 안되는거 같습니다ㅠ
@@itconnect_dev답변 감사합니다!
말씀하신대로 서브도메인을 사용하고 싶었는데..
제가 도메인은 네임칩을 쓰고 호스팅을 카페24를 쓰는데 서브도메인을 사용할수 없더라구요ㅠㅠ
네임칩을 쓸때 외부 호스팅을 쓰면 CNAME 기능을 사용할수 없는거 같습니다ㅠㅠ
현재 네임칩을 사용하지 않아서 직접 보여드리기는 어려운 상황이나, 네임칩도 서브도메인을 지원하고 있습니다.
네임침 고객센터 글을 참고하셔서 제작해보시기 바랍니다.
링크 :
www.namecheap.com/support/knowledgebase/article.aspx/9776/2237/how-to-create-a-subdomain-for-my-domain/
만약 되지 않는 경우, Help Center에서 우측 하단 채팅을 통해 빠르게 해결하실 수 있습니다~
안녕하세요!! 튜토리얼 너무 감사합니다! 랜팅페이지 만들때 오른쪽 검색이나 최신글 최신 댓글이 뜨는데 어떻게 삭제 하나요?
워드프레스 관리자 페이지 좌측 패널에 "글" 과 "댓글"이 있습니다.
각각의 편집 화면으로 이동하신 다음에 "휴지통"으로 이동한 뒤 영구삭제를 진행해주세요.
엘리멘터 페이지 편집 화면에서 최신글과 댓글이 나타나는 경우, 해당 엘리멘트를 삭제해주세요
안녕하세요 강의 감사드립니다 혹시 회원가입할때 휴대폰을 이용한 본인인증도 추가 할수 있나요?
시청해주셔서 감사합니다.
휴대폰 본인인증 기능을 추가하고 싶으신 경우, 플러그인을 설치하시면 사용 가능합니다.
다만, 플러그인을 별도 구매해서 사용해주셔야 합니다. (무료 플러그인은 아직 찾지 못했습니다..)
해당 플러그인을 판매하는 곳은 코드엠샵, 단비소프트, 망보드 등이 있습니다.
@@itconnect_dev 넵 답변 너무 감사합니다
안녕하세요~ 로그인 누르면 아이디랑 비번박스가 보이지 않고 로그인 버튼모양을 다시 눌러야 아이디랑 비번창이 보입니다.. 로그인페이지에서 바로 볼 수 있도록 할 수 없을까요?
처음으로 메뉴의 로그인을 눌렀을 때, 로그인 페이지로 이동 되지 않는 건가요?
정확한 상황을 파악해야 할 것 같습니다!
@@itconnect_dev메뉴의 로그인 버튼을 누르면 로그인 창이 뜨는데 아이디/비번 넣는 게 안나오고 로그인 버튼만 뜹니다! 버튼을 누르면 아이디 비번창이 나옵니다.. 사진으로 보시면 이해 될텐데 글로 설명하려니 어렵네요ㅠㅠ
작성된 말로는 이해하기 어렵네요. 경로 설정의 문제일 것으로 보이는데, Ultimate Member 플러그인 설치부터 다시 반복해보시면 좋을거 같습니다
안녕하세요 영상 잘보면서 차근차근 해보고있습니다!
조금 막히는부분인 있는데요
커스텀 폰트에서 "더잠실체"를 사용하여 말씀해주신 방법대로 폰트를 바꾸려고 하는데 어떻게 설정해도 폰트가 적용이 되지 않습니다
왜 이런걸까요??ㅠㅠ
커스텀 폰트에서 말씀하신 폰트가 나타나고, 해당 폰트를 클릭하였는데 반영이 되지 않을까요?
36분부터 영상 참고하셔서 파일을 올바르게 넣어주셨는지 확인 부탁드립니다.
동일한 방법으로 다른 폰트를 넣어보신 후에 오류가 있는지 체크해보시기 바랍니다.
폰트 파일 문제, 적용 방법 문제 등 어떤 부분에서 오류가 났는지 정확한 확인이 필요할 것 같습니다.
다 만들고 파이어폭스 켜서 로그인 된 화면 로그아웃 하면 기존에 만들어진 홈/상점 등이 안보이고, 다시 로그인 하면 만들었던 홈페이지 화면이 뜹니다.. 뭔가 설정이 잘못 된거 같은데 뭘까요..? ㅠㅠ
외모-메뉴에서 전체로 되어 있어도 동일합니다..
파이어폭스 브라우저의 캐쉬(방문기록)을 모두 삭제하고 다시 새로고침해보시기 바랍니다.
말씀하신대로 페이지추가 해서 홈페이지를 꾸몄는데 홈페이지가 아니라 /뒤에 사이트 한글이름이 들어가면서 다른페이지로 추가생성이 됩니다
저는 홈페이지를 편집하고 싶은데 어떻게 해야할까요?
워드프레스 관리자 메인 화면에서 좌측 패널의 [설정] - [읽기] 누르신 다음에,
"홈페이지 표시" - "정적인 페이지" 체크 후, 홈페이지 : 에 제작하신 메인페이지를 홈페이지로 설정해주세요.
위와 같이 설정해도 변경되지 않는 경우,
관리자 좌측 패널 [페이지]에서 엘리멘터 편집이 아닌 "편집"을 눌러주세요.
우측에 "URL" 부분에서 직접 변경이 가능합니다.
또한, 기존에 기본 도메인으로 제작된 페이지가 있는지 검토해보시기 바랍니다.
안녕하세요. 강의 잘 봤습니다. 덕분에 쇼핑몰 만드는데 많은 도움이 되었어요!!
저 궁금한게 한가지 있습니다.
배송료 관련 질문인데요 일반 상품은 배송비가 3500원에 측정하고, 몇몇 특정 상품에는 배송비를 7000원으로 하고싶은데
이것 저것 눌러봤는데 각각의 배송비가 설정되지 않더라구요
예를 들면 일반상품만 배송비 3500원은 설정할 수 있습니다. 특정 상품만 구매했을때도 배송비를 7000원 설정 할 수있어요
하지만 일반배송과 특정상품을 함께 구매를 할때는 배송비가 10500원이 되지않고 7000원이 되더라구요,,ㅠ
어떻게 해야할까요
안녕하세요~
해당 부분은 우커머스 유료 애드온을 설치하셔야 합니다.
참고 주소 전달 드립니다.
woo.com/document/per-product-shipping/
무료 플러그인이 있을 수도 있어서, 추가로 검색해보시길 바랍니다.