WordPress 리버스 엔지니어링: WordPress 사이트를 복제하는 방법

이 웹사이트는 너무 좋아 보입니다. 그런 웹사이트가 있었으면 좋겠습니다.

친숙하게 들리나요?

멋진 사용자 인터페이스, 색상, 글꼴 등을 과시하는 웹 사이트를 볼 때 거의 모든 블로거의 생각입니다.

나는 같은 상황에 여러 번 갇혔고 뭔가가 필요하다는 것을 알았습니다. 그래서 연구를 진행했습니다.

더 구체적으로 말하면 웹 사이트를 디코딩하여 웹 사이트를 구동하는 모든 기본 비밀을 드러낼 수 있는 도구를 찾았습니다.

이 게시물에서는 WordPress 리버스 엔지니어링 전략과 WordPress 사이트를 복제하는 데 사용할 수 있는 도구 목록을 공유합니다.

그러나 Shafi, 왜 WordPress입니까? 물어볼 수 있습니다.

이유는 아주 간단합니다. WordPress는 가장 인기 있는 콘텐츠 관리 시스템 중 하나이며 인터넷에 있는 모든 웹사이트의 28.6%를 차지합니다.

놀랍게도 매일 50,000개가 넘는 WordPress 사이트가 시작되고( 출처 ) TechCrunch, Disney, Sony 등과 같은 인기 있는 사이트에서 WordPress를 사용하여 사이트를 운영하고 있습니다( 출처 ).

귀하의 질문에 답변이 되었기를 바랍니다.

