CodeWP Review 2023: AI로 WordPress 워크플로를 강화하세요!

게시 됨: 2023-01-18

CodeWP는 WordPress용 AI 코드 생성기입니다. 이 기사에서는 사용 방법, 테이블에 제공하는 다양한 기능, 생성하는 스니펫, 플랫폼 가격 등에 대해 살펴보겠습니다.

특히 WordPress 및 생태계의 제품을 위한 코드 스니펫을 생성하기 위해 최첨단 인공 지능을 활용하는 인상적인 기술입니다.

CodeWP는 수백만 줄의 WordPress 코드로 학습되며 다양한 AI 플러그인별 모드도 플러그인 코드 베이스에서 직접 코드로 개선됩니다. 예를 들어 Oxygen Builder 조건 AI 모드는 Conditions API를 사용하여 수십 가지 조건 예제에 대해 교육을 받았습니다.

핵심 기능

핵심적으로 CodeWP는 AI를 활용하여 WordPress 제작자의 문제를 해결하는 코드 스니펫을 생성하는 도구입니다.

그러나 그것은 또한 훨씬 더 많습니다. 다음은 제공되는 플랫폼의 모든 기능과 몇 가지 실제 사용 사례를 보여주는 간단한 소개 비디오입니다.

보시다시피 이 리뷰에는 다루어야 할 내용이 많습니다.

AI 모드

이 플랫폼의 주력 기능은 AI 모드입니다. 수십 가지 모드가 있으며 격주로 새로운 모드가 추가됩니다. 각 모드는 특정 플러그인, 사용, 사례 또는 제품에 해당합니다.

특정 모드로 전환하면 기본 AI를 플러그인 또는 제품의 코드 기반에서 훈련된 특정 변형으로 변경합니다. 이것이 의미하는 바는 개별 플랫폼에 대해 매우 구체적이고 정확한 세대를 얻는다는 것입니다.

lepage-2023-01-05-at-17-00-41

이것이 이 제품이 시장에 나와 있는 다른 많은 제품과 차별화되는 점입니다. 진정으로 WordPress와 WordPress에만 초점을 맞추고 있으며 세대와 모드는 시간이 지남에 따라 더 좋아집니다.

다음은 AI 모드의 예와 작동 방식입니다. 개발자에게 인기 있는 사용자 지정 필드 프레임워크는 Carbon Fields입니다. 매우 강력하지만 PHP와 WordPress 작동 방식을 잘 이해하고 있어야 합니다. 이 때문에 매우 차갑고 무거우며, 완전히 숙련된 개발자라도 메타박스, 사용자 정의 필드 또는 옵션 페이지를 등록하는 코드를 작성하는 것은 때때로 다소 지루할 수 있습니다.

해당 모드로 전환하고 고유한 프롬프트를 제공하면 이 특정 프레임워크/플러그인에 필요한 구문과 구조를 반영하는 생성을 얻게 됩니다.

문서를 읽고 직접 작성하는 것과 비교하면 이것이 일을 처리하는 데 훨씬 더 효율적이고 일반적으로 더 정확합니다.

이것은 보다 정확한 세대를 생성하는 데 정말 도움이 되며 곧 출시될 Elementor Widget 및 Bricks Builder Widget 모드를 사용하면 여기에서 더 나아질 수 있습니다.

크리에이터 모드

제작자는 모든 작업을 완료하는 곳입니다. 방금 위에서 언급한 모드를 포함하여 다양한 AI 생성 옵션이 있는 완전한 기능을 갖춘 코드 편집기입니다. 세 가지 핵심 옵션이 있습니다. 자세히 살펴보겠습니다.

표준 세대

텍스트 프롬프트를 받아 코드로 변환합니다(텍스트를 코드로 또는 TTC AI). 그렇게 간단합니다. 원하는 것을 프롬프트에 입력하고 제출하기만 하면 한 세대가 곧 편집기를 채울 것입니다.

lepage-2023-01-12-at-14-11-42
스니펫을 생성하는 데 사용되는 프롬프트

편집하다

