웹사이트 작업내역

[HIYOKA]

0 해당 웹사이트 정보 도메인 : celesteaura.com

기존 페이지 |메인페이지 celesteaura.com |계정관리페이지 celesteaura.com/my-account-2 |장바구니 페이지 celesteaura.com/cart-2 |결제 페이지 celesteaura.com/checkout-2 |상품 페이지 celesteaura.com/store, celesteaura.com/product-category/카테고리 이름, celesteaura.com/product/상품 이름 |문의 페이지 celesteaura.com/contact-us

추가 페이지 |로그인/회원가입 페이지 celesteaura.com/sign |개안정보처리방침 페이지 celesteaura.com/privacy |퍼스널컬러 상품 페이지 celesteaura.com/personalcolor |추천 페이지 celesteaura.com/recommend |관리자 페이지 ||의류 타입별 리뷰 분석 celesteaura.com/manager ||베스트 TOP10 감성 분석 celesteaura.com/manager-2 ||퍼스너컬러별 리뷰 분석 celesteaura.com/manager-3

[HIYOKA]

1 서버 환경 구축 cloudways : Cloud Hosting Platform Vultr : Hosting Server 3.8 GHz Processors NVMe Local SSD Storage

07/11 vultur 사이트에 직접 호스팅해서 비용을 줄임 09/02 이전이 완벽하게 된 줄 알았으나 cloudways 구독 해지되고 며칠 후 이상해져 비용(시간, 돈, 학업 등)의 이유로 취소

1-1 Server Management

Settings & Pagkages |Memory LIMIT 512 MB 설정

Vertical Scailing : 4GB RAM

SMTP 설정 완료

1-2 Application Managemenet Access Details |database에 접근할 수 있다.

Domain Management |도메인 celesteaura.com을 PRIMARY(주요) 설정했음

SSL Certificate 설정

Deployment Via Git 설정

[HIYOKA]

2.워드프레스 환경 구축

2-1 워드프레스 테마 : Astra 템플릿 : Brandstore 페이지 편집기 : elementor 플러그인 ReactPress 플러그인: 특정 부분을 react 라이브러리로 작동

2-2.일반 설정-사이트 제목, 태그 라인 설정, 시간대, 날짜 표시 형식, 시간 표시 형식

2-3.고유 주소 설정 – 고유주소 구조 글 이름 = post name

2-4.우커머스 일반 설정-Currency, Number of decimals

[HIYOKA]

3 로그인/회원가입 페이지 (추가페이지) Sign : celesteaura.com/sign Essential Addons for Elementor 플러그인 설치해서 진행함. 워드프레스 기본 로그인 기반

완료 0 공통 0-1 header에 괜찮게 보이게 하기 |로그아웃 되었을 때 로그인 텍스트로 보이게 하기 |로그인 되었을 때 header에서 로그아웃 텍스트로 추가 하기 0-2 한글번역 0-3 logout : My accout, header에 있는 로그아웃 등 모든 로그아웃 버튼을 누르면 메인페이지로 이동 |헤더에 있는 로그아웃 버튼은 Login Logout Menu 플러그인 이용, 나머지는 해당 php 수정 0-4 회원가입과 비밀번호 재설정 할 때 보내는 이메일 수정

1 로그인 1-1 기억하기 제대로 작동 안 해서 삭제

2 회원가입

3 비밀번호 재설정

[HIYOKA]

4 공통사항 언어 : 한글로 진행 기존 페이지 번역: elementor 편집기와 loco translate 플러그인

공통 컬러 검은색/흰색/하늘색 계열을 적절하게 주로 사용한다.

완료 1 CSS 적용 2 로고 3 파비콘 4 헤더 4-1 메뉴마다 마우스 올려놓으면 색깔이 각각 다르게 바뀌게 수정 4-2 관리자 메뉴는 워드프레스 관리자,편집자일 경우에만 보이도록 자식 테마 function.php 수정 5 푸터 5-1 간단하게 수정하였다.

[HIYOKA]

5 계정관리 페이지 (My account) 0 영향을 미치는 플러그인 Essential Addons for Elementor | elementor 편집기에서 특정 기능을 추가로 이용할 수 있도록 하는 플러그인

1 한글화 1-1 php > 직접 번역했었으나 플러그인들 업데이트하고 자동으로 번역 후 이상한 것만 직접 고침 다른 페이지도 마찬가지 아스트라public_html/wp-content/plugins/astra-addon/addons/woocommerce/templates/ orders.php navigation.php

