아래 홈페이지들의 공통점이 뭘까요?
워드프레스의 드래그 앤 드롭 사이트 편집 기능으로 만들었다는 것입니다. 코드 없이 만들어진, 노 코드(No Code) 홈페이지입니다.
노 코드(No Code) 홈페이지
오늘날 홈페이지는 필수가 됐습니다. 비즈니스 상대방에게 멋진 홈페이지가 있으면 왠지 조금 더 신뢰감이 들기도 합니다. 그래서 홈페이지는 디지털 시대의 명함과도 같습니다.
15년 쯤 블로그의 시대가 왔고 모든 사람들이 블로그라는 개인 홈페이지를 가지게 됐습니다.
설치형 워드프레스가 인기를 끌었던 것도 이때쯤입니다. 당시 프로그래밍에 대해서는 전혀 모르던 제 친구는 혼자서 몇 주를 끙끙대며 웹호스팅에 워드프레스 홈페이지를 돌렸습니다. 그리고 멋진 블로그를 만들었죠.
그러나 비즈니스용 홈페이지는 블로그로 대체할 만한 것이 아니었습니다. 만들려면 꽤나 많은 비용이 들었죠. 저는 이후 워드프레스가 생업의 일부였는데, 비즈니스 홈페이지를 만들 때는 프로그래밍이 필수였습니다.
오늘날엔 손쉬운 사이트 구현이 훨씬 더 발전했습니다. 워드프레스는 이제 비즈니스 스타일의 웹사이트까지 드래그 앤 드롭으로 손쉽게 구축할 수 있게 해줍니다.
과거엔 개발자들의 영역이었던 비즈니스 홈페이지를, 몇 시간 정도 집중해 공부할 각오가 된 사람이라면 누구나 만들 수 있게 된 것이죠.
다른 노 코드 툴에 비한 워드프레스의 장점
워드프레스가 아닌 다른 노 코드 툴들도 있습니다. 그러나 워드프레스의 장점은 명확한데요.
- 스스로 설치해서 사용하므로 서버비는 나와도 노 코드 플랫폼에 종속되지는 않을 수 있습니다. 데이터와 사이트가 온전히 나의 것입니다. 다른 노 코드 플랫폼을 사용하면 제대로 사용하기 위해 플랫폼에 비용을 지불해야할 뿐 아니라 플랫폼에 종속되죠.
- 드래그 앤 드롭 사이트 만들기뿐 아니라 워드프레스에는 수많은 플러그인들이 있습니다. 이런 플러그인들을 활용하면 사이트의 기능을 많이 업그레이드할 수 있습니다.
어떻게 배울 수 있나요?
워드프레스의 사이트 편집기 기능은 비교적 최신 기능입니다. 그래서 한국에서는 아직 무료로 배울 수 있는 곳이 많지 않습니다. (유료는 아래)
저는 무료 외국 동영상을 보고 배웠습니다. 바로 아래 동영상(WordPress 5.9 Tutorial | Full Site Editing Tutorial)입니다. 자동번역을 켜고 보면 볼 만합니다.
“누구나 할 수 있는 워드프레스 홈페이지 만들기”
제가 찍은 클래스101 수업(누구나 할 수 있는 워드프레스 홈페이지 만들기 — 기획부터 출시까지 한 방에 OK)이 있습니다. 한 달 전에 출시한 따끈따끈한 수업입니다.
실전 수업
이 수업은 제가 지난해 말에 작업한 일러스트 작가 푸르릉 님의 사이트 제작 과정을 그대로 따라갑니다.
수업에서 기초적인 예시를 열심히 따라했는데, 정작 실제로 하려고 하니 아직 빈 곳이 너무 많은 경우들이 있습니다. 그런 사례를 방지하려고 실제 사용하고 있는 홈페이지의 제작 과정을 그대로 수업으로 만든 것입니다.
실제 수강생 사례
맨 처음에 소개한 사이트중 하나가 바로 제 수업을 듣고서 수강생이 직접 구축한 홈페이지입니다. 부산 쇼호스트 김선미 님의 홈페이지죠.
사실 이 사이트를 보고서는 저도 좀 놀랐습니다. 이런 사이트를 만들 수 있도록 도와드리는 것이 목표인 수업이었지만, 정말로 이렇게 퀄리티 좋은 사이트가 금방 나오니까 신기했습니다.
이 분 덕분에 저는 누구나 워드프레스를 활용해 비즈니스 사이트를 만들 수 있다는 확신이 더욱 생겼습니다.
기획·디자인은 노 코드가 해결해 주지 않습니다
코드 없이 누구나 드래그 앤 드롭으로 홈페이지를 만들 수 있게 됐다고 누구나 홈페이지를 잘 만들 수 있게 된 것은 아닙니다. 코드 작성은 홈페이지 제작의 일부분이기 때문입니다.
코드가 해결됐어도 기획과 디자인, 출시와 운영이라는 단계가 기다리고 있습니다.
“누구나 할 수 있는 워드프레스 홈페이지 만들기”를 찍으면서 그 점을 크게 염두에 뒀습니다. 그래서 푸르릉 님과 함께 한 홈페이지 기획 파트를 비중있게 다뤘습니다.
디자인도 마찬가지인데요. 우리 대부분이 디자이너는 아닌 만큼 아주 멋진 디자인을 하기는 힘들겁니다. 그러나 적어도 나쁜 디자인을 피할 수는 있습니다. 한 수업을 할애애 디자인의 기본 원칙을 다뤘지요. 수업 곳곳에서 디자인을 고려한 상식들을 알려 주기도 하죠.
이런 점은 수강생의 호평을 받았습니다.
정석대로
플러그인을 지나치게 많이 사용한 워드프레스는 느립니다. 그래서 워드프레스의 기본 기능만으로 최대한 구현을 하도록 애썼습니다.
물론 아주 많은 플러그인은 워드프레스의 가장 큰 장점입니다. 다른 노 코드 툴들이 따라오지 못하는 강점이죠. 다만, 왜 쓰는지, 성능 저하는 없는지 명확히 알고 써야 합니다. 그런 점을 신경썼습니다.
설정을 디테일하게 가르치려고 애를 썼는데요. 사실 어떤 툴에 대해서 배울 때 그 툴의 설정들을 잘 아는 것은 매우 중요합니다. 설정을 알면 툴의 잠재력을 얼추 알 수 있거든요.
출시와 운영 노하우
사실 간단한 비즈니스 홈페이지에서 정말 이것만큼은 지켜야 한다 하는 핵심 노하우가 그리 많지는 않습니다. 그러나 그것만 지켜도 사이트 운영·관리에서 절반은 먹고 들어갑니다.
예컨대 한국의 유명 웹호스팅 회사들 중 https 보안 접속을 무료로 손쉽게 할 수 있도록 제공하는 곳은 호스팅케이알밖에 없습니다.
그리고 그거 아세요? 폰트 저작권은 프로그램 저작권과 유사합니다.
폰트나 이미지의 용량도 비전문가들이 잘 신경쓰지 못하는 부분인데요. 성능과 직결되는 문제입니다.
성능은 또 검색엔진 최적화와 연결되죠.
그런데 검색엔진 최적화 자체가 뭔지 잘 모르는 분들이 많습니다. 일단 그게 뭔지부터 다뤘습니다.
하다 보니 성능은 좀 전문적으로 다루긴 해야겠더라고요. 그래서 개발자들이 다루는 툴을 살짝 초보적인 수준에서 알려 드렸습니다.
홈페이지처럼 24시간 돌아가는 서비스에 장애는 필연입니다. 어떻게 대응할 수 있는지도 담았습니다.
준비물 – 호스팅도 필요없이 그냥 컴퓨터 한 대
워드프레스를 시작하려면 우선 돈을 내고 웹호스팅부터 파야 할까요? 아닙니다. 그냥 내 컴퓨터에 설치해서 시작할 수 있습니다. 만들 때는 내 컴퓨터에서 만들다가 완성되면 인터넷에 공개하는 거죠.
그래서 준비물은 그냥 컴퓨터 한 대입니다.
수강생을 위한 특별 선물
수강생을 위한 특별 선물도 있습니다. 바로 카카오톡 오픈챗 플러그인인데요. 떠다니는 카카오톡 오픈챗 문의 버튼을 다는 플러그인입니다. 일러스트 작가 푸르릉 님 사이트에 달려 있는 거예요.
카카오톡이 한국에서 주로 사용되는 것이다 보니 워드프레스 플러그인중에는 마땅한 게 없어서 직접 만들었습니다.
이 수업을 듣는 여러분들께 수업하면서 전해 드립니다.
리뷰 이벤트: 자유로운 SNS·카카오톡 공유 버튼
수업을 다 듣고 리뷰를 남겨 주시는 분들께는 SNS·카카오톡 공유 버튼 플러그인을 드립니다.
이 공유 버튼은 지금 여기 홈페이지에 달려 있는 버튼인데요. 역시 직접 만든 것입니다.
이번에도 카카오톡이나 네이버 밴드 같은 한국 SNS들이 없다는 게 아쉬웠죠.
기존의 플러그인들이 버튼 위치를 마음대로 지정할 수 없거나, 공유 버튼 아이콘 이미지를 마음대로 바꿀 수 없다는 점도 맘에 들지 않았습니다.
만드는 김에 카카오톡 공유 버튼까지 넣었는데요. 카톡 공유 기능은 다른 플러그인에서는 유료로 판매하는 기능입니다.
나가며
비즈니스 홈페이지가 필요하다고 느꼈다면 어서 만드시기를 권합니다.
지금 개인 브랜딩의 시대이긴 한데요. 그래도 제 생각엔 여전히 초입입니다. 이제 막 개인 브랜딩 홈페이지들이 나오고 있는 그런 느낌이거든요.
그래서 지금 홈페이지를 만드는 건 경쟁력이 있습니다. 프리랜서, 자영업자, 중소기업이라면 자신의 홈페이지를 만들어 전문성을 돋보이게 할 수 있는 거죠.
제 수업 링크를 한 번 더 드릴 게요: https://bit.ly/mytory-easy-wp
읽어 주셔서 감사합니다 😉
[추신] 7월까지 최대 할인해 평생소장가가 4만 9000원입니다, 8월부터는 가격을 올릴 계획입니다. 필요하면 지금 사보세요~
답글 남기기