IT Study/LMS Diary

워드프레스 사이트 점검화면 만들기

FreePiggy 2021. 4. 29. 23:47

LMS Diary : 사이트 구축 완료 전 사용자 안내 화면 만들기

Under Construction

LMS 구축에 필요한 기본 세팅을 끝내 놓으니 긴장이 풀어졌는지 사이트 구축에 조금 소홀하게 되었습니다. 그래서 사이트 자체를 오픈해놓는 것보다는 화면을 닫아서 제작 중임을 알리는 것이 좋을 듯합니다.

 

수년 전에도 있었던 사이트 구축 완료 전이나 점검 시에 띄우는 화면에 Under Construction이라는 용어를 많이 사용하였고 이런 건설 알림 이미지가 많이 사용되었는데 이는 워드프레스에서도 동일한 이름으로 플러그인이 제공됩니다. 물론 비용을 지불하면 좀 더 멋진 화면을 구성할 수 있지만 무료로도 쓸만한 것들이 많이 있습니다.

 

사실 소홀하기보다는 사이트 내에서 몇 가지 테스트를 진행하다 보니 사이트 완성 자체가 약간 밀린 상황이라고 보시면 좋을 것 같습니다.


테스트하던 내용

더보기

워드프레스의 기본 구성은 보통 페이지와 포스트로 구분이 되는데 이중 페이지에 HTML 코드를 삽입하여 별도의 html문서를 실행하는 방법을 고민하고 있었습니다. 이 고민의 발단은 테마를 다운로드 한 theme forest에서 매달 주어지는 Freebies 중 Code 분류에서 html5 게임을 받으면서부터입니다. (Fruit Slasher라는 고전게임을 html5로 변환한 게임입니다.) html 코드는 웹페이지 만들면서 많이 접해 봤는데 뭐가 씌었는지 워드프레스에 HTML5 게임을 실행할 방법이 전혀 떠오르지 않았습니다. 그러다가 문득 서버에 패키징을 집어넣고 index만 iframe으로 넣으면 되지 않을까라는 단순한 생각이 떠올라서 테스트해봤습니다. 

이 부분은 나중에 포스트 하도록 하겠습니다. (여기서 파생된 생각이 티스토리를 벗어나면 어떨까 하는 생각까지 진행 중입니다. ;-) )


아무튼 이 부분은 잠시 접어두고 본론으로 돌아옵니다.

 

Plugin 추가 : Under Construction

관리자페이지 플러그인

관리자 페이지에서 플러그인 메뉴를 선택한 다음 상단의 플러그인 타이틀 옆의 '새로 추가'버튼을 누릅니다.

우측의 플러그인 검색 창에서 Under Construction을 검색합니다.

플러그인 추가

저는 보통 검색 결과 첫 번째 나오는 톱니바퀴가 돌아가는 '홈페이지가 공사중입니다.' 플러그인과 그 옆의 'SeedProd' 플러그인을 자주 사용하는 편입니다. 첫번째 플러그인은 간단하게 필요한 내용만 집어넣어서 바로 쉽게 사용가능한 플러그인고 SeedProd는 등록하면 고화질의 멋진 이미지를 이메일을 통하여 제공해주며 내용 편집이 조금 더 다양한 편입니다. 취향에 맞게 선택하여 사용하시면 됩니다.

 

이번엔 간단하게 첫번째 플러그인을 사용해 봅니다.

Under Construction

우측의 상세정보를 누르면 스크린숏을 미리 확인해 볼 수 있습니다. 플러그인 설치는 상단의 '지금 설치' 버튼을 누르면 됩니다. 플러그인은 설치 후에는 '지금 설치'버튼 자리에 '활성화'버튼이 생성됩니다. 이 '활성화'를 꼭 눌러 주셔야만 정상 작동됩니다.

 

UnderConstruction

설치가 완료되면 상단 이미지처럼 설정-UnderConstruction 메뉴가 생성되고 자세히 보시면 화면 맨 윗줄에도 메뉴가 생성된 것이 보입니다. 해당 메뉴를 선택하면 대시보드가 열립니다.

Design탭에서 원하는 디자인을 선택하고 Content 탭에서 내용을 설정한 다음 Main에서

Under Construction Mode를 ON으로 변경하시면 완료됩니다.

 

물론 로그인 상태에서는 접속해도 안보입니다. 프리뷰로 테스트할 것이 아니라면 로그아웃하시고 테스트하세요.