스니펫을 생성한 후에는 스니펫의 특정 측면을 변경하고 싶을 때가 있습니다. 예를 들어 연락처 양식, 짧은 코드를 생성했지만 생성이 보안 문제로 이어지는 텍스트 필드를 삭제하지 않은 경우 어떻게 됩니까?

lepage-2023-01-05-at-17-01-47

편집 모드로 전환하고 원하는 내용을 입력하고 변경한 다음 녹색 버튼을 클릭하기만 하면 됩니다. 편집이 완료되면 화면이 아래 스크린샷과 같이 변경됩니다.

이미지-7-17

이렇게 하면 코드에서 변경된 내용을 시각적으로 잘 표현할 수 있습니다. 빨간색인 것은 모두 제거되었습니다. 초록색이 추가되었습니다.

그런 다음 세대 ID(또는 ctrl+o)를 클릭하여 새 탭에서 스니펫을 열고 모든 편집 내용과 원래 세대를 검토할 수 있습니다.

설명하다

lepage-2023-01-05-at-17-02-35

이 세 가지 핵심 옵션 외에도 위에서 논의한 모드를 전환하고 향후 더 나은 세대를 만드는 데 도움이 되는 피드백을 플랫폼에 제공할 수도 있습니다.

lepage-2023-01-12-at-13-51-05

이 헤더 도구 모음을 사용하면 기존 스니펫을 검색하고 설명하거나 편집할 편집기에 삽입하거나 쉽게 액세스할 수 있도록 좋아하는 세대를 삽입하고 좋거나 나쁘게 쓸 수 있으며 JSON 형식으로 내보낼 수도 있습니다. 코드 조각 플러그인. 우리 블로그의 열렬한 독자라면 우리가 Code Snippet 플러그인을 좋아하고 몇 가지를 검토했음을 알게 될 것입니다.

  • Scripts Organizer 검토: 스크립트 예약, 시간 절약
  • 고급 스크립트 검토: 코드 조각보다 낫다
  • 개발자를 위한 최고의 코드 스니펫 관리자

편집자 경험의 또 다른 좋은 점은 프롬프트 열기에서 제출, 모드 전환, 세대 순위 지정에 이르기까지 키보드를 사용하여 완전히 탐색할 수 있다는 것입니다.

11개 이상의 언어 지원

영어가 모국어가 아닌 개발자와 사용자를 위해 플랫폼에 대한 다국어 지원도 제공됩니다.

lepage-2023-01-05-at-17-00-16

11개 이상의 언어가 공식적으로 지원되지만 공식적으로 지원되지 않는 언어를 여러 세대에 걸쳐 보았습니다.

일반적으로 스페인어와 같은 로망스어가 가장 좋은 결과를 내지만 힌디어, 중국어, 러시아어 등도 지원됩니다.

스니펫 관리 및 공유

일단 생성되면 스니펫과 코드 자체에 대한 풍부한 정보에 액세스할 수 있습니까?

lepage-2023-01-12-at-14-25-39

초기 화면에는 즐겨찾기한 스니펫만 표시되지만 두 번째 탭에서는 모든 세대를 볼 수 있습니다. 공개된 모든 세대는 세 번째에서 찾을 수 있습니다. AI 모드로 필터링하고, 키워드를 검색하고, 생성 날짜, 길이 등을 기준으로 소스 스니펫을 검색할 수 있는 다양한 필터링 옵션도 있습니다.

lepage-2023-01-12-at-14-31-47

이전 편집, 설명 및 하위 스니펫을 포함하여 이 스니펫의 모든 항목에 액세스할 수 있습니다. 여기에서 직접 즐겨찾기에 추가하고 평가할 수도 있습니다. AI에 의해 생성된 태그와 코드가 생성되었을 때 어떤 모드와 언어가 슬펐는지에 대한 기록이 있음을 알 수 있습니다.

lepage-2023-01-12-at-14-32-35
예시 설명 탭(오타 주의)

스니펫 관리 주제에서 복잡한 PHP 생성을 위한 CSS 및 JavaScript 하위 스니펫을 생성하는 기능도 있습니다. 예를 들어 연락처 양식을 만들고자 하는 경우 초기 세대에서는 제출을 처리하는 기능인 단축 코드를 만들 가능성이 높습니다.

