WordPress에서 정적 페이지를 만드는 방법. WordPress에서 홈 페이지를 만드는 방법 WordPress에서 홈 페이지를 만드는 방법

08.09.2024

가끔은 확인이 필요해요 홈페이지 WordPress 엔진에는 정적 엔진이 있었습니다. 이 작업의 의미는 블로그에 처음 접속할 때 기사 공지가 시작 페이지에 표시되지 않고 단순히 정적 정보만 표시된다는 것입니다( 예를 들어 블로그 설명이 있는 경우), 블로그 자체는 별도의 탭( 페이지). 이 탭을 클릭해야만 기사 공지 사항이 표시됩니다.

일부 정보 사업가들은 이 방법을 사용합니다. 해당 블로그로 이동하면 블로그, 목적, 다양한 구독 또는 일부 정보 제품에 대한 완전한 정보가 있는 정적 페이지가 즉시 표시됩니다. 또한 많은 기업이나 조직에서 이 방법을 사용하고 있습니다. 먼저, 회사에 대한 전체 설명이 포함된 정적 홈페이지가 표시됩니다. 이 모든 작업은 먼저 방문자나 고객이 귀하의 회사나 웹사이트에 익숙해지고 그 후에야 그에게 귀하의 서비스 중 일부를 제공하기 위해 수행됩니다. 이것을 엔진에 어떻게 구현하나요?

제어판으로 이동하여 "메뉴를 선택하십시오. 옵션» —> « 독서". 상단에는 메인 페이지에 표시할 항목과 같은 항목이 있습니다. 사용할 최신 게시물이나 영구적인 정적 페이지를 선택하라는 메시지가 표시됩니다. 하지만 이를 수행하기 전에 당연히 이 영구 페이지를 만들어야 합니다. 이렇게하려면 "메뉴로 이동하십시오. 페이지» —> « 새로 추가". 상단에는 페이지 이름( 예를 들어 사이트 정보) 그런 다음 블로그에 처음 들어갈 때 표시될 텍스트를 작성하고 게시하세요. 예를 들어 테스트에서는 블로그 내용, 제안 및 서비스, 구독 양식 등을 작성할 수 있습니다.

이제 페이지가 하나 더 필요합니다. 이 페이지는 블로그의 게시물을 표시합니다. 같은 방법으로 새 페이지를 추가합니다. 우리가 쓰는 페이지 제목에 블로그, 그 후에는 항목 없이 간단히 게시합니다. 이제 메뉴로 돌아가면 " 옵션» —> « 독서“그런 다음 여기 상단에 메인 페이지에 정적 페이지를 표시하는 항목을 넣습니다. 셀에서 " 홈페이지" 항목을 선택하세요 " 사이트 정보“우리가 만든 거야. 셀 " 게시물 페이지» — 블로그 게시물의 공지사항이 표시되는 페이지입니다. 이 셀에서 " 항목을 선택하십시오. 블로그", 그런 다음 버튼을 클릭하십시오. " 변경사항 저장«.

이제 WordPress 엔진 블로그로 이동하여 업데이트하면 정적 시작 페이지가 표시됩니다. 사이트 정보". "페이지를 클릭하면 블로그'를 선택하면 이미 블로그 게시물의 모든 공지사항이 표시됩니다.

오늘 우리는 초보자를 위한 WordPress 사이트의 홈 페이지가 무엇인지에 대한 주제를 가지고 있습니다. 그것을 만드는 방법, 어떤 경우에 필요한지, 어떻게 해야 하는지, 어떻게 정리하는 것이 가장 좋은가요?

일부 사람들에게는 놀랍게 보일 수도 있지만 그럼에도 불구하고 독자들과 소통하는 나의 관행에서 알 수 있듯이 WordPress 사용자 중 상당수는 예를 들어 웹 사이트의 메인 페이지나 온라인 상점을 만들 때 완전히 무감각합니다. 왜 이런 일이 발생합니까?

이는 기본적으로 WordPress에서 새 사이트와 표준 테마를 설치한 후 일반 게시물 피드를 표시하기 때문일 수 있습니다. 본질적으로 이는 아카이브 템플릿이므로 엄밀히 말하면 페이지라고 볼 수 없습니다. 그리고 이를 간단한 방법으로 변경하거나 보완하는 것은 불가능합니다. 대부분의 블로거가 이 기능에 매우 만족하고 있음에도 불구하고 필요에 따라 사이트의 "외관"을 사용자 정의하려는 사용자가 점점 더 많아지고 있습니다.

