우리는 WordPress 페이지 빌더를 싫어했습니다 – 이제 우리는 하나를 사용하기로 결정했습니다

게시 됨: 2017-01-11

증오는 강한 단어입니다. 이 기사의 흥미로운 제목을 위해 약간 확대했을 수 있습니다. :). 그래도 다른 개발자를 위한 제품을 개발하는 개발자로서 우리는 '드래그 앤 드롭' 메커니즘이 수동으로 쉽게 작성할 수 있고 훨씬 더 잘할 수 있는 자동으로 "코드를 작성"하는 개념을 확실히 싫어했다고 말할 수 있습니다. 그것에서 더 깨끗한 일.

WordPress 페이지 빌더에 대해 좋아하지 않는 것은 무엇입니까?

그렇다면 처음에 페이지 빌더를 싫어하는 이유는 무엇입니까? 내 말은, 그것은 WordPress 웹 페이지를 만들 때 삶을 더 쉽게 만들어주는 도구일 뿐입니다.

"WordPress 페이지 빌더에 대해 좋아하지 않는 것은 무엇입니까?"에 대한 답변 이것을 보는 다양한 방법이 있기 때문에 아마도 당신이 누구인지에 달려 있습니다. 다음은 코딩 배경이 있는 사람들이 WordPress 페이지 빌더 틈새 시장에서 일반적으로 겪는 몇 가지 "문제"입니다.

부풀려진 코드

코드 팽창은 CMS로서의 WordPress의 단점과 다른 많은 훌륭한 제품 및 플랫폼에 대해 논의할 때 여러 번 제기되는 문제입니다. 페이지 빌더가 웹 페이지를 만들기 위해 자동 생성하는 기계어 코드에 대해서도 마찬가지입니다. 기본적으로 페이지에 다른 요소를 배치/이동/스타일링할 때마다 또 다른 코드 덩어리가 생성되어 사이트 소스에 추가하여 해당 디자인을 정확히 따르도록 합니다.

어떤 사람들은 기계 생성 코드가 종종 최소한의 사용자 정의가 아니며 사람이 수동으로 작성한 것처럼 WordPress 코딩 표준을 항상 준수하지도 않을 것이라고 주장합니다. 이로 인해 발생할 수 있는 많은 부작용이 있으며 과도하고 부풀려진 코드는 브라우저의 성능에 영향을 주어 결국 사이트가 잠재적인 것보다 훨씬 느리게 실행될 수 있습니다. 이것만으로도 페이지 빌더를 주의 깊게 선택해야 하는 충분한 이유가 됩니다.

단축 코드 점액

작업을 수행하는 동안 일부 페이지 빌더는 뒤에서 코드를 엉망으로 만드는 경향이 있으며 개발자로서 우리는 그것을 보는 데 어려움을 겪습니다. 일부 페이지 빌더 플러그인을 비활성화할 때 달팽이처럼 짧은 코드와 기타 코드 트랙을 남깁니다.

WordPress 페이지 빌더 단축 코드 점액

Chris Lema가 이미 그렇게 했기 때문에 이름을 밝히지 않겠습니다. 그러나 이 끈적한 습관은 웹사이트 뒤에 있는 코드를 필요 이상으로 엉키게 만듭니다. 중복된 단축 코드를 사용하면 다른 WordPress 플러그인과 충돌을 일으키기 쉽습니다. WordPress 사이트에서 사용 중일 수 있습니다.

중복 단축 코드는 WordPress 사이트에서 사용 중인 다른 플러그인과 충돌을 일으킬 수 있습니다.Tweet

표준화 없음

페이지 빌더 시장이 표준화되어야 한다는 주장은 과거에 많은 WordPress 개발자에 의해 제기되었지만 Pippin Williamson이 철저한 페이지 빌더 리뷰 게시물에서 가장 잘 설명했다고 생각합니다.

그의 게시물에서 Pippin은 페이지 빌더 플러그인이 사용자의 기본 WordPress 사용자 경험을 어떻게 변경/중단하는지 구체적으로 언급하여 나머지 개발자가 WordPress 사용자가 WordPress 기반 웹사이트에 로그인할 때 보게 될 내용을 예측하기 어렵게 만듭니다. 그는 페이지 빌더 생태계를 현재 "와일드 웨스트"로 묘사하며, 보다 예측 가능하고 사용자 친화적으로 만들기 위해 일종의 표준화가 필요합니다.