우커머스 public_html/wp-content/plugins/woocommerce/ includes/wc-account-functions.php includes/class-wc-countries.php includes/class-wc-form-handler.php

astra-child/wcommrce/myaccount/ dashboard.php downloads.php my-address.php from-edit-account.php 1-2 loco translate 플러그인

2 주문목록에서 해당 상품 리뷰하는 곳으로 이동할 수 있도록 리뷰하기 버튼 생성

[HIYOKA]

6 장바구니 페이지 (Cart)

영향을 미치는 플러그인 CartFlows | 장바구니, 결제 등에서 디자인, 기능들을 책임지는 플러그인 WooCommerce Cart Abandonment Recovery | 장바구니에 담았으나 결제하지 않은 고객들의 주문 리스트 관리 Essential Addons for Elementor

1 한글화 public_html/wp-content/plugins/essential-addons-for-elementor-lite/includes/Template/Woocommerce/Cart/Woo_Cart_Helper.php public_html/wp-content/plugins/woocommerce/includes/class-wc-form-handler.php public_html/wp-content/plugins/woocommerce/includes/class-wc-discounts.php public_html/wp-content/plugins/woocommerce/includes/class-wc-coupon.php

2 결제 페이지로 가는 버튼이 중복되는 문제 해결

3 장바구니 실시간 갱신 기능을 제공하는데 제대로 작동되지 않아 해당 기능 끔

[HIYOKA]

7 결제 페이지 (Checkout) 0 영향을 미치는 플러그인 CartFlows Essential Addons for Elementor

1 한글화 1-1 엘리멘터 1-2 php public_html/wp-content/plugins/woocommerce/includes/class-wc-countries.php public_html/wp-content/plugins/woocommerce/includes/class-wc-checkout.php

2 주문하기 버튼 왼쪽에 개인정보처리방침 페이지로 갈 수 있도록 수정

[HIYOKA]

8 상품 페이지 celesteaura.com/store

구글 드라이브 참고 https://drive.google.com/drive/u/0/folders/1V3_-m58MOZGi5i2a0O1ZYK6dDcXtZxLc 0 설정 1 상품 2 주문/결제 3 쿠폰 모든 상품 30%할인 쿠폰 CELESTE30PERSALE Cardigan 20% 할인 쿠폰 CARDIGAN20PER Top 15% 할인 쿠폰 TOP15PER Skirt 10% 할인 쿠폰 SKIRT10PER 4 이메일이 오는 거 확인함 5 상품 5-1 상품 카테고리 수정 5-2 상품 DB 적용 6 해당 상품 페이지 celesteaura.com/product/상품 이름 6-1 아스트라 자식테마 style.css 수정 A SCU 단위 없애기 B 카테고리 없애기 C 태그 수정 D 별점 없애기 > 해당 기능 필요하여 살림 6-2 php A 리뷰 기능 작동시키기

[HIYOKA]

9 메인페이지 1 기존 섹션 수정 및 일부 제거 2 문구 수정 3 쇼핑하기 버튼들이 해당 페이지로 이동하도록 했다. 4 이미지들을 교체

[HIYOKA]

10 문의 페이지 wp-forms 플러그인 이용 : 이메일을 받을 수 있는 폼 작성을 쉽게 할 수 있는 플러그인 1 문의 폼이 작동되게 하고 문의 폼만 남겨두었다.

[HIYOKA]

11 퍼스널컬러 상품 페이지 (추가 페이지) [react] 퍼스널컬러와 카테고리를 입력하면 해당 상품들이 보이는 페이지

1.css 1-1.드롭다운 목록 반응형 css 적용 1-2. 상품 검색 버튼에 마우스 올릴시 검은색 테투리, 검은글씨, 흰색 버튼으로 바뀜 2 페이지네이션 적용 Pagination.js

[HIYOKA]

12 추천 페이지 (추가페이지) [react] 1 추천 방식 1-1. 랜덤 추천 1-2. 높은 평점(4.0 이상) 추천 2 css 2-1. 드롭다운 목록 반응형 css 적용 2-2. 상품 추천 버튼에 마우스 올릴시 검은색 테투리, 검은 글씨, 흰색 버튼으로 바뀜

[HIYOKA]

13 관리자 페이지 (추가 페이지) [react] 관리자만 접근할 수 있도록 하였다. (php)

1의류 타입별 리뷰 분석 1-1 recharts 라이브러리 이용

2 퍼스널컬러별 리뷰 분석 2-1 recharts 라이브러리 이용

3 베스트 TOP10 감성분석 3-1 lodash 라이브러리 이용