우커머스 - 픽셀디자인 - 워드프레스 & 반응형앱 제작전문 https://www.picell.biz 반응형웹 워드프레스제작 전문 에이전시 - 여러분의 웹사이트를 효율적으로 제작하여 더 나은 이용자 경험을 제공하는 웹앱과 하이브리드앱을 제작합니다. “모바일과 데스크탑 모두에서 최상의 이용자 경험을 제공하는 웹앱과 하이브리드앱을 함께 만들어봅시다!” Mon, 24 Feb 2025 03:59:33 +0000 ko-KR hourly 1 https://www.picell.biz/wp-content/uploads/2025/04/25y_picell_favicon.svg 우커머스 - 픽셀디자인 - 워드프레스 & 반응형앱 제작전문 https://www.picell.biz 32 32 41583857 우커머스 상품 등록 및 편집 방법 https://www.picell.biz/%ec%9a%b0%ec%bb%a4%eb%a8%b8%ec%8a%a4-%ec%83%81%ed%92%88-%eb%93%b1%eb%a1%9d-%eb%b0%8f-%ed%8e%b8%ec%a7%91-%eb%b0%a9%eb%b2%95/ https://www.picell.biz/%ec%9a%b0%ec%bb%a4%eb%a8%b8%ec%8a%a4-%ec%83%81%ed%92%88-%eb%93%b1%eb%a1%9d-%eb%b0%8f-%ed%8e%b8%ec%a7%91-%eb%b0%a9%eb%b2%95/#respond Mon, 24 Feb 2025 03:59:33 +0000 https://www.picell.biz/?p=33007 워드프레스 + 우커머스 상품 등록 전체 절차를 단계별로 정리합니다. 이미지 삽입 위치, 옵션 설정 등 상세 설명과 함께 HTML 예시를 포함합니다. 1. 워드프레스 관리자 로그인 https://사이트주소/wp-admin 접속 → 관리자 계정으로 로그인....

The post 우커머스 상품 등록 및 편집 방법 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> 워드프레스 + 우커머스 상품 등록 전체 절차를 단계별로 정리합니다. 이미지 삽입 위치, 옵션 설정 등 상세 설명과 함께 HTML 예시를 포함합니다.

1. 워드프레스 관리자 로그인

  • https://사이트주소/wp-admin 접속 → 관리자 계정으로 로그인.

2. 상품 추가 메뉴 이동

  • 좌측 메뉴: Products (상품) → Add New (새로 추가) 클릭.

3. 기본 정보 입력

1) 상품명

  • 제목 필드에 상품명 입력 (예: 기본 라운드 티셔츠).

2) 상세 설명

  • 상세 설명 (Description)
    • 상품의 특징, 사용법, 제조 정보 등을 HTML/텍스트로 작성.
  • <h3>제품 특징</h3>
    <ul>
    <li>소재: 순면 100%</li>
    <li>사이즈: S, M, L</li>
    <li>세탁 방법: 드라이클리닝 권장</li>
    </ul>
    <img src=”https://example.com/fabric-detail.jpg” alt=”소재 상세 이미지” width=”500″>
  • 이미지는 미디어 추가 – 이미지 선택 > 우측 사이즈 옵션에서 > 전체 이미지 (최대 이미지) 선택 후 삽입

3) 짧은 설명 (Short Description)

  • 주문 페이지에 노출될 간략한 설명 (예: 편안한 착용감의 베이직 라운드 티셔츠).

4. 상품 데이터 설정

오른쪽 Product data 박스에서 설정합니다.

1) 상품 유형 선택

  • Simple product: 단일 옵션 상품 (기본값).
  • Variable product: 사이즈, 색상 등 옵션 다양할 때 사용.
  • Grouped product: 관련 상품 묶음.
  • External/Affiliate product: 외부 판매 상품.

2) 일반 설정 (General)

  • Regular price: 기본 가격 (예: 29,000).
  • Sale price: 할인 가격 (선택 사항).

3) 재고 관리 (Inventory)

  • SKU: 상품 고유 코드 (예: TSHIRT-BLACK-S).
  • Stock quantity: 재고 수량 (예: 100).
  • Stock status: 재고 상태 (In stock, Out of stock).

4) 배송 설정 (Shipping)

  • Weight: 무게 (예: 0.3 kg).
  • Dimensions: 크기 (예: 30x40x2 cm).

5) 상품 옵션 (Variations)