WordPress 웹 사이트 및 테마 개발 산업을 천천히 죽이기

많은 웹 디자이너와 개발자는 페이지 빌더에 대해 어느 정도 원한을 품고 있는 것 같습니다. 이러한 도구가 결국 쓸모없게 되어 생계를 유지하게 될 것이라고 생각하기 때문입니다. 페이지 빌더가 누구에게나 제공할 수 있는 기능으로 코더가 아니더라도 스스로 괜찮은 웹 페이지를 만드는 것이 그 어느 때보다 쉬워졌습니다.

이것은 분명히 기존 수입 채널을 잃는 것에 대한 (합법적인) 두려움을 기반으로 하기 때문에 WordPress 페이지 빌더를 싫어하는 독단적이고 편향된 이유라는 점은 주목할 가치가 있습니다.

우리가 이 주제에 대해 이야기하는 동안: "골드 러시"라는 주제가 아직 끝나지 않았는지 알아보기 위해 가장 큰 테마 시장인 ThemeForest에서 최근에 우리가 수행하고 발표한 심층 연구를 읽고 싶을 수도 있습니다.

제한된 사용자 정의 기능

WordPress 페이지 빌더(여전히)는 훌륭한 프론트엔드 개발자가 할 수 있는 모든 것을 할 수 없습니다. 거기, 내가 말했다.

페이지 빌더는 훌륭한 (인간) 코더가 웹 사이트를 사용자 정의할 수 있는 방법에 비해 여전히 제한적입니다. 복잡한 웹 페이지 디자인, 애니메이션 또는 특수 효과를 생성하기 위한 것이 아닙니다. 그들이 가지고 있는 것은 페이지 레이아웃의 특정 영역으로 끌어다 놓을 수 있도록 하는 모듈과 트릭의 제한된 인벤토리입니다. 이러한 요소는 화면 크기/장치에 따라 멋지게 이동할 수도 있지만 그게 전부입니다.

WordPress 페이지 빌더(여전히)는 훌륭한 프론트엔드 개발자가 할 수 있는 모든 것을 할 수 없습니다.Tweet

슬라이더, 탭, 오디오 요소, 카운트다운 요소 및 장바구니와 같은 다양한 콘텐츠 모듈을 이미 지원할 수 있지만 그리드에서 약간 벗어나 다른 보다 유연한 디자인을 구현하려고 할 때 여전히 제공할 수 없었습니다. /박스/열 구조. 대부분의 페이지 빌더에서 그렇게 하면 문제가 발생하기 시작할 것입니다.

하지만 앞으로 언젠가는 더 복잡한 구조를 제공할 수 있게 되는 것이 불가피하다고 생각합니다.

제품 팀이 WordPress 페이지 빌더를 만들기로 선택하는 이유는 무엇입니까?

대부분의 WordPress 페이지 빌더는 특정 WordPress 테마에 내장된 드래그 앤 드롭 모듈로 시작한 것 같습니다. 이 아이디어는 오늘날 가장 인기 있는 WordPress 페이지 빌더로 발전했습니다. WordPress 테마를 빠르게 사용자 정의하는 데 사용할 수 있는 독립형 WordPress 플러그인. 다시 말해, WordPress 페이지 빌더는 WordPress 테마의 콘텐츠가 있는 모든 영역을 고삐 잡고 "타기"를 시작할 수 있으며 웹 사이트의 머리글, 바닥글 및 콘텐츠 래퍼를 처리하는 테마에 맡길 수 있습니다.

초기 단계에서 WordPress 페이지 빌더는 개발자에게 연락하지 않고도 필요에 따라 기존 스타일, 글꼴 크기 및 색상을 사용자 정의할 수 있기를 원하는 WordPress 테마 사용자가 제기한 필요성에서 태어났습니다. .

현재 WordPress 페이지 빌더 제품 팀은 더 크고 더 나은 것을 만드는 데 집중하는 고급 단계로 전환하고 있습니다. 그들은 모두 다음과 같은 측면에서 사용자에게 더 나은 경험을 제공하기 위해 노력하고 있습니다.

사용자 인터페이스
정밀도(픽셀 퍼펙트)
속도
유연성
반응형 레이아웃

