WordPress 강의

---

https://youtube.com/playlist?list=PLNiZrtHODQFDLr_PaA4tgKc7Y-ygGUIng 

워드프레스 강의

 

---

WordPress는 단순히 블로그 툴이 아니고

모든 종류의 웹사이트를 구축할 수 있는 강력한 오픈소스 프레임워크

테마 플러그인 개발

 

---

먼저 워드프레스를 설치할 수 있는 웹서버 호스팅 신청,

국내에도 다양한 유무료 호스팅 서비스가 많다.

 

회사의 조건

FTP로 서버에 직접 액세스 가능해야하고,

에디터플러스같은 툴로 소스를 직접 수정해야하는 일이 많이 발생하기 떄문에 이걸 지원해주는 호스팅 사이트를 고르래

아파치 웹서버 설정을 수정할 수 있는 업체여야해

 

워드프레스테마는 설치는 워드프레스 어드민페이지에서 가능하지만 삭제하는 기능은 어드민페이지에 없다. FTP로 접속해서 테마파일을 삭제해야한다. 플러그인도 에러가 있는 플러그인이면 어드민페이지에 관리메뉴로 접속이 안된대. 이때도 FTP로 플러그인 삭제해야된대

 

쇼핑몰, 포털, 커뮤니티 등을 만들 수 있어. 진짜 사이트로 돈벌거면 호스팅 업체 꽤 고민해서 정해야 한대

장애처리 고객응대 속도 등..

 

---

워드프레스를 다운로드 받는 게 있네

압축풀면 그냥 깃허브 그대로네

이걸 FTP를 이용해서 호스팅 서버로 업로드한대

 

호스팅 서버는 처음엔 아무 파일도 없는 상태네

그래서 업로드해

여기에 페이지도 있고 컨피그레이션도 있어서 웹사이트가 나와

 

---

작업을 편하게 해줄 프로그램들

FTP 클라이언트 앱 파일질라 = 리눅스에서 쉘 커맨드 쓰는거랑 같다  ▽쉘 커맨드로 vi에디터 쓰고 하는 거랑 같다고

소스파일 수정하기 위해 에디트플러스 같은거 선호하는거 깔아

 

---

호스팅할 때 데이터베이스 신청해서 받는대

id, pw를 준대

새로운 db생성, db 이름 기억하기

 

---

방금 만든 db를 워드프레스 설정파일에 적용시키기

wp-config.sample.php -> wp-config.php

 

db이름

id

pw

3개를 방금 사이트에서 설정한 것으로 바꾸기. 바꾸고 FTP업로드 하면 됨. ▽MySQL거기에 깔려 있어서 localhost인가봐

 

---

Site Title은 나중에 바꿀 수 있고

Username은 admin유저야

 

이거 다 하면 install된 것

 

---

로그인

관리자 대시보드로 오게 됨

 

---

https://youtu.be/S_yqjB4kkhM

제2강 워드프레스란?

정의 : 웹사이트를 만들어주는 공짜 툴

 

이제 블로그 페이지는 나오는데 어떻게 해야할지 난감할 것. 약간 서양스타일인데 우리나라스타일로 바꾸려면 구조를 알아야 한다

 

---

워드프레스는 프레임 워크

웹에 가장 기본적인 형태는 웹서버와 DB를 기반으로 페이지를 표시해주는 형태 여기에 워드프레스가 추가되면

웹을 둘러싸고 있다

프레임워크인 것.

일류 요리사 고용해서 직접 불고기 재워야 되는게 아니고 전화 한통으로 불고기가 배달이 된다

 

플러그인 형태로 대부분의 기능을 설치해서 사용할 수 있다

 

---

국내 서비스중에 클릭만 하면 쇼핑몰이 만들어지는 업체도 있어

편한데 수정할 순 없다. 있는대로 써야한다.

 

워드프레스는 어느정도 해주면서 변경도 가능

코딩 없이도 기존의 테마나 웹을 그대로 쓰면 된다

코딩 할 줄 알면 필요한 부분을 커스터마이징 가능

 

오픈소스라서 웹 프로그램을 공부할 때도 좋음

 

---

대시보드는 현황판, 전체적인 상황 파악

 

Posts

관리자가 새로운 컨텐츠를 업로드할 때 사용하는 메뉴, 관리자만 작성 가능 Add New > 여기서

일반 사용자들이 게시물을 올릴 수 있는 국내 게시판 형태는 다른 플러그인을 따로 설치해야

워드프레스는 이 기본 포스트를 변형해서 커스텀 포스트를 만들고 플러그인 개발할 때 가장 많이 사용

 

Pages

