워드프레스/윅스 랜딩 페이지를 HTML로 변환하기

워드프레스 정보를 제공하는 블로그 Avada 2024. 9. 23. 16:14 • 댓글:

드물지만 HTML/CSS를 사용하여 워드프레스로 만든 랜딩 페이지나 윅스(Wix)로 만든 랜딩 페이지와 비슷하게 만드는 작업을 간혹 의뢰받아서 진행하고 있습니다.

워드프레스/윅스 랜딩 페이지를 HTML로 변환하기

워드프레스나 윅스를 사용하면 비교적 수월하게 랜딩 페이지로 만들 수 있는데, 힘들게 만든 사이트를 다시 HTML/CSS를 사용하여 다시 만드는 것이 처음에는 이해가 되지 않았습니다. 아마도 동일한 랜딩 페이지를 만들어서 여러 사이트에 쉽게 적용할 수 있도록 HTML로 변환하기를 원하는 것 같습니다.

워드프레스는 마이그레이션 플러그인을 사용하여 쉽게 사이트를 이전할 수 있지만, 워드프레스를 설치하고 이전하는 과정이 번거로워서 그냥 HTML 파일과 이미지 파일만 업로드하면 랜딩 페이지가 표시되도록 클라께서 원했습니다.

워드프레스나 윅스로 만든 페이지와 동일하게 HTML/CSS로 만들려면 html/css로 다시 코딩을 해야 합니다. 

요즘은 챗GPT를 사용하여 기본적인 골격을 HTML/CSS로 만들어 달라고 요청한 후에 콘텐츠를 추가하고 레이아웃을 세부적으로 조정하는 방식으로 진행하면 시간을 절감할 수 있을 것입니다.

챗GPT를 사용하여 기본적인 HTML 구조를 쉽게 만들 수 있지만, 복잡한 구조나 기능의 경우 제대로 구현하지 못할 수 있습니다.

Wix는 워드프레스 대항마로 주목을 받았지만 SEO(검색엔진최적화)가 약한 면이 있고 기능 확장에 제약이 있을 수 있습니다. 이 때문인지 예전보다 각광을 받지 못하고 있는 것 같습니다.

윅스는 쉽게 랜딩 페이지를 만들려고 하는 경우에 괜찮은 선택일 수 있습니다.

워드프레스는 블로그부터 프로필, 회사 사이트, 쇼핑몰, 인강 사이트에 이르기까지 거의 모든 사이트를 만들 수 있고, 기능 확장에 제약이 없습니다. Elementor와 같은 페이지 빌더를 사용하거나 Divi와 같은 다목적 테마를 사용하여 랜딩 페이지도 쉽게 만들 수 있습니다.

 

 

워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) - 워드프레스 정보꾸러미

워드프레스에서 쉽고 빠르게 랜딩 페이지로 만들고 싶은 경우 미리 만들어진 템플릿을 활용하는 것을 고려할 수 있습니다. 많은 사용자들이 엘리멘터 빌더를 활용하여 랜딩 페이지를 만들고 있

www.thewordcracker.com

챗GPT와 같은 생성형 AI가 급부상하면서 이제는 많은 개발자들이 챗GPT 등의 인공지능을 활용하고 있습니다. 이 때문에 개발자 커뮤니티가 과거에 비해 많이 활력을 잃은 것 같습니다.

 

챗GPT 때문에 몰락하는 개발자 커뮤니티 - 워드프레스 정보꾸러미

작년 혜성처럼 등장한 챗GPT는 많은 것을 변화시키고 있습니다. 인공지능(AI)의 발전은 개발자 커뮤티니에도 영향을 미치고 있습니다. 예를 들어, 제가 종종 방문했던 개발자 관련 네이버 카페가

www.thewordcracker.com

챗GPT는 만능은 아니지만 어느 정도 코딩 지식이 있다면 챗GPT를 활용하여 생산성을 크게 높일 수 있을 것입니다. 단순 작업의 경우 챗GPT에 맡기면 특히 효과적일 수 있습니다.

예를 들어, 제 워드프레스 블로그에 최근 들어 디도스(DDoS) 공격이 자주 들어오고 있습니다. 디도스 공격을 받으면 클라우드플레어에서 Under Attack 모드를 활성화하고 클라우드웨이즈에서 공격에 이용되고 있는 IP 주소들을 확인하여 차단하고 있습니다. 

매번 공격이 들어올 때마다 공격에 이용되는 IP들을 차단하는 코드를 추가하고 있습니다. 그러다 보니 차단된 IP들이 200여 개에 달하고 있습니다. 새 IP들을 파악하면, 기존에 차단되었는지 여부를 확인해야 합니다. 저는 이 작업을 챗GPT에게 요청하여 차단되지 않은 새로운 IP들을 추가로 차단하도록 코드를 추가하고 있습니다.

데이터를 비교하는 이런 단순 작업을 인공지능에게 맡기면 시간을 절약할 수 있습니다.😄 하지만 엉뚱한 결과를 내놓는 경우가 있으므로 실제로 사용할지 여부를 결정하는 것은 사용자의 몫인 것 같습니다.

마치며

요즘은 홈페이지를 만들 때 HTML/CSS로 막코딩하기보다 워드프레스와 같은 CMS(콘텐츠 관리 시스템)가 많이 이용되고 있습니다.

특히 블로그를 운영하거나, 업데이트/수정/삭제 등의 유지보수 작업이 필요하거나, 지속적으로 새로운 콘텐츠를 추가하려는 경우에는 HTML보다 워드프레스를 이용하는 것이 여러모로 효과적일 것입니다.

사이트를 만든 후에 업데이트를 할 필요가 없는 경우에는 HTML/CSS/JS 등으로 사이트를 만드는 것도 괜찮은 방법일 수 있습니다.

참고

https://avada.tistory.com/3458

 

블루호스트에서 멀웨어 치료 및 클라우드웨이즈로 워드프레스 이전 작업

한 계정에 여러 개의 사이트를 설치하는 경우 하나의 사이트가 멀웨어에 감염되며 다른 사이트들도 멀웨어에 감염되는 경우가 많습니다. 블루호스트(Bluehost)에서 같은 계정에 있는 모든 워드프

avada.tistory.com

https://avada.tistory.com/2897

 

엘리멘터 무료 버전 vs. 프로 버전 비교

엘리멘터(Elmentor)는 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서

avada.tistory.com