본문 바로가기

분류 전체보기

 (58)
쇼핑몰제작 - 카페24 상품등록 쇼핑몰제작 - 카페24 상품등록 쇼핑몰제작 과정 중 카페24 관리자 사이트에서 상품등록하는 방법에 대해서 말씀드리겠습니다 상품관리에서 상품등록의 하위메뉴에 상품등록을 클릭해 주세요 ‘표시설정’에 진열상태를 진열함에 체크해 주시고 판매상태를 판매함으로 체크해주세요. 상품분류선택에서 판매하고자하는 상품을 선택해서 ‘적용’ 하겠습니다 쇼핑몰 메인진열에 추천상품을 진열함으로 표시했습니다. 제품에 맞는 키워드를 넣어서 상품명을 만들어서 상품명에 넣어주는것이 중요합니다. 국내산 호텔 경추 항균 베개솜 3D 솜베개 40x60 으로 만들었습니다 자체상품코드를 입력하고, 상품간략설명은 검색엔진 검색결과에 노출 되는부분입니다 상품간략설명을 만들때 구글에서 84자까지 노출되므로 앞부분에는 중요한 내용을 넣고 뒷부분에는 덜 ..
쇼핑몰제작 - 카페24 쇼핑몰 카테고리 만들기 쇼핑몰제작 - 카페24 쇼핑몰 카테고리 만들기 오늘은 쇼핑몰제작에서 카페24 쇼핑몰 카테고리만들기에 대해서 말씀드리겠습니다 브랜드스토리는 없애고 카테고리를 판매할 상품에 맞춰서 수정하겠습니다 카페24 관리자 페이지에서 상단메뉴의 상품관리에서 분류관리를 선택하겠습니다. 카테고리 중 브랜드스토리를 선택하고 표시안함을 선택하면 메인화면에서 노출되지 않습니다 리로드를 하고 나서 보면 앞쪽에 있던 브랜드스토리는 노출이 안되는 것을 보실 수 있습니다 만들어져 있는 카테고리를 노출이 안되도록 설정하고, 필요한 카테고리는 대분류 추가를 이용해서 새로 만들어주시는 것이 좋습니다 대분류추가를 클릭해 추가한 후에 표시상태에서 '표시함'에 표시해주세요 리로드 하신 후 수정한 내용에 틀린점이 없는지 확인해 주시면 됩니다 카테고..
쇼핑몰제작 - 쇼핑몰 메인페이지 센터 이미지 수정 쇼핑몰제작 - 쇼핑몰 메인페이지 센터 이미지 수정 쇼핑몰제작 쇼핑몰 만들기 쇼핑몰 메인페이지 센터이미지를 수정하겠습니다 메인 이미지 아래부분 이미지가 있습니다 이 이미지는 스킨 구매시에 디자인되어 있었던 이미지입니다 저희가 원하는 이미지로 바꾸겠습니다 이미지를 다른 이름으로 저장 하겠습니다 포토샵으로 저장한 이미지를 열어 다른 이미지로 교체하겠습니다 기존 이미지와 사이즈를 동일하게 만들어 주시면서 이미지의 위치와 크기를 조절합니다 수정한 이미지를 파일에서 내보내기 하신 후 웹용으로 저장해 주세요 저장 위치를 확인하신 후 저장 버튼을 클릭해 주세요 메인 페이지에 오셔서 개발자 도구를 열어주세요 이미지 위치를 확인 하신 후 카피해 주세요 메모장에 넣어주세요 카페24 ftp에 수정한 이미지를 업로드 하겠습니다..
쇼핑몰제작 - 모바일버전 메인배너 바꾸기 쇼핑몰제작 - 모바일버전 메인배너 바꾸기 쇼핑몰만들기 13번째 모바일버전 메인배너를 교체하겠습니다 상단 메뉴 ‘모바일쇼핑몰’ 을 클릭해 주세요 메인 배너 이미지를 어디에 업로드해야 하는지, 이미지의 크기가 몇 픽셀인지 알아보겠습니다 도구 더보기에서 개발자도구를 꺼낸 후 개발자 도구를 열어서 우측 상단에 있는 부분을 클릭하고 메인이미지를 선택하면 개발자도구에서 반전되는 부분을 확인할 수 있습니다. 이 부분을 카피해주세요 메모장에 붙여넣어 확인해보면 _dj/img가 메인 이미지를 업로드 위치이고, main_section_1_img2.jpg 가 메인이미지 파일명임을 알 수 있습니다 카페24 ftp로 들어가겠습니다. 메모장에 넣어둔 이미지 주소에 따라 폴더를 찾아주세요. 표시한 2개의 이미지를 교체하겠습니다 기..
쇼핑몰제작 직접 만들 수 있습니다 - 상세페이지 HTML 사용법 쇼핑몰 상세페이지 HTML 사용법 쇼핑몰만들기 11번째 시간 html 에디터사용법에 대해서 말씀드리겠습니다 상세페이지를 티스토리에서 기획한 후에 html로 만들겠습니다. 카페24 자사몰과 스마트스토어,쿠팡,11번가,옥션,G마켓등 여러 오픈몰에 상품등록을 하고 에디터로 만든 상세페이지를 업로드하겠습니다. 이 html 에디터로 상세페이지를 만들어 20개이상 몰에 테스트 했는데, 문제가 없는 것이 확인되었습니다 에디터는 구글스프레드로 만들어졌습니다. 이 툴을 잘 사용하려면 첫째, 구글 스프레드시트에 대해 알아야합니다. 구글스프레드 시트는 구글에서 만든 엑셀과 비슷한 툴이지만, 엑셀보다 훨씬 뛰어난 기능이 있습니다. 둘째 파일정리를 체계적으로 해야합니다. 한개의 상품을 판매하는 것이 아니라 몇십개, 몇백개, 몇..
쇼핑몰제작 - html 에디터로 상세페이지 만들기 쇼핑몰 만들기 상세페이지 html 에디터 상용법을 설명하겠습니다 이 사이트는 제가 공부를 위해서 연습용으로 만들었던 사이트입니다 제품을 판매했지만 현재는 중단되어 있습니다 상품을 하나 선택해서 제품을 구매할 수 있는 페이지로 들어가겠습니다 상세 페이지를 살펴보면 글씨를 선택할 수 있는 것을 확인할 수 있습니다 상세 페이지를 만들때 작업한 html을 확인하기 위해 관리자 페이지 상품목록 메뉴로 들어가겠습니다 박스쳐진 이 부분에 상세 페이지를 넣으면 됩니다 오른쪽 전체 화면을 클릭해보면 상세 페이지가 보입니다 오른쪽 상단에 코드보기를 클릭하면 짜여져 있는 코드를 볼 수 있습니다 카피해서 편집기로 옮겨보겠습니다 vscode에 붙여놓고 보면 표시한 부분 과일 야채 챙겨먹기 어려운가요 그렇다면 하이자임 드세요라는..
쇼핑몰제작 - 포토샵이 아닌 html로 상세페이지를 만들어야 하는 이유 쇼핑몰제작 - 포토샵이 아닌 html로 상세페이지를 만들어야 하는 이유 쇼핑몰제작 포토샵이 아닌 html로 상세페이지를 만들어야하는 이유에 대해 설명하겠습니다 이 그래프는 제가 2021년에 seo 작업을 했던 회사의 구글 서치콘솔 16개월 데이터 입니다 작업은 21년 5월부터 시작했습니다 메타태그 설정이 seo 작업의 주요 내용이었습니다 11월 말쯤 구조화된 스니펫 설정도 마무리 했습니다 그래프를 보면 총 노출수가 증가하고 있음을 볼 수 있습니다 seo 작업설정 전과 후의 한달 데이터를 비교해 보겠습니다 메타태그 설정 전 3월 한달 데이터와 설정 후 11월 데이터를 보겠습니다 표시한 부분에서 보다시피 총 클릭 수 총 노출 수 평균 게재순위가 달라진 것을 확인할 수 있습니다 특히 총 클릭수는 10배 많아졌..
웹사이트만들기 - 푸터수정 웹사이트만들기 - 푸터수정 워드프레스로 웹사이트만들기 푸터 수정에 대해서 말씀드리겠습니다 엔폴드의 푸터부분은 현재 4단으로 구성이 되어있습니다. 3단으로 수정하고 1단에는 회사소개 내용과 2단에는 회사주소및 전화번호 사업자등록 번호 등을 넣어주고 3단의 사이트맵은 그대로 두도록 하겠습니다 푸터부분을 수정하기 위해서 ‘사용자 정의하기’에서 ‘위젯’ 으로 들어가 주세요 푸터 - column1,2,3,4 로 4단으로 구성이 되어있습니다 왼쪽 메뉴에서 ‘엔폴드’ 하위에 ‘팀옵션’을 클릭해 주시면 ‘푸터’ 라고 나와있습니다. 4단을 3단으로 조정하겠습니다 3단으로 수정된 것을 보실 수 있습니다 추가하고 싶은 내용이 있으시면 ‘위젯추가’를 클릭하시면 오른쪽에 여러메뉴가 나옵니다 여기서 확인하셔서 적용해주실 수 있습..
웹사이트만들기10 - 블로그페이지공통 CSS적용 워드프레스로 웹사이트만들기 10번째 시간 블로그페이지 공통 css적용에 대해서 말씀드리겠습니다 티스토리에서 발행된 글이 웹사이트 블로그 페이지에 자동으로 노출되도록 wpematico를 설정했습니다 블보시는것처럼 글씨가 크고 이미지와 글이 붙어있어서 글을 읽기에 불편함이 있습니다 모바일로 볼때도 가독성이 떨어집니다. 마진값을 조정하고 이미지와 글씨 사이의 간격을 넓히고 이미지에 테두리를 줘서 가독성을 높이겠습니다. 이 디자인이 한꺼번에 적용이 될 수 있도록 css를 수정하겠습니다 도구 더보기에서 개발자 도구로 들어가 보겠습니다 블로그 내에서 이 텍스트의 css가 어떻게 되어있는지 확인하기 위해서 개발자 도구에서 해당 element를 카피해 주세요 카피한 내용을 메모장에 붙여 놓고 보면 텍스트가 모두 h3 ..
웹사이트만들기09 - contact from7 플러그인 설정 워드프레스로 웹사이트만들기 9번째 시간 컨택트 폼7 플러그인 설정에 대해서 말씀드리겠습니다 컨택트 폼7은 양식을 제출할 수 있는 플러그인입니다. 새로추가 버튼을 클릭해 주세요 컨택트 폼7을 검색 하면 연락처 양식7 이라는 플러그인이 나옵니다. 정보를 확인하시면 5백만 이상 활성설치라고 되어있습니다. 많이 쓰는 플러그인입니다 그리고 최근 업데이트가 4주전이라고 되어있고 사용중인 워드프레스 버전과 호환 된다고 나옵니다 이 컨택트폼7을 설치하고 활성화하겠습니다 설정을 클릭하겠습니다 웹사이트의 메인페이지의 박스 아래 부분에 원하시는 서비스를 신청하라는 폼을 만들어 넣겠습니다 회사명 넣는 부분을 만들고, 사이트주소를 넣도록 하겠습니다 url을 클릭하고 필수항목의 체크박스에 체크해 주신 후 태그삽입하기 버튼을 클릭..

티스토리툴바