WordPress에서 전체 너비 페이지를 작성 하시겠습니까?

많은 워드 프레스 테마 이미 사용할 수있는 내장 전체 너비 페이지 템플릿이 제공됩니다. 그러나 일부 WordPress 테마에는이 기능이 없습니다. 이에 tutoriel, WordPress에서 전체 너비 페이지를 쉽게 만드는 방법을 보여줍니다.

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

방법 1 : WordPress 테마에서 기본 제공 너비 템플릿 사용

WordPress 테마에 전체 너비 페이지 템플리트가 이미 제공되어있는 경우이 방법을 사용하는 것이 좋습니다. 하나가 없다면 다음 선택을 확인하고 하나를 얻으십시오.

먼저 페이지를 편집하거나 "를 방문하여 새 페이지를 만들어야합니다. 페이지> 추가 새로운 페이지.

페이지 편집 창에서 전폭 페이지 속성 확인란 아래의 템플릿으로

모델을 선택한 후 전폭페이지를 등록해야합니다. 더 많은 컨텐츠를 추가하도록 페이지를 계속 사용자 정의하거나 미리보기 단추를 클릭하여 작동중인 것을 볼 수 있습니다.

페이지 편집 화면에 전체 너비-전체 너비-템플릿 옵션이 없으면 WordPress 테마에 해당 옵션이 없음을 의미합니다. 

그러나 걱정하지 마십시오. WordPress 테마를 변경하지 않고 전체 너비 페이지를 쉽게 만드는 방법을 보여줍니다.

2 방법 : 전체 너비로 페이지 템플릿을 만드는 방법

이 방법을 사용하려면 사용중인 WordPress 테마의 파일을 편집하고 PHP, CSS 및 HTML에 대한 기본적인 이해가 필요합니다.

그건 그렇고, 우리는 또한 당신을 상담하도록 초대합니다 레이아웃을 쉽게 만들 수있는 8 최고의 WordPress 플러그인 

그러나 더 진행하기 전에 WordPress 백업 또는 현재 WordPress 테마의 백업을 만듭니다.. 이렇게하면 나쁜 일이 발생하면 웹 사이트를 쉽게 복원 할 수 있습니다. 

먼저 메모장과 같은 텍스트 편집기를 열고 다음 코드를 빈 파일에 붙여 넣어야합니다.

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

이제이 파일을 " 전체 width.php 컴퓨터에서.

이 코드는 단순히 파일 템플릿의 이름을 설정하고 WordPress에 헤더 템플릿을 추출하도록 지시합니다.

다음으로 코드의 내용 부분이 필요합니다. FTP 클라이언트 (의 cPanel 또는 파일 관리자)로 이동 한 다음 " / WP - 콘텐츠 / 테마 / 당신의-테마 폴더 / ".

그런 다음 " page.php ". 테마의 기본 페이지 템플릿 파일입니다.

기능 다음에 모든 것을 복사하십시오« get_header () 파일에 붙여 넣기 " 전체 width.php 컴퓨터에서 만들었습니다.

이제 "full-width.php"파일의 내용을보고 다음 코드 줄을 삭제해야합니다.

<?php get_sidebar(); ?>

이 줄은 단순히 사이드 바를 가져 와서 WordPress 테마에 표시합니다. 이것을 제거하면 템플릿을 사용할 때 테마가 사이드 바를 표시하지 않습니다. 전폭.

이 줄은 WordPress 테마에 두 번 이상 나타날 수 있습니다. WordPress 테마에 여러 사이드 바 (바닥 글을 사이드 바라고도하는 위젯 영역)코드에서 각 사이드 바가 한 번 참조되는 것을 볼 수 있습니다. 유지할 사이드 바를 결정해야합니다.

귀하의 웹 사이트가 느리게로드되는 것 같습니다. 이미지별로 WordPress 블로그 최적화를 시작해야하는 이유

테마가 페이지에 사이드 바를 표시하지 않으면 파일에서이 코드를 찾지 못할 수 있습니다.

full-width.php 코드가 변경을 처리하는 방법입니다. 테마에 따라 코드가 약간 다르게 보일 수 있습니다.

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();

            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );

            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }

            // End of the loop.
        endwhile;
        ?>

    </main><!-- .site-main -->
</div><!-- .content-area -->
<?php get_footer(); ?>

그런 다음 파일을 다운로드해야합니다 전체 width.php »WordPress 테마 폴더에서 FTP 클라이언트.

사용자 지정 전체 너비 페이지 템플릿을 성공적으로 만들고 테마에 업로드했습니다. 다음 단계는이 템플릿을 사용하여 전체 너비 페이지를 만드는 것입니다.

대시 보드로 이동하여 새 페이지를 편집하거나 만듭니다.

페이지 편집 화면에서 페이지 속성 확인란을 찾아 "템플릿"옵션 아래의 드롭 다운 메뉴를 클릭합니다.

모델을 볼 수 있습니다. 계속해서 선택하고 페이지를 저장하거나 업데이트하십시오.

이제 웹 사이트를 방문 할 수 있으며 사이드 바가 사라지고 페이지가 단일 열 페이지로 나타납니다. 아직 꽉 차지 않았을 수도 있지만 이제 다르게 스트리밍 할 준비가되었습니다.

발견하여 귀하의 웹 사이트를 인기있게 이미지의 SEO를 최적화하는 7 워드 프레스 플러그인