Variable product 선택 시 필수

  1. Attributes 탭 → Add attribute 클릭.
    • 속성명: 색상 또는 사이즈.
    • 값 입력: 빨강, 파랑, 검정 (콤마로 구분).
    • Used for variations 체크.
  2. Variations 탭 → Create variations from all attributes 클릭.
  3. 각 변형별 가격/재고 설정.

5. 상품 이미지 업로드

1) 대표 이미지

  • 우측 Product image → Set product image 클릭 → 미디어 라이브러리에서 선택.

2) 상품 갤러리

  • Product gallery → Add product gallery images 클릭 → 추가 이미지 업로드.

6. 분류 및 태그 설정

  • Product categories: 상위/하위 카테고리 선택 (예: 의류 > 티셔츠).
  • Product tags: 검색 키워드 입력 (예: 면티셔츠, 기본템).

7. 관련 상품 연결

  • Linked Products 탭 → Up-sells: 연관 상품 추천.
  • Cross-sells: 장바구니 추천 상품.

8. SEO 설정 (Yoast SEO 플러그인 사용 시)

  • 하단 Yoast SEO 섹션 → SEO 제목, 메타 설명, 키워드 입력.

9. 발행

  • 우측 상단 Publish 버튼 클릭 → 상품이 사이트에 게시됩니다.

확인 방법

  • 상품 페이지 확인: https://사이트주소/product/상품슬러그 접속.
  • 상점 페이지: https://사이트주소/shop에서 목록 확인.

 

The post 우커머스 상품 등록 및 편집 방법 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> https://www.picell.biz/%ec%9a%b0%ec%bb%a4%eb%a8%b8%ec%8a%a4-%ec%83%81%ed%92%88-%eb%93%b1%eb%a1%9d-%eb%b0%8f-%ed%8e%b8%ec%a7%91-%eb%b0%a9%eb%b2%95/feed/ 0 33007 워드프레스의 힘 – 비주얼페이지빌더 https://www.picell.biz/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%9d%98-%ed%9e%98-%eb%b9%84%ec%a3%bc%ec%96%bc%ed%8e%98%ec%9d%b4%ec%a7%80%eb%b9%8c%eb%8d%94/ Fri, 20 Jul 2018 02:11:33 +0000 https://www.picell.biz/?p=29964 [et_pb_section bb_built=”1″][et_pb_row][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.2.2″] 비주얼페이지빌더(Visual page Builder) 오래전 워지웍 – 드래그엔 드롭 에디터가 출시 되었을때 웹디자이너, 매니저들은 획기적인 웹저작 도구에 열광했었습니다. 포털사이트의 블로그 저작도구와 카페등에서 더욱 활발하게 발전되어 사용하게 되었고...

The post 워드프레스의 힘 – 비주얼페이지빌더 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> 비주얼페이지빌더(Visual page Builder)

오래전 워지웍 – 드래그엔 드롭 에디터가 출시 되었을때 웹디자이너, 매니저들은 획기적인 웹저작 도구에 열광했었습니다.

포털사이트의 블로그 저작도구와 카페등에서 더욱 활발하게 발전되어 사용하게 되었고 관련 리소스가 공개되어 홈페이지 제작시에도 많이  사용하게 되었죠. 그런 환경이 1세대라면 워드프레스의 페이지빌더는 4~5세대즘 되겠네요.

컨텐츠의 레이아웃을 만들고, 이미지와 텍스트의 배치가 가장 기본적은 기능이라면 워드프레스와 함께 하는 페이지빌더는 그 이상의 기능들이 포함되어 있습니다.

블로그의 배치, 이미지슬라이더, 탭만들기, 토글, 아코디언, 로고슬라이더, 멤버리스트, 타임라인, 팬시헤더, 텍스트 애니메이션, 아이콘, 인포박스….

블로그로서의 기능과 쇼핑몰로서 필요한 상품출력과 이미지링크등 다양하고 복잡한 기능을 포함하고 있습니다.

워드프레스를 처음 시작하시는 분들이나 홈페이지나 쇼핑몰 직접 관리하시는 분들이라면 아래의 에디터와 에디터를 포함한 테마중 한가지를 완벽하게 소화할 필요가 있습니다.

