본문 바로가기

지식 확장/IT 공부의 기록

K-MOOC] HTML 에서 웹앱까지 6주차 - 도커로 워드프레스 설치 및 테마 변경

728x90

K-MOOC에서 HTML에서 웹앱 까지라는 강의를 듣고 있다.
리눅스 nano 에디터 사용 등 모르는 부분이 많지만 계속 진도를 따라가고 있다.
이번 주에는 부트스트랩 맛보기와 워드프레스 설치 및 테마 변경에 대한 내용이 나왔는데, 도커를 이용해 워드프레스 설치를 하는데 GUI로 하는 게 아니라 putty의 nano에디터로 커맨드 창을 통해서 하다 보니 좀 시행착오가 있었다. 

 

교수님이 입력하라는대로 화면을 보고 입력하면 되는데 오류가 나서 구글링....
들여 쓰기를 탭으로 했다가 오류가 나고, 들여 쓰기 라인이 맞지 않아서 오류가 나고 등등 이런 과정들을 거쳐 워드프레스 테마를 무사히 설치할 수 있었다.
하지만 nano에디터는 아직은 나에게는 너무 생소한 것.... 아마 나중에 다시 하라고 하면 또 어버버하고 있을 것 같다ㅎㅎ

 

워드프레스 설치시 yml 파일 오류 메시지

yaml.scanner.ScannerError: while scanning for the next token found character '\t' that cannot start any token

탭으로 들여쓰기해서 오류 발생했을 때 메시지 ▶ 들여 쓰기를 스페이스바로 조정하면 해결

 

service 'image' must be a mapping not a string.

들여 쓰기 오류 ▶ 들여쓰기들여 쓰기 라인이 안 맞아서 발생한 것이니 눈으로 잘 보고 동일하게 들여 쓰기 간격 맞춰주면 해결

 


오류 수정 시 유용했던
nano 에디터 단축키

Ctrl + P 이전 줄로 이동 Ctrl + N 다음 줄로 이동
Ctrl + ↑ 이전 블록 이동 Ctrl + ↓  다음 블록 이동
Ctrl + K 현재 줄 삭제 Ctrl + X 에디터 종료
Ctrl + H 커서 앞 문자 삭제 Ctrl + D 커서 뒤 문자 삭제

 

 

 

워드프레스 php 기반 오픈소스로 웹사이트나 블로그 등을 간단히 만들 수 있는 CMS(콘텐츠 관리 시스템)이다.

putty의 nano에디터로 워드프레스를 설치 후 AWS에 로그인 하여 보안 인바운드 규칙에 포트 설정 8080으로 추가해주고 내 사이트에 로그인 후 테마를 변경한다. 

 

워드프레스 로그인

워드프레스를 설치 후 관리자페이지에 로그인하려면 ip주소:8080/wp-login.php 를 붙이면 로그인 페이지가 나타난다.

 

워드프레스 로그인 화면

 

관리자 페이지 접속

ip주소:8080/wp-admin/

 

워드프레스 로그인 후

 

 

워드프레스 테마 변경 (시드니 테마)

워드프레스 테마를 변경하려면 관리자 페이지 왼쪽 메뉴 중 '외모' > 테마를 클릭한다.

 

워드프레스 관리자화면

 

 

그 다음 테마 화면에서 '새로 추가' 버튼 클릭 후 테마 추가 화면에서 sydney 테마를 검색한다.
강좌에서는 기본 테마를 sydney 테마로 변경하는데, 테마 변경 방법이 강의와 다소 달라서 좀 방황했다. 😨

 

워드프레스 테마 추가 방법

 

추가할 sydney 테마를 검색 후 설치

 

 

 

검색 결과에 sydney 테마가 나오면 설치 후 '활성화' 버튼을 클릭해준다. 

 

 

 

강의에서는 '활성화' 버튼을 클릭하면 바로 적용이 된다는데 적용이 안돼서 'Starter Sites' 버튼 클릭 후 'Import'를 진행했다.

 

시드니 테마가 '활성화'만 된 상태에서 'Starter Sites'를 클릭

 

 

Import해 주어야 시드니 테마가 적용됨

 

 

012
시드니 테마 import 진행 화면

 

 

사이트에 시드니 테마가 적용된 모습

 

 

 

세부적인 내용을 수정하고 싶으면 '사용자 정의하기' 버튼을 클릭 후 수정할 수 있다.

 

시드니테마 수정하기

 

 

테마 세부내역을 수정할 수 있도록 화면 왼쪽에 메뉴가 나오고 오른쪽에는 연필 모양의 편집 아이콘이 보인다.

 

테마 세부내역 수정 화면

 

 

 

사이트 제목 및 로고 설정

이 부분도 강의 내용과 달리 테마 세부내역 수정 페이지에서 수정 가능하다.

 

012
사이트 제목 및 로고 설정

반응형