그 결과 일부 워드프레스 테마 회사들이 페이지 빌더의 유연성을 활용하기 시작하면서 새로운 트렌드가 부상하고 있는 것 같습니다. 그들은 테마를 만들고 배포하는 새롭고 보다 탄력적인 프로세스를 채택하고 있습니다.

사내 테마 디자인
일부 WordPress 페이지 빌더 플러그인을 사용하여 디자인을 구현합니다(자체 플러그인일 필요는 없음).
사용 편의성 및 사용자 정의 옵션을 위한 판매 포인트로 페이지 빌더에서 제공한다고 언급하여 웹 사이트에서 테마를 판매하십시오.

이러한 추세의 흥미로운 부산물은 현재 호스팅 회사에서 호황을 누리고 있는 서비스입니다. 기본적으로 페이지 빌더 기반 테마의 기존 인벤토리에서 테마를 선택하여 빠르게 채우고 저장하고 즉시 온라인 상태가 되는 옵션이 있는 웹 사이트 호스팅을 자유롭게 구매할 수 있습니다. 흥미로운.

구독하고 우리 책의 무료 사본을 받으세요

신용 카드 분쟁 승소율을 740% 높이는 11가지 입증된 기술

구독해주셔서 감사합니다!

- 귀하의 '신용카드 분쟁 승소율을 740%까지 높이는 11가지 입증된 기술' 사본을 다음 주소로 보냈습니다. .

이메일에 오타가 있습니까? 이메일 주소를 수정하고 다시 보내려면 여기를 클릭하세요.

그렇다면 왜 WordPress 페이지 빌더를 사용했을까요?

페이지 빌더에 대한 코더의 비판 전체 섹션이 끝나면 Freemius 웹 사이트 페이지 중 일부에 WordPress 페이지 빌더를 사용하게 된 이유를 생각해 볼 때입니다. 다음은 '회사 소개' 및 '기능' 페이지의 예입니다.

그렇다면 우리는 왜 그런 결정을 내렸을까요?

주로 다음과 같은 이점으로 인해 우리에게 제공됩니다.

더 빠르게 이동

제품을 만들고 있는 스타트업 회사를 운영하고 있습니다. 당사 웹사이트는 웹상의 "얼굴"입니다. 새 페이지가 필요하거나 기존 페이지에서 무언가를 수정하려고 할 때마다 귀중한 개발자 시간을 "낭비"할 필요 없이 디자이너가 사이트를 위해 디자인 중인 페이지를 만들고 편집하도록 하는 것이 중요합니다.

여기에서 강조점은 스타트업인 우리에게 가능한 가장 빠른 방법으로 페이지를 조정하거나 편집할 수 있고 정확한 시간에 제품이 겪을 수 있는 모든 변경 사항과 일치하도록 하는 것입니다.

당사와 같은 제품 회사의 일반적인 예는 다음과 같습니다.

기능 추가/제거 및 기능 목록 업데이트 필요
브랜드 변경 및 재설계는 많은 상업 기업이 어느 시점에서 겪을 수 있는 프로세스입니다. 모양과 느낌을 새롭게 하고 때로는 어떤 이유로든 고착된 나쁜 이미지를 제거하는 것입니다.
기존 웹사이트 페이지에 새 섹션 추가. 빠른 예는 많은 사람들이 찾고 있다는 사실을 알게 된 후 최근에 랜딩 페이지에 추가한 가격 섹션입니다(이 시점에서 여전히 수동으로 코딩됨).
A/B 테스트 – 우리 웹사이트에 들어가서 조정할 수 있는 기능에는 "정적" 페이지와 마케팅 지향 랜딩 페이지가 포함됩니다. 일반적으로 전환 측면에서 가장 잘 작동하는 버전을 얻으려면 많은 A/B 테스트가 필요합니다. 비율.

마케팅 역량 강화

WordPress 페이지 빌더를 효과적으로 사용하면 개발 팀을 건너뛰면서 마케팅 자료를 쉽게 조정할 수 있습니다. WordPress 페이지 빌더로 작업을 시작한 이후로 제작 프로세스가 단축되었습니다. 훨씬 짧습니다. 이제 마케팅 컨셉과 콘텐츠를 구상하고 실행/편집을 위해 디자이너에게 전달하는 일만 남았습니다.

WordPress 페이지 빌더로 작업을 시작한 이후로 제작 프로세스가 단축되었습니다. 훨씬 짧습니다.Tweet