물론 그것만 가지고는 부족한점은 나타나겠죠.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/divi-logo1.png” url=”https://www.elegantthemes.com/plugins/divi-builder/” /][/et_pb_column][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/visual-composer-logo1.jpg” url=”https://wpbakery.com/” /][/et_pb_column][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/elementor-logo1.jpg” url=”https://elementor.com/pro/?source=google&medium=cpc&campaignid=913749317&adgroupid=55561113270&keyword=elementor%20pro%20wordpress&matchtype=b&adposition=1t1&gclid=CjwKCAjw7cDaBRBtEiwAsxprXXdzSG16ZQDeqqgokx2gZ9BLwA5MOZ6MqonDcAD5nG-rX7q3WHAM8BoCv-4QAvD_BwE” /][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/thrive-architect-logo1.png” url=”https://thrivethemes.com/” /][/et_pb_column][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/beaver-builder-logo1.jpg” url=”https://www.wpbeaverbuilder.com/” /][/et_pb_column][et_pb_column type=”1_3″][et_pb_image _builder_version=”3.2.2″ src=”https://www.picell.biz/wp-content/uploads/2018/07/site-origin-logo1.png” url=”https://wordpress.org/plugins/siteorigin-panels/” custom_css_main_element=”width:80px;” /][/et_pb_column][/et_pb_row][/et_pb_section]

The post 워드프레스의 힘 – 비주얼페이지빌더 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> 29964 서브디렉토리 멀티사이트 구성을 통한 UI 구성 https://www.picell.biz/%ec%84%9c%eb%b8%8c%eb%94%94%eb%a0%89%ed%86%a0%eb%a6%ac-%eb%a9%80%ed%8b%b0%ec%82%ac%ec%9d%b4%ed%8a%b8-%ea%b5%ac%ec%84%b1%ec%9d%84-%ed%86%b5%ed%95%9c-ui-%ea%b5%ac%ec%84%b1/ Wed, 27 Jun 2018 01:32:33 +0000 https://www.picell.biz/?p=29924 워드프레스 멀티사이트란? 멀티(Multi) 사이트는 플러그인, 테마를 공유하는 여러개의 웹사이트를 말합니다. 구성에따라 미디어역시 함께 공유해서 사용할 수 있습니다. 멀티사이트는 싱글사이인온(Single-Sign-On)이 기본으로 회원이 공유됩니다. 멀티 사이트의 구성방식 서브 디렉토리 방식 ( 홈페이지주소/site1,...

The post 서브디렉토리 멀티사이트 구성을 통한 UI 구성 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> 워드프레스 멀티사이트란?

멀티(Multi) 사이트는 플러그인, 테마를 공유하는 여러개의 웹사이트를 말합니다.
구성에따라 미디어역시 함께 공유해서 사용할 수 있습니다.

멀티사이트는 싱글사이인온(Single-Sign-On)이 기본으로 회원이 공유됩니다.

멀티 사이트의 구성방식
  1. 서브 디렉토리 방식 ( 홈페이지주소/site1, site2 )
  2. 멀티 도메인 방식 ( site1.홈페이지주소, site2.홈페이지 )
  3. 멀티 도메인 방식의 도메인 맵핑 – 위 2번구성의 각 사이트는 각 개별적인 도메인으로 접속 구성 )

** 도메인 맵핑 (Domain Mapping)은 서버 단위 호스팅서버나 그것을 지원하는 단독 웹호스팅 서버에서만 가능합니다.

 

어떤 상황에서 멀티사이트가 필요한가?

  1. 서로 다른 컨텐츠의 UI를 분리하고 싶을때
  2. 홈페이지와 쇼핑몰을 분리하고 싶을때 (메뉴등등의 구성의 복잡도에 따라…)
  3. 여러개의 사이트를 호스팅하고 싶을때
  4. 멀티 블로깅사이트를 구성해서 유저에게 블로그사이트를 분양하고 싶을때

 

멀티사이트의 속도?

워드프레스 사이트의 속도는 플러그인과 테마에 따라 기본 속도가 현저하게 차이가 나게 됩니다.
캐시를 적용해서도 문제가 되는 구성이 있습니다.

경험적인 구성에서 살펴보면 WPML과 Woocommerce (Woocommerce의 다른 플러그인포함)를
하나의 사이트에서 모두 구성하지 않은 상태면 테마(Theme)를 적절히 선택하면 속도가 나쁘지 않습니다.

 

주의) 캐시 플러그인 또는 플러그인중 멀티사이트를 지원하지 않는 플러그인이 있습니다.

The post 서브디렉토리 멀티사이트 구성을 통한 UI 구성 first appeared on 픽셀디자인 - 워드프레스 & 반응형앱 제작전문.

]]> 29924