스태틱, Posts는 다이나믹

Posts는 새로운 포스트를 추가하면 예전 포스트는 뒤로 밀려

Static은 안변한다는 것. 메뉴랑 비슷하다

 

Appearance

테마변경수정, 위젯, 메뉴, 디자인영역

 

Plugins

플러그인 검색 설치..

 

---

https://youtu.be/6EInfQGqoV4

한글화

admin페이지에서 Settings > General > Site Language

처음설치할 때 한글로 안 설정해도 쉽게 바꿀 수 있어. 로컬라이징에 많은 심혈을 기울였다

 

---

https://youtu.be/k32ehGBiqcY

쇼핑몰 구축 1

 

먼저 테마 설치, 테마 다운로드 받아서 하드디스크에 (카페의 쇼핑몰구축강좌용샘플테마 Storefront, 또는 워드 프레스 테마 메뉴에서 검색)

Appearance > Themes > Add New > Upload Theme > zip파일선택 > Install Now > 설치끝나면 Activate

 

한번에 하나의 테마만 activate가능

 

---

https://youtu.be/-BoQLB5wIU8

쇼핑몰 구축 2

 

플러그인 설치

Plugins > Installed Plugins > Add New > WooCommerce검색 > Install Now > Activate

 

페이지부터

Pages로 메뉴를 먼저

Pages > Install WooCommerce Page버튼 클릭. 이러면 페이지들이 생성된다

Products가 상품을 등록하는 곳

 

Products > Add Product

제목

내용

Add Media에서 사진

 

Regular Price

Sale Price

가 가격

 

Featured Image가 리스트화면에서 보여주는 이미지

 

Publish

 

장바구니에 담고 주문가능 Direct Bank Transfer로 하면

 

주문한걸 확인하는건 Admin 페이지에서 WooCommerce > Orders에서 확인가능

 

---

https://youtu.be/yKQ8ZdUXCAg

2020강의, 2분~10분까지의 내용

Settings > General에 사이트제목, Tagline

아래 WordPress Address (URL), Site Address (URL) 도메인 등록이 끝나면 하기. 잘못되면 초보자면 다시 깔아야할수도

이것도 Post name으로 바꾸라는데 글 주소에 대한 거네

 

Plugins > Add New > WooCommerce 설치 > 바로 Activate > Not right now눌러서 관리자 페이지로

 

이때 우커머스 설치 후에 페이지 생성하는 마법사로 페이지를 만들어버리면 이따 import과정에서 에러날 수도 있어 바로 다음 단계로 가

 

Appearance > Themes > Add New > astra검색, 아스트라 테마 설치, 활성화

 

아직 안바뀜. 테마프레임만 설치됐고, 실제 사용할 디자인과 스킨을 import하는 구조다

 

Plugins > Add New > elementor검색 >

elementor Website Builder 설치, Activate

Starter templates 설치, Activate

그럼 이게 생김

실행

Elementor선택하면 설치할 수 있는 데모 사이트들이 나온다

쇼핑몰이니까

eCommerce, Free선택

 

하면 나오는게 있다. 클릭해보면 간략하게 나와. 프리뷰 버튼 누르면 데모사이트도 나온다

 

선택했으면 밑에 Import Complete Site

첫번째 체크박스가 기존 임포트된 데이터 삭제, 여기서 에러가 잘 나. 그런 경우 FTP로 접속해서 직접 삭제 해야 한다. 워드프레스 설치후에 이 임포트 작업은 한번만 하는게 좋아

 

모든 메뉴 페이지의 이미지가 다 임포트 되진 않을 수도 있어. elementor page builder 유료화 버전을 쓰면 수정이 쉬워. 유료버전은 css파일을 직접 수정해야해(관리자 페이지에서 가능)

 

WooCommerce > Settings > Currency > won

Number of decimals도 0으로

 

plugins메뉴로가서 어떤게 설치돼 있는지 보기

Start template로 import하면서 쇼핑몰에 필요한 플러그인들이 자동으로 설치됨

CartFlows : 결제페이지디자인

Elementor 헤더푸터블럭 : 커스텀헤더푸터만드는것

WooCommers Cart Abandonment Recovery : 장바구니에 담고 결제하지 않은 고객들의 주문리스트 관리

WPForms Lite : 컨택트us페이지에서 문의 남기면 관리자에게 이메일을 날려줌

 

10분 이후론 Pages로 가서 메뉴 수정..

이 버튼 누르면 엘리멘터 페이지로 가서 수정이 된다

이렇게, 오른쪽에서 선택하고 좌측에서 수정하고 밑에 Update버튼 눌러서 저장