맞춤형 WordPress 홈페이지 만들기

게시 됨: 2019-10-25

귀하의 사이트의 홈페이지만큼 귀하의 비즈니스에 중요한 것은 없습니다. 그것은 귀하의 비즈니스를 가장 잘 대표할 뿐만 아니라 비즈니스에 대한 좋은 점과 나쁜 점을 모두 반영 하므로 자연스럽게 기억에 남고 싶어합니다. 그리고 웹사이트 방문자에게 독창성에 대한 강한 인상을 남길 수 있는 방법은 무엇입니까? 물론 맞춤형 WordPress 홈페이지를 만드는 것입니다. 이전에 랜딩 페이지를 만드는 데 문제가 있었다면 이것이 미션 임파서블이 될 것이라고 생각할 수 있습니다. 끊임없이 발전하고 항상 발전하는 WordPress의 세계에는 그런 것이 없습니다.

홈페이지로 사용할 페이지 선택

일반적으로 첫 번째 단계는 항상 가장 복잡한 단계입니다. 여기에서는 그런 것처럼 보일 수 있지만 프로세스를 시작하면 곧 그렇지 않다는 것을 알게 될 것입니다. 프로세스를 시작하려면 페이지 – 새로 추가로 이동하여 이름을 홈으로 지정할 페이지를 만든 다음 게시합니다 . 이 특별한 순간에 페이지의 디자인과 레이아웃이 주요 관심사가 되어서는 안 됩니다. 그건 나중에 온다. 이제 웹 사이트에 블로그 섹션을 통합하려는 경우 동일한 프로세스를 반복하여 별도의 블로그 페이지를 만듭니다. 유일한 예외는 이 페이지의 이름을 홈이 아닌 블로그로 지정해야 한다는 것입니다.

맞춤형 WordPress 홈페이지 제작을 포함하는 비즈니스 전략을 수립하는 사람들.
비즈니스 전략에 접근하는 것처럼 사용자 정의 홈페이지를 만드는 데 진지하게 접근해야 합니다.

설정 – 페이지 읽기로 이동하여 '홈페이지 표시' 섹션에서 '정적 페이지' 옵션을 선택합니다. 이전에 만든 두 페이지를 홈페이지와 블로그 페이지로 선택하고 완료되면 '변경 사항 저장'을 잊지 마십시오 . 우리가 그것이 보이는 것만큼 복잡하지 않다고 말하지 않았습니까? WordPress 웹 사이트 사용의 이점 중 하나는 바로 단순성입니다. 이제 홈페이지 형식의 빈 캔버스가 있으므로 사용자 정의를 시작할 수 있습니다!

맞춤형 WordPress 홈페이지를 만들기 위한 Gutenberg 편집기 사용

2018년 12월 구텐베르크 에디터가 출시되었을 때, 여론은 양분되었습니다. 어떤 사람들은 이것을 큰 개선으로 보았고 다른 사람들은 오랫동안 클래식 편집기로 작업한 후 Gutenberg로 전환하는 것을 상상할 수 없었습니다. 동전의 어느 쪽을 믿든 한 가지는 부정할 수 없습니다. Gutenberg를 사용하면 멋진 페이지와 게시물을 쉽게 만들 수 있습니다. Gutenberg 편집기는 각 콘텐츠 요소에 대해 블록을 사용하고 최대한 간단하게 조작할 수 있습니다. 미디어, 텍스트, 표지 이미지, 열로 사용할 수 있는 블록이 있습니다 .

편집을 더욱 간단하고 재미있게 만들고 싶다면 Astra와 같은 Gutenberg 지원 WordPress 테마를 사용할 수 있습니다. 템플릿을 가져와서 편집하고 사용자 정의하는 동안 상상력을 발휘하기만 하면 됩니다. 최종 결과는? 아름답고 전문적이며 독특한 홈페이지!

페이지 빌더는 맞춤형 WordPress 홈페이지를 만드는 데 도움이 됩니다.

맞춤형 WordPress 홈페이지를 만드는 가장 쉬운 방법을 선택해야 한다면 아마도 이 방법일 것입니다. 코딩 기술이 필요하지 않습니다. 필요한 것은 WordPress 페이지 빌더 플러그인을 설치하고 활성화하기만 하면 됩니다. 드래그 앤 드롭 인터페이스로 아름다운 레이아웃을 만들 수 있습니다. 확실히, 매력적으로 들리지 않습니까? 글쎄, 페이지 빌더를 사용하는 것은 들리는 것처럼 간단합니다.

다양한 웹사이트 페이지 템플릿을 보여줍니다.
창의적이거나 매력적인 홈페이지를 구상했습니까? 당신의 선택은 무한합니다.