그러나 대부분의 경우 해당 양식에는 스타일이 없으며 내 테마 일반 스타일을 상속하지 않을 수 있습니다. 이를 방지하기 위해 CSS 하위 스니펫 생성기를 사용하여 PHP 코드 자체를 기반으로 몇 가지 간단한 스타일을 만들 수 있습니다. JavaScript도 마찬가지입니다. POST를 사용하여 데이터를 제출하려면 양식에 JavaScript가 필요할 수 있습니다. JS 하위 조각이 그렇게 할 것입니다.

기본적으로 스니펫은 비공개이며 로그인한 경우에만 계정에 액세스할 수 있습니다. 이를 통해 중요한 정보가 유출되지 않도록 보호합니다. 그러나 이것을 관심 있는 사람들과 공유하고 싶다면 고유한 공유 기능이 있습니다.

lepage-2023-01-12-at-14-35-04

여기에서 고유 액세스 코드가 첨부된 URL을 복사할 수 있습니다. 코드가 올바르지 않거나 코드가 없으면 링크가 작동하지 않습니다. 그러나 코드가 올바른 경우(예: 복사된 코드) 해당 링크가 있는 모든 사람과 코드를 공유할 수 있습니다. 소셜 공유 기능에 대해서도 동일하게 작동합니다.

또한 원하는 사람에게 스니펫을 이메일로 보낼 수 있습니다. 이메일은 다음과 같습니다.

lepage-2023-01-12-at-14-37-45

위에서 언급한 대로 개별 스니펫 페이지에서 직접 스니펫을 내보낼 수도 있습니다.

어떻게 작동합니까?

지금까지 주요 기능을 다루었습니다. 거기에 많은 기능이 있다는 것을 알고 있으므로 가장 좋은 제안은 플랫폼의 대부분의 기능에 대한 액세스 권한을 한 달에 10세대 제공하는 무료 요금제에 가입하는 것입니다. 이렇게 하면 클릭하여 직접 확인할 수 있습니다. 플랫폼에 대한 개선 사항 및 추가 사항은 블로그에서 볼 수 있듯이 매우 빠른 속도로 추가되므로 직접 살펴보는 것이 가장 좋습니다.

내가 많이 본 질문은 이 도구가 실제로 어떻게 작동합니까? 너무 많은 비밀을 밝히지 않고 CodeWP는 수백만 줄의 PHP 코드로 훈련된 방대한 인공 지능을 활용합니다. 그로부터 대부분의 플랫폼을 지원하는 일반 WordPress PHP 모드가 있습니다. 이것은 WordPress PHP 코드 기반과 다양한 예제에서 학습됩니다.

그런 다음 각 AI 모드는 추가 코드 베이스와 예제에 대해 더 자세히 훈련됩니다. 여기에서 플랫폼은 사용자가 선호하거나 순위가 ""인 세대를 활용하여 AI가 고품질의 정확한 코드 스니펫을 생성하도록 지시합니다. 점점 더 많은 사용자가 플랫폼을 활용하여 WordPress 워크플로에 도움이 됨에 따라 세대가 향상되고 향상됩니다.

만들 수 있는 몇 가지 예

Snippets 페이지 아래 AI 모드에서 100% 생성된 예제 라이브러리가 있습니다.

lepage-2023-01-05-at-16-16-13

몇 가지 세대를 살펴보겠습니다.

이 코드는 고유한 shortlink 솔루션을 생성합니다. 게시물이 게시되면 고유한 문자열과 해당 게시물에 대한 짧은 링크가 생성됩니다. 또한 프런트엔드에 이 링크를 표시하기 위한 단축 코드를 제공합니다. 방문자가 링크를 통해 이 게시물에 액세스하면 완료 링크 및 슬러그로 리디렉션됩니다.

이 스니펫은 플러그인 관리 테이블에 개별 플러그인에 대한 링크를 추가합니다. 클릭하면 해당 플러그인이 ZIP 파일로 컴퓨터에 다운로드됩니다.

이 코드는 Oxygen Builder에만 적용되며 방문자 위치의 날씨에 따라 요소를 조건부로 표시/숨기기 위해 사용할 수 있는 편집기에 새 조건을 추가합니다.

