무료 웹페이지 제작 프로그램 publii 을 활용한 초간단 홈페이지 제작하기
솔루션 찾아 헤매기
코로나가 심각해 지면서 모든 사람이 가내 수공업을 하게 되었다.
나도 반 강제 가네수공업자가 되었다.
다들 사업분야를 온라인으로 급하게 이전하면서 온갖 전문가들 다 놔두고 나에게 웹페이지 제작 요청을 하길레
지킬보다 쉽고(특히 설치 및 실행) 코드를 몰라고 되며 github를 이용하지 않아도 되고 게시글 올리듯이 페이지를 작성할 수 있고 간혹 마크다운으로도 작성해 올릴 수 있으며 sql 없이 빠른 속도을 위해 정적페이지에 오프라인으로 작업할 수 있을 뿐 아니라 무료이기 까지한 솔루션을 찾아 해맸다. (마치 돈많고 예쁘고 잘생겼는데 바람안피고 나만 사랑하는 변태같은 애인) 세상에 그런 내 맘에 쏙드는 게 있을리가… 있자나?!!! 이럴수가 제작자에게 도네이션 해주고 싶을 만큼 맘에 드는 프로그램을 찾았다 이름하여 publii
설지 및 실행하기
- 구글에서 publii 을 검색하거나 아래 링크로 찾아 들어간다.(public으로 검색 됨 주의) PUBLII 홈페이지
- 다운로드 클릭해서 프로그램을 다운 후 설치한다. 윈도우용, 맥용, 리눅스(appimage,rpm,deb)용 모두 제공한다.
- 설치 후 실행하면 처음 사이트 제작 화면이 나온다. 다음 사항을 입력한다.
- 마음에 드는 아이콘 선택
- 홈페이지 이름 입력
- 제작자 이름 입력
테마 적용하기
- PUBLII 홈페이지에서 마켓플레이스를 클릭하거나 다음 링크를 클릭해 들어간다. 마켓플레이스 혹은 publii 프로그램에서 오른쪽 위에 보면 점3개 짜리 확장 메뉴가 이는데 클릭하면 나오는 themes를 클릭 후 + get more themes를 클릭해도 이동 된다.
- 테마들을 클릭하다보면 금액이 적히지 않은 테마들 중 마음에 드는 걸로 다운받는다. (simple은 기본으로 이미 설치되어 있음) 무료 탬플릿은 다음과 같다.
- Publii 프로그램에서 오른쪽 위에 보면 점3개 짜리 확장 메뉴가 이는데 클릭하면 나오는 themes 를 클릭 후 install theme를 클릭해서 2에서 다운받은 테마를 선택해서 적용한거나 혹은 다운받은 파일을 드래그인 해서 테마를 반영한다.
- go back을 눌러 메인 메뉴로 나온다
- Site settings를 클릭 후 Current theme 항목에서 Select theme을 선택해 3번에서 적용한 테마를 선택한다.
- 상단에 seve settings나 save & preview를 선택해 저장한다. (윈도우에서 태마 적용시 간혼 스크립트 애러가 생긱 수가 있는데 세이브 성공 문구가 나올때 까지 세이브셋팅 버튼을 연타 연타한 뒤 사용하면 문제가 없었다.)
포스트 (웹페이지) 작성
- 좌측 메뉴에서 Post를 클릭한다.
- 처음 선택할때 3가지 에디터(wysiwyg, block, markdown)가 나온다. 포스트에서 선택된 에디터는 수정이 불가능하다. 1포스트당 1개의 에디터를 사용하기 때문에 성격에 맞는 에디터를 선택한다.
- ::다른 에디터로 새로운 포스트를 작성하고 싶다면 add new post T 오른쪽 ▼ 모양을 클릭하면 다른 에디터로 새로운 포스트를 작성할 수 있다.::
- 작성한 포스트를 포스트로 사용하지 않고 page로만 사용하고 싶다면 톱니바퀴 모양(⎈의 설정을 누른 뒤 published아래 있는 hide post를 활성화 시켜 주면 포스트에서 내용이 빠지게 되어 page로만 사용할 수 있게 된다. (메뉴에 추가해서 포스트 선택하면 됨)
굳이 언급 안해되 되는 기능들 (분위기 봐서 추가 언급할 기능)
Menus
메뉴 ( 그냥 추가하면 된다. )
Authors
작성자 추가후 글쓰는 이를 변경할 수 있다.
Theme
테마를 선택하는 메뉴가 아니라 선택된 테마의 여러가지 설정을 변경할 수 있다. Heros 는 메인 화면 에 대한 설정이다. 테마를 변경하면 값이 변경 된다.
Site setting
사이트의 이름 성격 테마 등 설정값을 정한다. 테마를 변경해도 값이 변경되지 않는다. 검색앤진, 주소, 사이트맵, 포스트 기본값까지 다양한 설정을 변경할 수 있다.
Server
서버 설정을 할수 있다. FTP는 물론 githun, netlify, 구글 클라우드, pc내 저장까지 선택 가능하고 (내가 가장 반한 기능) 암푹 파일(ZIP, TAR) 및 무압축 내보내기가 가능하다.
Tool
다른 무료 솔루션에는 없던 커스텀 설정을 할 수 있는 메뉴다.
- backup(살짝 꼼수 쓰면 다른 pc로 자료 옮길 수도 있음)
- Custom CSS
- Custom HTML
- File Manager
- Log Viewer
- Regenerate thumbnails
- WP importer(워드프레스 가져오기)
등 다양한 기능이 있다.
Preview your changes
사이트 변경 사항을 내보내기 전 미리보기 할 수 있다.
Sync your website
Server를 설정하면 나오는 메뉴로 웹페이지를 압축파일로 내보내거나 FTP등과 연동해 웹사이트를 내보낼 때 사용된다.
Publii는 나와 같은 코드 무지랭이가 생각하는 거의 모든 기능을 가지고 있음과 동시에 무료인 (아직까지는) 최고의 에디터다. 앞으로 구나 문의하던간에 추천하게 될 것 같다. 몇가지 아쉬운 기능 (page build, side bar)등 완전 커스텀하기 쉽지 않지만 Tool 에 있는 Custom HTML 기능을 활용하면 무궁무진한 적용이 가능할 듯 하다. 물론 아직 베타버전이라 저장하지 않으면 가끔 오류를 뿜뿜 하지만 현재 상황으로도 충분하고도 남을 만큼 쓸만하다.
잘쓰세요.!
- Older
- Newer
- 마크다운 이미지 링그걸기 (클릭시 원본 뜨기) 2021. 02. 16
- kboard 제목 브라우저 타이틀로 보내기[엘레멘터 에디터 사용시] 2021. 02. 15
- 지킬에서 글작성시 미리보기에만 글이 보이는 경우 2020. 06. 21
- 무료 웹페이지 제작 프로그램 publii 을 활용한 초간단 홈페이지 제작하기 2020. 06. 06