우선, 메인 페이지에 단순한 게시물이 아닌 다른 것을 표시하는 것이 중요한 다양한 기업 및 주제별 사이트입니다. 제품, 서비스, 테이블 등. 그리고 그것은 정말, 정말 쉽습니다.

WordPress 사이트의 메인 페이지 만들기

페이지가 무엇인지, 게시물과 어떻게 다른지에 대해 자세히 알아볼 수 있습니다. 즉시 사이트의 메인 페이지 생성을 시작하겠습니다. 관리자 패널에서 섹션을 찾고 있습니다. 페이지그리고 클릭 - 새로 추가. 이름을 설정합니다(전통적으로 - 집, 집등등). 지금은 콘텐츠 필드를 비워 두세요. 클릭 - 게시.

새 페이지가 생성되어 페이지의 일반 목록에 나타납니다. 해당 확인란을 선택 취소하여 댓글을 비활성화하는 것을 잊지 마세요. 물론 그것은 당신에게 달려 있지만 메인 페이지의 댓글은 아무리 봐도 이상해 보입니다.

또한 이제 귀하 사이트의 메인 페이지에는 일반적인 게시물 피드가 없다는 것을 기억합니다. 이를 위해서는 블로그나 뉴스와 같은 다른 페이지를 즉시 만들어야 합니다. 우리는 주요 것과 유사하게 그것을 만듭니다. 또 다른 옵션은 게시물의 일반 피드를 완전히 포기하고 카테고리별로만 표시하는 것입니다.

이제 섹션으로 이동하겠습니다. 설정 - 읽기, 다음으로 전환 - 정적 페이지드롭다운 목록에서 기본 페이지와 게시물에 대해 이전에 생성된 페이지를 선택합니다.

이제 귀하의 사이트에 새로운 홈페이지가 생겼습니다. 지금은 완전히 깨끗하고 비어 있습니다. 콘텐츠로 채우는 것이 더 나은 방법과 도움이 무엇인지 아래에서 고려할 것입니다.

물론 표준 WordPress 편집기를 사용하여 기본 페이지에 필요한 콘텐츠를 배치할 수도 있습니다. 하지만 단지 몇 장의 사진이 포함된 일반 텍스트를 작성하기 위해 홈 페이지를 만들 가능성은 거의 없습니다.

페이지 빌더

오늘날 독특한 페이지를 만드는 가장 인기 있는 방법은 다양한 시각적 작곡가를 이용하는 것입니다. 여기에서 "언덕의 왕"은 의심할 여지 없이 자체 및 타사 추가 기능의 전체 "부족"을 갖춘 유명한 Visual Composer입니다. 이 훌륭한 플러그인에 대한 자세한 내용은 다음에서 확인할 수 있습니다.

https://vimeo.com/92033601

인기 있는 플러그인 디자이너는 프리미엄과 무료 모두에서 점점 더 많은 팔로워를 확보하고 있습니다. 예를 들어 여기에서 그 중 일부에 대해 읽을 수 있습니다. 이러한 플러그인을 사용하는 작업의 핵심은 미리 준비된 다양한 요소와 콘텐츠로 블록을 시각적으로 드래그 앤 드롭하고 사용자 정의하는 것입니다. 더욱이 최근에는 이러한 빌더가 관리자 패널(백엔드)뿐만 아니라 프런트 엔드에서도 작업할 수 있게 되었습니다. 즉, 사이트 외부에서 직접 페이지를 생성할 수 있습니다. 매우 편리하고 시각적입니다. 창의성의 모든 결과를 즉시 확인할 수 있습니다.

단축 코드

홈 페이지를 구성하는 또 다른 매우 유사한 방법은 . 무료 중에서 강조할 가치가 있는 것은

또는 또 다른 좋은 플러그인인 Easy Responsive Shortcodes가 있습니다.

단축 코드를 사용하기 위한 무료 플러그인과 프리미엄 플러그인이 매우 다양합니다. wordpress.org의 검색창에 단축 코드 키워드를 입력하세요. 종종 단축 코드 세트는 이미 테마(프리미엄)에 내장되어 있거나 테마에 포함된 사용자 정의 플러그인으로 제공됩니다.