이 코드는 파일의 청구 주소에 해당하는 사용자 테이블의 새 열에 플래그를 표시합니다.

이러한 각 세대는 원래 프롬프트에서 한 번에 생성됩니다. 보시 다시피 이러한 스니펫은 복잡한 문제를 해결합니다 .

오른쪽에 있는 두 스니펫은 표준 WordPress PHP 모드와 다른 AI 모드를 사용하고 있음을 알 수 있습니다. WooCommerce PHP 및 Oxygen Builder 조건. 이를 통해 각 AI 모드가 의도한 제품에 대해 매우 구체적으로 출력을 변경하는 방법에 대한 좋은 아이디어를 얻을 수 있습니다.

가격

유료 요금제는 $8/월부터 시작하며 매년 청구됩니다.

무료 , 프로 및 대행사의 세 가지 가격 책정 계층이 있습니다.

무료 요금제는 일반 WordPress AI 생성기를 사용하여 매월 10세대를 제공합니다. 놀랍도록 복잡한 스니펫을 생성하지만 ACF 모드와 비교할 때 일반적인 모드에 가깝습니다.

할당량은 매월 등록한 날에 재설정됩니다. 1) 무료이고 2) 몇 시간 동안 인터넷 검색과 시행 착오가 필요한 큰 문제에 대한 완벽한 문제 해결사이기 때문에 WordPress로 작업하는 모든 사람에게 훌륭한 옵션입니다.

lepage-2023-01-05-at-09-56-33

Pro 계획은 모든 주요 플랫폼 기능을 잠금 해제합니다. 이제 편집기에서 편집, 설명 및 생성 모드를 모두 사용할 수 있습니다. 또한 Breakdance & Oxygen conditions, ACF & Metabox, WooCommerce 등을 포함한 모든 AI 모드에 액세스할 수 있습니다.

Pro는 연간 구매 시 $8/월부터, 월간 구매 시 $12/월부터 시작합니다.

그리고 물론 10세대에서 무제한으로 이동합니다. 즉, 메시지를 자유롭게 사용할 수 있습니다. 필요한 것에 가까워지지만 세대가 100% 완벽하지는 않습니까? 걱정하지 마세요. 필요한 것을 얻기 위해 다양한 변형으로 10번 더 메시지를 표시할 수 있습니다.

아직 나오지 않은 대행사 계획은 규모 절약 및 협업 기능을 제공합니다. 최대 5명의 멤버를 초대하고 편집기에서 실시간으로 서로 작업할 수 있습니다.

다음은 무료 플랜에 대한 훌륭한 개요와 Pro 플랜이 제공하는 기능입니다.

여기서 ROI/가치 제안은 무엇입니까?

Pro Pricing을 보면 1년 동안 구매하면 $96/년이 나옵니다.

댓글에 언급된 플러그인은 WooCommerce의 Custom Thank You Pages입니다. 그러면 $50/년이 실행되고 CodeWP는 약 10초 만에 동일한 작업을 수행하는 스니펫을 생성했습니다.

역시 $50/yr인 또 다른 인기 있는 플러그인은 Checkout Field Editor입니다. CodeWP는 체크아웃을 위한 사용자 정의 필드를 쉽게 생성할 수 있습니다.

이것은 (의심할 여지없이) 플러그인과 다른 SaaS 도구이지만 플러그인 라이선스에 대한 연간 요금과 비교하면 매우 유사합니다. 가치 제안이 실제로 빛나기 시작하는 곳은 이 도구가 코드 스니펫 형식으로 동일한 것을 생성하기 때문에 수십 개의 다른 플러그인에 대한 필요성을 제거 하기 시작할 때입니다.

결론

CodeWP는 WordPress 제작자에게 AI를 활용하여 코드 스니펫 생성을 생성하는 강력한 최첨단 플랫폼을 제공합니다. 기능과 모드는 매주 추가되고 있으며 한 달에 8달러라는 저렴한 비용으로 효율성을 크게 향상하고 비용을 최소화하며 더 나은 WordPress 제작자가 될 수 있습니다.