IT Study/LMS Diary

LMS 제작 다이어리 6일차 : 자식테마, 무료SSL

FreePiggy 2021. 4. 5. 00:13

온라인 교육사이트 LMS 제작 6일 차 기록

Thim Core Update

관리자로 로그인 하면 좌측 메뉴중 알림판 영역이 제일먼저 열리게 됩니다.

여기에는 중요 업데이트 항목등 관라지 알림이 있는데 현재 테마설치 후 처음 들어가 본 알림판영역에

Important Update 알림이 존재합니다.

워드프레스 알림판

Thim Core 라 불리는 데모 임포터가 업데이트 알람이 떠 있습니다. Go to update 버튼을 눌러서 업데이트 화면으로 갑니다.

플러그인 업데이트

Thim Core 이외에 몇개의 업데이트가 더 있습니다. 전부 선택해서 플러그인 업데이트 버튼을 눌러 줍니다.

Thim Core를 사용하여 데모를 새로 임포트 할 예정이라 Eduma-Import Demo를 눌러서 기존에 설치된 테마의 데모를 Uninstall합니다.  그리고 새롭게 데모를 업데이트 하기 전에 서버 환경을 새롭게 설정해 줄 예정입니다.

 

서버에 접속해서 소스를 수정할 예정이라 FTP접속 프로그램인 Filezilla를 다운로드 받습니다.

filezilla-project.org/

 

FileZilla - The free FTP solution

Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source software distributed free of charge under the terms of the GNU General Public Licen

filezilla-project.org

무료로 사용할 수 있는 프로그램입니다. 사이트에 접속해서 Filezilla Client 를 다운로드 하여 설치합니다.

filezilla를 실행하여 파일-사이트관리자를 실행합니다.

사이트관리자 화면에서 좌측 하단의 New site 버튼을 눌러서 내 사이트 이름을 쓰고 우측에 호스트에 사이트 주소를 기록하고 하단에 사용자 ID와 비밀번호를 기록하여 연결 버튼을 누르면 됩니다.

사이트 관리자

4일차에 기록했던 테마 요구사항을 FTP를 이용하여 변경 해보겠습니다.

사이트 서버에 접속하면 우측에 서버에 구성된 파일이 보입니다. wp-config.php를 더블클릭하면 좌측으로 파일이 복사되어 다운로드 됩니다. (폴더를 미리 만들어서 한곳에서 보관하면 편리합니다.)

FTP로 접속한 사이트 서버

다운로드 받은 wp-config.php파일을 메모장으로 열어서 마지막에

set_time_limit(300);

문장을 추가하고 저장한다음 좌측에서 더블클릭하면 서버로 업데이트 됩니다.

 

좌측화면의 루트 디렉토리를 더블클릭합니다. (폴더 모양 옆의 .. )

루트의 .htaccess 를 더블클릭해 다운로드 한 다음 메모장으로 엽니다.

php_value upload_max_filesize 32M
php_value post_max_size 32M
php_value max_execution_time 300
php_value max_input_time 300

 

서버 구성 요구사항중 위와 같은 항목을 하단에 똑같이 기록하고 저장합니다.

해당 파일을 FTP 의 좌측화면에서 더블클릭하면 업로드되어 업데이트 됩니다.

 

두가지 파일의 작업을 완료하면 Eduma-System status 에서 변경된 내용을 확인 할 수 있습니다.

 

여기 까지 완료 한 후에 다시 한번 DEMO를 임포트 해보겠습니다. Eduma-Import Demo 를 클릭합니다.

원하는 데모 화면을 찾아서 Install버튼을 누른 후 Import버튼으로 Demo파일을 인스톨 합니다.

약 5분 정도 후에 데모파일이 모두 설치 됩니다. 이때부터 사이트 주소로 접속하면 데모로 설정되어있는 홈페이지를 확인할 수 있습니다.

 

쓰다보니 순서가 뒤죽박죽인 경우가 있음을 양해 바랍니다. 순서가 달라도 설치하시는 과정은 문제가 없습니다.

 

설치가 완료되면 Child Theme를 설치합니다. 몇몇 데모는 설치시에 Child Theme가 설치되어있는경우도 있습니다.

child theme에 본인 데모와 동일한 child theme가 있으면 인스톨 하고 없으면 Eduma child를 인스톨하고 활성화(Activate) 합니다.

Child Theme는 메인 모듈이 업데이트될때 하위 설정파일에 따라 수정된 항목을 유지하는 역할을 합니다.

 

Child Theme 설치가 완료되면 child theme의 customize 를 누르거나 외모-사용자정의하기 를 누르시면 세부 수정을 할 수 있습니다. (세부 설정은 다른 포스트에서 다루겠습니다.)

 

관리자 (대시보드 또는 보드)에서 설정-일반을 누르면 사이트의 기본 설정을 하실 수있습니다. 사이트 주소, 이름, 제목, 등 설정할 항목이 많습니다. 이중 사이트 주소를 보면 기본적으로 http://www.tipsnedu.com과 과 같이 설정되어있는데 앞으로 결제를 적용할 유료 사이트인경우 https 라는 보안이 적용된 프로토콜이 필요합니다. 이를 사용하는 방법은 서버에 SSL인증서라는것을 설치해야 하는데 카페24에서는 유료로 이 인증서를 서비스 하고 있습니다.

하지만 번거롭기는 하지만 분명히 무료로 제공하는 곳이 있으니 이것을 사용해 보기로 합니다.

 

사용할 무료 SSL인증서는 https://zerossl.com 에서 진행해 보기로 합니다. 회원가입후 로그인 합니다.

화면의 대시보드 화면중 파란색 New Certificate 단추를 클릭합니다.

zeroSSL

도메인을 입력하고 next step을 누릅니다. (이 과정에서 www가 붙은 도메인과 안붙은 도메인이 모두 적용됩니다.)

90일간 무료로 적용됩니다. 1년은 유료입니다.

도메인 입력
90일간 적용

다음으로 CSR을 생성합니다. (서버에 올릴 인증 파일입니다. 갱신 시 필요하다고 하니 별도로 저장하겠습니다.)

CSR생성

다음항목에서 90일짜리 Free Plan 항목을 선택하고 Next Step을 누릅니다. 이메일로 도메인 인증을 진행합니다.

도메인 인증후에 키를 다운로드 받을 수 있습니다.

 

해당 파일은 총 3개의 파일이 압축파일로 제공됩니다. 압축을 풀면 ca-bundle.crt, certificate.crt, private.key 3개의 파일이 보입니다. 카페 24의 관리자 메뉴에서 - 인증서관리 - 외부인증서 관리에 인증서에 certificate.crt내용을 개인키에 private.key파일의 키를 넣어주면 됩니다. 해당 crt와 key파일은 마우스 오른쪽 버튼을 눌러 연결 프로그램을 메모장으로 하면 코드를 복사할 수 있습니다..

 

키 파일 복사 후 확인하면 3일정도 소요 된다고합니다. (검색해보니 보통 하루만에 진행이 되는것으로 보입니다.)

인증이 완료되면 도메인앞에 자물쇠 모양이 나오고 https:// 로 접속이 됩니다.

 

-------------여기까지 완료하고 SSL이 완료되는 시점에 새로운 포스팅을 진행하겠습니다.