다양한 단축 코드 세트가 포함된 범용 플러그인이 있으며, 더욱 고도로 전문화된 플러그인도 있습니다. 예를 들어 동일한 열의 콘텐츠를 구성하고 표시하는 경우에만 해당됩니다(열 단축 코드). 이 기능으로 충분할 가능성이 높습니다.

기록 및 포트폴리오 표시

그러나 아마도 당신은 좀 더 지역적인 임무를 가지고 있을 것입니다. 예를 들어, 게시물의 모양만 변경하면 됩니다. 요즘에는 소위 그리드 스타일이 매우 인기가 있습니다. 즉, 출력은 여러 행과 열로 구성된 직사각형 형태입니다. 이를 구현하려면 매우 다양하고 효과적인 방법으로 콘텐츠를 표시할 수 있는 훌륭한 플러그인이 필요합니다.

또 다른 유사한 옵션은 플러그인입니다. 갤러리나 포트폴리오 전시에 좀 더 중점을 두는 것이 사실이다.

그리고 유연한 설정과 이미 준비된 템플릿의 아름다운 외관을 갖춘 또 다른 훌륭한 플러그인인 . 다양한 옵션을 통해 사용자 정의가 가능하므로 가장 까다로운 블로거라도 게시물 출력을 사용자 정의하는 데 도움이 됩니다.

가장 예산에 민감한 사람들을 위해 무료 플러그인인 Gridster도 있습니다. 프리미엄만큼 기능이 많지는 않지만 목적에 따라 매우 적합합니다.

보시다시피, "직접" 사이트의 메인 페이지를 만들고 정리할 수 있는 옵션이 충분합니다. 그것은 모두 귀하의 요구 사항과 사이트 주제에 따라 다릅니다.

사랑하는 독자 여러분, 블로그나 웹사이트의 홈 페이지를 사용하십니까?

워드프레스웹사이트 관리 및 생성을 위한 가장 반응이 빠르고 널리 사용되는 시스템 중 하나입니다. 사용 가능한 확장 기능(플러그인)의 수, 다양한 디자인과 기능을 갖춘 풍부한 테마 덕분에 명함 웹사이트, 포털 또는 온라인 상점을 쉽게 만들 수 있습니다. 창의적 사고의 범위는 엄청나지만, 워드프레스아직도 함께 홈페이지. 방금 설치하셨다면 워드프레스,이제 귀하의 필요에 맞게 조정해야 할 때입니다. 동시에 자동으로 채워지는 GS(똥 웹사이트)를 구성하지 않고 즐겁고 방문하는 블로그를 만들고 싶다면 수천 가지 중요한 세부 사항을 고려해야 합니다. 그럼 작업해보자 워드프레스 홈페이지.

WordPress 사이트에서 작업하기 전에 알아야 할 몇 가지 중요한 사항을 상기시켜 드리고 싶습니다.

WordPress의 기본 파일

즉시 스타일 시트로 이동하거나 다음 파일을 무심코 편집해서는 안 됩니다.

index.php (사이트의 메인 페이지를 표시하는 페이지입니다);
header.php는 사이트 헤더를 담당하며 태그도 열고 그 후에 모든 트래픽 통계 카운터에 대한 코드가 배치됩니다.
style.css는 템플릿의 스타일을 담당합니다. 사이트 요소의 모양을 설정합니다(여기서 WordPress의 메인 페이지 편집이 가능합니다).

가능한 모든 방법: 단순한 것부터 복잡한 것까지

WordPress는 홈 페이지 및 디자인 편집을 위한 다양한 옵션을 제공하는 매우 유연한 시스템입니다. 예를 들어, 제어판의 표준 기능을 사용하거나 index.php의 코드를 직접 수정할 수 있습니다. 하지만 이 경우 최종적으로 원하는 것이 무엇인지, 어떻게 원하는지 정확히 알아야 합니다. 그렇지 않으면 WordPress 사이트를 사용할 수 없게 되고 모든 것을 원점으로 돌려보내야 합니다.

다른 페이지와 마찬가지로 사이트의 기본 페이지를 편집할 수 있는 위치는 다음과 같습니다.