사용하려는 페이지 빌더를 선택했으면 몇 번의 클릭으로 설치할 수 있는 사용자 정의 홈페이지 템플릿 을 선택하십시오. 이제 텍스트, 그림 및 콘텐츠를 자신의 것으로 바꿀 수 있으며 다른 섹션을 추가하여 템플릿을 확장할 수도 있습니다. 코드를 한 줄도 작성할 필요 없이 이 모든 것을 기억하십시오!

사용자 정의 WordPress 홈페이지 수동으로 만들기

자, 여기서 상황이 복잡해집니다. 앞의 두 가지 방법은 코딩 기술이 전혀 필요하지 않았지만 이 방법은 필요합니다. 감히 이 방법을 시도 하려면 CSS, HTML, PHP 및 몇 가지 기본 코딩 방법에 익숙해야 합니다 . 그렇다면 이것이 어떻게 작동하고 코딩 기술을 정확히 어떻게 사용해야 할까요?

WordPress가 다른 파일로 만들어지고 그 중 일부는 템플릿이라고 하고 웹사이트의 다른 영역을 제어하므로 front-page.php라는 레이블이 지정된 템플릿을 찾아야 합니다. 없을 경우에는 완전히 새로운 font-page.php를 생성해야 합니다. 이 템플릿은 WordPress에서 홈페이지를 표시하는 데 사용됩니다. 새 페이지를 만든 경우 이 템플릿은 완전히 비어 있습니다. 이 때 HTML 코드를 추가하여 곧 아름다운 홈페이지의 다양한 요소 를 표시할 수 있습니다.

이 접근 방식은 코딩에 대한 최소한의 경험이 필요합니다. 희미한 마음을위한 것이 아닙니다.

홈페이지를 수동으로 만들기로 선택한 경우 하위 테마 또는 사용자 정의 테마를 사용하는 것이 좋습니다. 상위 테마의 파일을 변경하면 테마를 업데이트하면 변경 사항이 무시될 수 있으므로 위험할 수 있습니다. 그리고 front-page.php를 사용하는 대신 자신만의 템플릿을 만들어 홈페이지에 사용할 수도 있다는 사실을 알고 계셨습니까? 다음은 하위 또는 사용자 정의 테마에서 이 템플릿을 만드는 방법입니다.

홈페이지.php라는 테마의 루트에 새 파일을 만듭니다.
다음 코드를 추가합니다.
<?php / 템플릿 이름: 홈페이지*/ ?>*

<?php get_header(); ?>

< div id=”기본” 클래스=”콘텐츠 영역”>

<메인 아이디=”메인” 클래스=”사이트-메인” 역할=”메인”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

WordPress에서 새 페이지를 만들고 페이지 속성 아래에 이제 템플릿 아래에 홈페이지가 있어야 합니다. 기본 템플릿 대신 이것을 선택하십시오. 물론 설정 -> 읽기로 이동하여 이 페이지를 홈페이지로 만드는 것을 잊지 마십시오. 이제 HTML CSS PHP 및 Javascript를 사용하여 원하는 만큼 홈페이지를 사용자 정의할 수 있습니다.

물론 완전히 새로 만드는 것보다 이미 존재하는 코드와 템플릿을 사용한다면 훨씬 쉬울 것입니다. 이 상황 에서 머리글 및 바닥글과 같은 일부 요소를 사용하고 다른 요소 를 제거할 수 있습니다. 우리는 당신에 대해 모르지만 우리 WP Full Care 팀은 이것이 훨씬 더 쉬운 접근 방식이라는 것을 알게 되었습니다. 또한 우리 팀은 귀하의 멋진 새 웹사이트를 위한 아름다운 사용자 정의 머리글과 바닥글을 만드는 작업을 스스로 수행할 것입니다.

어떤 방법이 당신에게 유리할까요?

WP 세계의 초보자라면 답은 아주 간단하죠? 코드 줄을 작성하는 것은 현재로서는 너무 큰 작업이 될 것입니다. 운 좋게도 사용자 정의 WordPress 홈페이지를 만드는 두 가지 훌륭하고 간단한 방법이 있습니다. 결국 Gutenberg 편집기와 다양한 페이지 빌더를 사용하면 고유한 콘텐츠를 매우 쉽게 만들 수 있습니다. 반면에 자신에게 도전할 준비가 되었다고 느낀다면 세 번째 방법으로 가보는 것은 어떻습니까? 비록 당신이 이것으로 당신의 경비를 유지해야 할 것입니다. 코드 줄을 작성하는 것은 결코 간단한 작업이 아닙니다. 그것과는 거리가 멀다. 오류의 여지가 많으며 예상하지 못한 경우에 발생할 수 있습니다. 게다가, 더 간단한 옵션이 모두 있기 때문에 문제를 겪을 가치가 있는지 여부에 대해 정말로 생각해야 합니다.