테마가 콘텐츠 영역을 정의하는 데 사용하는 CSS 클래스를 검색하려면 검사 도구를 사용해야합니다.

그런 다음 CSS를 사용하여 너비를 100 %로 조정할 수 있습니다. 다음 CSS 코드를 사용했습니다.

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

스물 일곱처럼 보이는 방법은 다음과 같습니다.

이것이이 자습서의 전부입니다. 전폭 페이지를 만들 수 있기를 바랍니다.

위의 방법은 전체 너비 또는 전체 너비 레이아웃을 쉽고 빠르게 만들 수 있고 원하는 사람들에게 무료입니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. Divi Builder

Divi Builder는 높은 품질의 페이지 제작자입니다. 우아한 테마. 일반적으로 Divi WordPress 테마의 일부로 사용되지만 Divi Builder는 다른 WordPress 테마에서 사용할 수있는 독립 실행 형 플러그인이기도합니다.

대부분의 사용자가 첫 번째 인터페이스를 선호하지만 Divi Builder를 사용하면 프런트 엔드의 시각적 인터페이스와 백 엔드의 인터페이스를 사용하여 콘텐츠를 편집 할 수 있습니다.

기본적으로 사이드 바 대신 팝업과 플로팅 버튼에 모두 있습니다. 316 개의 서로 다른 프레젠테이션 팩에 분산 된 40 개의 미리 디자인 된 템플릿에 액세스 할 수있을뿐만 아니라 자신의 디자인을 템플릿으로 저장할 수있는 기능도 제공합니다.

우리는 당신이 발견 할 것을 제안합니다 전문 블로그를 만드는 방법

Divi의 특성 중 하나는 항상 그가 당신에게주는 스타일의 통제였습니다. 세 개의 다른 탭에서 반응 형 컨트롤, 사용자 정의 가능한 간격 등을 포함한 다양한 설정을 구성 할 수 있습니다.

CSS 편집기에 기본 유효성 검사 및 자동 완성 기능이 포함되어 있으므로 사용자 지정 CSS를 추가 할 수도 있습니다. Divi Builder의 비판 중 하나는 항상 단축 코드. 즉, 언젠가 사용 중지하면 콘텐츠에 많은 단축 코드가 남습니다. 약간 우울하지만 Shortcode Cleaner와 같은 플러그인이 존재한다는 것은 문제가되지 않습니다.

다운로드 | 데모 | 웹 호스팅

2. Themify 빌더

Themify Builder는 당연히 Themify 팀이 제공하는 제품입니다. 고객에게 간단한 사용자 정의 옵션을 제공하기 위해 여러 WordPress 테마에 통합됩니다. 그러나 독립 실행 형 플러그인으로 구입하여 모든 WordPress 테마와 함께 사용할 수도 있습니다.

Divi Builder 및 WPBakery Page Builder와 마찬가지로 Themify Builder를 사용하면 프런트 엔드 또는 백 엔드에서 레이아웃을 만들 수 있습니다. 또 다른 좋은 점은이 플러그인을 사용하면 반응 형 중단 점을 사용자 지정할 수 있다는 것입니다 (전체 웹 사이트 수준에서만).

발견 WooCommerce를 설치하고 구성하는 방법 용 온라인 상점을 만들다 인터넷에서 쉽게 제품을 판매할 수 있습니다. 

Themify Builder의 멋진 점 중 하나는 여전히 표준 WordPress 편집기를 사용할 수 있는 반면 다른 페이지 빌더는 WordPress 인터페이스를 강제로 사용한다는 것입니다. 페이지 빌더 모두를위한.

다운로드 | 데모 | 웹 호스팅

3. Elementor

2016 년에 처음 출시 된 Elementor WordPress 플러그인은이 목록에서 가장 어린 페이지 빌더 중 하나입니다. 늦게 시작 했음에도 불구하고 Elementor는 WordPress.org에서 1 개 이상의 활성 설치를 빠르게 기록하여 가장 인기있는 WordPress 페이지 빌더 중 하나가되었습니다.

그 명성을 얻는 것은 유동적 인 시각적 인터페이스, 다양한 스타일 옵션 및 완벽한 WordPress 테마 작성과 같은 기타 강력한 기능입니다.

인터페이스는 두 가지 주요 부분으로 구성되며 특정 매개 변수에 대한 세 번째 영역이 있습니다. Elementor 무료 버전은 28 무료 위젯을 제공합니다. Pro 버전은 30 기타 위젯, Pro 버전의 총 58 위젯을 제공합니다. 무료 버전에는 약 40 무료 템플릿이 포함되어 있으며 Pro 버전에는 수백 가지 추가 템플릿이 있습니다.

 다운로드 | 데모 | 웹 호스팅

다른 추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

• WordPress 테마를 안전하게 변경하는 방법
• WooCommerce에 배달을 설정하는 방법
• 10 프리미엄 WordPress 플러그인 예약 및 예약
• 언제, 어떻게 하위 디렉토리에 워드 프레스를 설치하는
• 10 워드 프레스 플러그인 블로그의 속도를 개선하기 위해

결론

여기 있습니다! 이 튜토리얼은 끝났습니다. 전체 너비 페이지를 템플릿으로 제공하지 않는 WordPress 테마가있는 경우이 튜토리얼이 그 단점을 해결하는 데 도움이 되었기를 바랍니다. 주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유. 

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

제안이나 의견이 있으면 섹션에 남겨주세요 commentaires.

...