관리자 패널;
호스팅 파일 관리자;
FTP 클라이언트(FAR 또는 FileZilla) 사용

WordPress 관리자 패널을 통해 홈 페이지를 편집하는 방법을 살펴보겠습니다. 한편으로는 이것이 가장 간단한 방법이지만, 다른 한편으로는 코드 오류가 발생하는 것을 허용하지 않습니다. 그러니 조심하세요.

표준 설정

홈 페이지를 설정하는 가장 쉬운 방법은 표준 편집기를 사용하는 것입니다. 즉, 주제를 편집합니다. 선택한 템플릿에 따라 편집 옵션이 있습니다. 대부분의 경우 배경색, 이미지, 사이트 이름, 텍스트 색상을 간단히 변경할 수 있습니다. 메뉴를 변경하고 WordPress 위젯으로 작업할 수도 있습니다. 테마를 편집할 때 "정적 홈 페이지" 탭에 특별한 주의를 기울여야 합니다. 여기에서 홈 페이지로 선택할 페이지를 지정합니다.

파일 style.css - 스타일 시트

style.css 파일을 사용하여 사이트의 메인 페이지 편집을 시작해야 합니다. 찾기는 아주 쉽습니다. 먼저 WordPress의 관리자 패널에 로그인해야 합니다. 콘솔에서 모양 탭을 찾아 style.css 파일로 이동합니다. 이것은 상당히 큰 텍스트 파일입니다.

모든 변경을 완료한 후에는 "파일 업데이트" 버튼을 클릭하여 변경 사항을 저장하는 것을 잊지 마세요.

따라서 설명 줄은 주제를 설명하는 역할을 하며 나중에 사용될 버전, 작성자 및 태그도 여기에 표시됩니다. style.css 파일 바로 아래에는 사이트의 모든 페이지에서 사용되는 값 목록(헤더, 필드 들여쓰기, 목록)이 있습니다.

WordPress에서는 body 태그 뒤에 원하는 대로 변경할 수 있습니다.

배경색;
크기, 색상, 글꼴 스타일;
배경 스크롤;
표시된 페이지의 모양과 크기.

예를 들어:

배경: url(images/bg_g.jpg) 반복 #000 고정; 색상: #2c2b2b; 글꼴: 일반 12px arial; 줄 높이: 18px; 위치: 친척.

이 경우 "#2c2b2b" 값은 텍스트가 갖게 될 색상을 의미합니다.

background: url(images/sprite_master.jpg) 와 같이 정의된 모든 값은 이미지를 편집하는 데 사용됩니다. 버튼부터 그림, 배경까지 완전히 다른 버전의 png가 될 수 있습니다. 그래픽 파일은 저장소 디렉터리에 업로드되어야 하며 이에 대한 링크는 여기에서 가져와 예제에서처럼 "sprite_master.jpg" 대신 삽입됩니다.

예를 들어, custom_header 블록은 메인 페이지 헤더에 그림을 생성하는 역할을 합니다. default_header.jpg라고 할 수 있습니다. 변경 방법은 위에 설명되어 있습니다. 이미지 크기 변경도 가능합니다. 예를 들어 2500 x 1600 픽셀이 있는 경우 효과적인 표시를 위해서는 1800 x 600으로 설정하는 것이 좋습니다.

style.css 파일에 있는 수백 개의 매개변수 각각이 사이트의 특정 영역을 담당한다는 점을 기억하는 것이 중요합니다.

정적 페이지

정적인 메인 페이지를 만들기 위해. 이는 특정 텍스트가 모든 페이지에 표시된다는 것을 의미합니다. 이 옵션은 사이트에 뉴스나 광고를 고정하는 데 필요합니다. 안타깝게도 이전 버전의 WordPress에서 사용할 수 있습니다.

변경 결과

WordPress에서 템플릿을 변경하는 것은 그리 어렵지 않습니다. 초보자의 경우 포털에 테마를 설치하기 위한 다양한 테마에 대한 설명과 예가 제공되는 wordpress-theming.ru 웹사이트를 방문하는 것이 유용할 것입니다. 더 어려운 경로를 원하는 사람들은 사이트의 홈 페이지를 직접 편집할 수 있습니다.