[click_to_tweet tweet="매일 50,000개의 워드프레스 블로그가 출시되고 있으며 훌륭한 디자인과 기능을 갖추는 것이 중요해지고 있습니다. 다음은 WordPress 블로그를 복사하는 5단계입니다. #WordPress #OceanWP #WordPressFacts” quote=”매일 50,000개의 새로운 WordPress 블로그가 출시된다는 사실을 알고 계셨습니까? #WordPressFacts”]

롤 준비가 되셨습니까? 시작하자.

0단계: 사이트에서 WordPress를 사용 중인지 확인

당신은 그것이 오는 것을 보았죠, 그렇죠?

물론 가장 먼저 해야 할 일은 즐겨찾는 사이트가 WordPress를 사용하고 있는지 확인하는 것입니다. 그렇지 않은 경우 이 전략을 따를 가치가 없으며 이후 단계에서 계속 머리를 긁적입니다.

어떤 콘텐츠 관리 시스템(CMS)이 웹사이트를 구동하는지 확인하기 위해 무료 온라인 도구인 WhatCMS.org 를 사용할 것입니다.

도구를 사용하는 것은 간단합니다. 테스트할 웹사이트를 복사하고 제공된 웹사이트 상자에 입력하고 Enter 키를 누릅니다.

이 도구는 일련의 알고리즘을 실행하고 웹사이트에서 어떤 CMS를 사용하고 있는지 보여주는 결과를 제공합니다.

1단계: 디자인 복사

다음 단계는 해당 사이트에서 어떤 WordPress 테마를 사용하고 있는지 확인하는 것입니다. 알다시피, 사용할 수 있는 무료 및 프리미엄 WordPress 테마가 최소 10,000개 이상이므로 웹사이트 소유자에게 충분한 선택권을 제공합니다.

또한 많은 웹 사이트 소유자는 프레임워크의 사용자 정의 버전 또는 처음부터 코딩된 테마가 될 수 있는 사용자 정의 개발 테마를 사용합니다.

사용 중인 WordPress 테마를 확인하려면 또 다른 무료 도구 인 WPThemeDetector.com 을 사용할 수 있습니다 .

이 도구는 고급이며 WhatWPThemeIsThat.com과 같은 다른 유사한 도구로는 불가능한 테마 또는 기본 프레임워크(숨겨져 있더라도)를 쉽게 감지합니다.

이 도구는 테마를 감지하는 것 외에도 개발자, 얼마나 많은 다른 사이트에서 테마를 사용하는지, 공식 링크에 대한 자세한 정보를 제공합니다.

사이트에서 사용자 정의 테마를 사용하는 경우 어떻게 해야 합니까?

앞서 논의한 바와 같이 일부 사이트는 처음부터 개발된 사용자 정의 테마를 사용할 수 있습니다. 이러한 경우 위의 도구는 별로 도움이 되지 않습니다.

그러나 희망을 버리지 마십시오. OceanWP 테마 와 Elementor와 같은 페이지 빌더의 조합을 사용하여 동일한 웹사이트 디자인을 완성할 수 있습니다.

OceanWP는 Elementor만큼 직관적이고 사용하기 쉬운 페이지 빌더로 가장 쉽게 사용자 정의할 수 있는 테마로 모든 기능을 제공합니다.

말 그대로 미리 만들어진 구성 요소를 드래그 앤 드롭하고 크기/색상을 조정하고 CSS를 약간 수정하고 거의 유사한 디자인을 얻을 수 있습니다.

2단계: 기능을 올바르게 사용하십시오!

자, 이제 디자인이 올바르고 새로 만든 WordPress 사이트가 비슷해 보입니다. 그러나 유사한 기능이 없으면 플러그인이라고해야합니다.

평균적인 WordPress 사이트는 각각 고유한 기능을 제공하는 최소 10개의 서로 다른 플러그인으로 구동됩니다.

이상적인 웹 사이트는 세련된 기능과 사용자 경험을 제공하기 위해 여러 플러그인을 사용하고 있습니다. 또한 특정 플러그인에 정착하기 전에 여러 플러그인을 시도했을 것이므로 플러그인 정보를 얻는 것이 좋습니다.

사용 중인 플러그인의 정확한 목록을 얻는 것이 어렵지만(많은 개발자가 이름과 정보를 숨깁니다), scanwp.net 은 정보를 효율적으로 검색할 수 있습니다.

또한 WordPress 저장소에서 사용할 수 있는 플러그인의 공식 링크와 무료인지 여부도 찾습니다.

3단계: 독서 경험을 잊지 마세요

여기 에 설명된 대로 사용되는 글꼴은 실제로 콘텐츠에 대한 개별 응답에 영향을 줄 수 있습니다.

위의 실험에서 첫 번째 그룹의 사람들(읽기 쉬운 글꼴)은 작업을 완료하는 데 8.2분이 소요될 것으로 추정했습니다. 반면 두 번째 그룹(읽기 어려운 글꼴)은 무려 15.1분을 예상했습니다.

그것은 큰 차이이며 적절한 의미가 있습니다. 지침을 읽는 것이 어렵다면 마음이 더 느리게 처리하므로 예상 시간이 길어집니다. 확실히, 당신이 당신의 블로그를 위해 원하는 것.

비슷한 독서 경험을 원한다면 해당 사이트에서 사용하는 것과 동일한 글꼴을 사용하도록 노력해야 합니다. WhatFont Chrome 확장 프로그램 을 사용하여 사이트의 글꼴을 쉽게 감지할 수 있습니다 .

확장 프로그램을 설치하고 사이트(기사 페이지 권장)를 방문하여 WhatFont 확장 프로그램 버튼(화면 오른쪽 상단에서 사용 가능)을 클릭하고 텍스트 위로 마우스를 가져갑니다.

정확한 글꼴뿐만 아니라 글꼴 크기, 스타일, 두께 및 다운로드할 수 있는 Google 웹 글꼴에 대한 링크를 얻을 수 있습니다.

4단계: 누군가가 색상을 말했습니까?

다시 말하지만, 색상은 인간 심리학과 관련된 것이며 전문가들은 웹사이트 틈새 시장을 기반으로 최적의 색상 팔레트를 사용할 것을 제안합니다.

Kissmetrics 에 따르면 색상은 구매 행동에 영향을 미치며 대상 유형에 따라 적절한 색상 구성표를 선택해야 합니다.

즐겨 찾는 웹 사이트에서 사용하는 색 구성표를 보고 얻을 수 있지만 정확한 색 음영과 16진수 코드를 얻는 것이 더 합리적입니다.

ColorCombos.com 에는 웹 페이지에서 사용하는 색상 팔레트를 가져올 수 있는 온라인 도구가 있습니다. 페이지 URL을 입력하고 Enter 키를 누르기만 하면 됩니다.

몇 초 안에 웹사이트에서 자주 사용되는 모든 색상 팔레트 목록과 16진수 코드 및 색상 구성표 다운로드 옵션이 표시됩니다.

5단계: 웹사이트 속도

사이트에 대한 첫 번째 좋은 인상은 로드 속도 때문이라고 확신합니다. 디자인이나 사용자 인터페이스가 아무리 좋아도 3~4초 이상 로드되면 탭을 닫고 돌아오지 않을 것입니다.

웹 호스팅은 좋은 로드 시간 뒤에 있는 주요 이유 중 하나이며 이 사이트를 구동하기 위해 어떤 호스팅이 사용되고 있는지 궁금할 것입니다. 사이트를 검색하여 답변을 얻을 수 없는 경우(대부분의 경우 바닥글에 작성됨) HostAdvice.com 의 도구를 사용하여 호스팅 제공업체를 얻을 수 있습니다.

Nameserver만을 사용하여 웹 호스트를 탐지하는 다른 도구와 달리 이 도구는 실제로 CDN을 사용하는 경우 숨겨진 호스트를 드러낼 수 있습니다.

이 도구가 없었다면 OceanWP.org가 CloudFlare CDN(매우 빠른 로드 시간을 설명함)으로 구성된 Google Cloud Platform에서 호스팅된다는 사실을 전혀 몰랐을 것입니다.

또한 같은 페이지에서 바로 호스팅 계획과 사용자 리뷰를 볼 수 있습니다.

결론

저기요!

이제 당신은 WordPress 웹사이트를 빠르게 리버스 엔지니어링하고 디자인에서 웹사이트 기능까지 바로 복제할 수 있는 비밀 암살자입니다.

사이트에 원하는 다른 것이 있지만 수행 방법을 찾을 수 없는 경우 사이트 소유자에게 직접 문의하는 것이 좋습니다. 대부분의 경우 기능 소스 또는 이를 작성한 개발자를 안내합니다.

WordPress 웹 사이트를 복제하는 데 사용하는 비밀 도구가 있습니까? 나는 그것에 대해 듣고 싶습니다. 의견을 남겨주시면 논의할 수 있습니다. 도움이 될 수 있는 WordPress 애호가 친구와 이 기사를 공유하십시오.