대부분 프로세스에 개발자를 참여시킬 필요가 없으므로 제품 개발에 계속 집중할 수 있습니다.

WordPress 페이지 빌더 플러그인이 변경되었습니다.

오늘날의 WordPress 페이지 빌더 플러그인 중 하나를 살펴보고 불과 5년 전의 이전 버전과 비교하면 근본적으로 다른 두 가지 생물을 보게 될 것입니다.

오늘날 페이지 빌더는 최신 정보를 유지하고 디자인 및 UI 모범 사례를 사용합니다.

이전 버전에서 요소는 페이지의 다른 요소나 장치 화면 크기를 고려하지 않는 절대 위치 지정을 사용하여 배치되므로 레이아웃이 매우 쉽게 중단되었습니다. 이제 대부분의 최신 페이지 빌더는 잘 구성된 HTML 페이지를 생성하고 요소의 상대적(또는 Flexbox) 위치 지정을 사용하여 보다 지속 가능하고 장치에 구애받지 않는 결과를 가능하게 합니다. AKA, 반응형 레이아웃.

디자인은 영원하지 않다

빠르게 변화하고 끊임없이 변화하는 오늘날의 세계에서 디자인 트렌드는 끊임없이 변화하고 있습니다. 많은 작업을 투자하고 완벽한 픽셀 디자인을 만들더라도 1~2년 안에 교체해야 할 수 있습니다. 그렇지 않으면 관련성이 없어 보일 위험이 있습니다.

제품 회사로서 우리는 뛰어난 제품을 구축하는 데 더 많은 리소스를 투자하고 약간 덜 뛰어난 웹사이트를 만드는 것을 선호합니다. 시간과 자원 할당의 절충안입니다.

그렇긴 하지만 오늘날의 높은 수준의 WordPress 페이지 빌더를 사용하면 많은 타협 없이 고품질의 멋진 사이트를 구축할 수 있습니다.

비용은 생각할 필요가 없습니다

특정 관점에서 보면 페이지 빌더에 특별한 요구 사항이 없습니다. 이 시점에서 우리가 달성하고자 하는 것은 무료입니다(무료 맥주에서와 같이). 우리가 필요로 하는 기능이 무료가 아니어서 'Pro' 버전으로 업그레이드하게 되더라도 – 비용을 빠르게 계산하면 여전히 우리를 위한 재정적 투자 가치가 있음을 알 수 있습니다.

어쨌든 작업 중인 디자이너에게 작업을 직접 위임할 수 있으므로 절약한 개발자 시간을 사용하는지 쉽게 알 수 있습니다. 개발자가 한 시간 동안 웹 페이지를 수정하는 데 드는 비용은 페이지 빌더에 대해 매월 반복적으로 XX달러를 지불하는 것보다 훨씬 더 많은 비용이 들 수 있습니다.

웹 페이지를 수정하기 위해 한 시간 동안 개발자가 작업하는 것은 페이지 빌더에 대해 매월 반복적으로 지불하는 $XX보다 훨씬 더 많은 비용이 들 수 있습니다.Tweet

결론 – WordPress 페이지 빌더가 당신에게 적합합니까?

결국에는 유연성과 사용 편의성이 항상 균형을 이룹니다.

현재 Freemius 웹사이트에는 '회사 소개' 페이지인 WordPress 페이지 빌더를 사용하여 만든 페이지 하나만 있습니다. 약간 더 복잡한 디자인 요구 사항이 있는 다른 페이지(특수 제품 비교 페이지)를 구현하려고 했을 때 우리는 시도한 페이지 빌더에서 답을 찾지 못한 몇 가지 문제와 질문을 발견했습니다. 따라서 현재로서는 손으로 코딩한 페이지와 페이지 빌더 기반 페이지를 모두 포함하는 하이브리드 웹사이트가 있습니다.

워드프레스 페이지 빌더가 기술에 정통한 디자이너/개발자에게 정교한 디자인으로 웹 페이지를 생성할 수 있는 기능을 제공할 수 있기 때문에 미래는 더 밝아 보입니다.

여하튼 나는 WordPress 페이지 빌더가 매일 더 좋아지고 있고 이미 제작하기 쉽고 (덜 중요하지는 않지만) 편집하기 쉬운 웹 페이지에 대한 많은 사람들의 요구에 부응하고 있다는 사실을 부인할 수 없습니다.