여기에서는 관리자 패널을 통해 웹사이트의 홈 페이지를 편집하는 방법 중 하나를 설명했습니다. 이 외에도 두 가지 방법이 더 있습니다. 이는 다소 복잡하며 더 많은 사용자 교육이 필요합니다. 시작하기 전에 스타일 시트의 메인 페이지에 대해 좋은 연습을 하도록 조언할 수 있습니다.

기본적으로 WordPress 블로그의 홈 페이지는 가장 최근에 게시된 게시물(또는 공지사항)을 표시하는 페이지입니다. 그러나 게시물 페이지를 기본 페이지가 아닌 것으로 만들고 이를 "최신 게시물" 또는 "블로그"와 같이 호출하고 기본 페이지에 다른 정적 콘텐츠를 할당할 수 있습니다. 이 기사에서는:

정적 홈 페이지 만들기

영구 페이지 중 하나를 기본 페이지로 사용할 수 있습니다.
WordPress 관리자 패널에서 최소 두 개의 페이지를 만듭니다(페이지>새로 추가).

1. 홈페이지

한 페이지에 "홈"과 같이 홈 페이지에 사용하려는 제목을 지정하고 페이지 콘텐츠를 입력한 후 게시하세요.

*** 이 페이지에 대해 별도의 사용자 정의 템플릿을 생성할 수 있습니다. 이름은 home.php와 달라야 합니다. 그렇지 않으면 충돌이 발생할 수 있습니다.

2. 게시물 페이지

두 번째 페이지의 이름을 "Blog"(또는 "News", "Articles")로 지정하고 게시합니다. 이 페이지에는 블로그 게시물(공지사항)이 표시되므로 콘텐츠를 추가하거나(무시됨) 사용자 정의 템플릿을 사용할 필요가 없습니다.

3. 설정

읽기 설정의 관리 페이지에서(읽기) 옵션 선택 " 메인 페이지에 표시 - 정적 페이지", 사용하려는 페이지를 나타냅니다. 홈페이지로("집") 및 게시물 페이지 좋아요(“블로그”)을 클릭하고 변경 사항을 저장합니다.

4. 메뉴

테마가 헤더(테마 파일 header.php) 또는 블로그 사이드바(테마 파일 sidebar.php)와 같은 영구 페이지 메뉴를 사용하는 경우 메인 페이지로 지정한 페이지도 이 메뉴에 나타납니다. 메뉴에 나타나는 페이지 목록에서 이 페이지를 제외하려면 이 마스터 페이지에 사용되는 해당 테마 템플릿을 변경해야 합니다.

테마 변경

메뉴에서 페이지 제외

제외 매개변수를 메뉴에서 제외하려는 페이지(들)의 ID로 설정하거나 포함 매개변수의 경우 제외하려는 페이지의 ID를 나열할 수 있는 페이지 기능 메뉴를 표시합니다. 쉼표로 구분하여 메뉴에 포함합니다(여기서는 기본 페이지 ID =10).

홈 페이지 선택

템플릿에서 다음을 사용하여 다른 페이지의 콘텐츠와 다른 기본 페이지의 콘텐츠를 선택할 수 있습니다. is_front_page()보고 진실위와 같이 설정에서 지정한 홈페이지가 표시되면 예를 들어 메인 페이지에서는 사이드 메뉴를 표시할 필요가 없습니다. 이렇게 하려면 테마의 index.php 파일에서 다음 줄 대신에

당신은 작성해야합니다 :

프로그래밍 방식 홈 페이지 선택

wp_insert_post()를 사용하면 프로그래밍 방식으로 정보 및 블로그 페이지를 만들 수 있습니다.

ID); update_option("show_on_front", "페이지"); // 게시 페이지(블로그) $blog = get_page_by_title("Blog"); update_option("page_for_posts", $blog->ID); // 테마로 전환 //switch_theme("Template", "stylesheet"); ?>

is_home() 및 is_front_page()

is_home()현재 페이지가 게시물 페이지인지 확인합니다.
is_front_page현재 페이지가 사이트의 메인 페이지인지 확인합니다.
WordPress에서는 기본적으로메인 페이지는 게시물 페이지이므로 기능은 is_front_page()그리고 is_home()둘 다 메인 페이지에 있는지 확인합니다.