웹페이지의 얼굴인 전면페이지 만드는 방법 by워드프레스

 

 

웹사이트의 얼굴인 전면페이지를 만들어 보겠습니다. 기본적으로 첫페이지에 존재하며 회사의 위치나 약도 ,서비스등의 상황을 요약해서 보여주는 페이지로 구성해보도록하겠습니다.

전면 페이지 만들고 지정하기

 

직접 편집하여 만들기

1. 알림판-페이지-새페이지 추가 클릭
2. Home 이라는 제목의 페이지 생성
3. 알림판-설정-읽기 이동
4. 왼쪽화면에서 "전면 페이지 표시" - 정적인 페이지
5. 바로아래의 목록에서 처음 생성한페이지 Home클릭 -변경사항저장
6. 생성된 페이지를 새탭에서 확인해보기
7. 댓글 입력창과 콘텐츠 사이드바를 없애는 작업하기
8. 새탭에서 연 페이지 상단에 "페이지 편집"클릭- 편집 
9. 토론부분에 댓글허용은 체크해제해 주세요 
10. 제일 오른쪽 화면에서 페이지속성의 템플릿클릭
11. 전체폭 페이지로 변경후 업데이트 클릭
12. 이제 페이지 화면의 사이드바랑 댓글 입력창이 사라진것을 확인할수 있습니다.
13. 사진과 글을 넣고 원하는 이미지로 만드시면 됩니다.

 

테마를 사용해서 만들기

1. 알림판-외모-테마 클릭
2. 4개정도의 기본테마가 있으며 추가적으로 테마를 간단하게 설치하여 사용할수 있습니다.
3. 하지만 앞에서 저희는 이미 차일드 테마를 사용하고 있습니다.
4. 다른 테마를 사용도 해보시고 어떻게 되는지 보는것도 괜찮습니다. 

페이지 빌더 사용

페이지 빌더라 함은 마우스를 끌어서 페이지를 구성하는 방법입니다. 현재 많은 사람들이 쓰고 있는 빌더 플러그인으로는엘리멘터 플러그인이 있습니다. 미리 만들어 놓아져 있는 레이아웃을 드래그 하여 모양을 갖추고 편집을 할수 있게 나와 있습니다. 아직 까지 설치 않으셨다면 설치를 추천드립니다. 또한 포스팅 작업시 기본워드프레서 편집또는 빌더로 변경가능하오니 이점 참고 바랍니다.

엘리멘터 플러그인

 

전면 페이지 꾸미는 방법

 

슬라이더 사용해보기

슬라이더란 자동으로 사진이 넘어가도록 보여주는 모듈로써 방문자의 시선을 잡기위해 전면페이지에 많이 사용한다

플러그인 Smart Slider 를 사용하겠습니다.

• 플러그인 추가에서 검색후 설치 - 활성화
• 알림판 밑에 보면 Smart Slider가 추가된걸 확인할수 있습니다

무료버전이기에 
프로젝트 유형은 슬라이더, 정지 두가지폼이며
슬라이더 유형은 단순함밖에 선택할수 없습니다.
이름과 넓이 높이 설정후 레이아웃은 박스형또는 전체 넓이로 진행합니다.
 
ADD SLIDE 클릭해서 이미지 5장을 임의로 넣습니다. 
다음 사진의 순서는 드래그해서 변경할수 있습니다.
아래 설정창은 기본으로 두고 실행해 보겠습니다. -  저장
저장과 뒤로 옆의 눈모양은 프리뷰 입니다.
저장한 프로젝트에 마우스를 가져가면 에디트 항목에서 클릭

아래의 동영상을 보면서 간단히 만들어 보겠습니다.
몇가지의 레이아웃으로 글을적고 버튼을 만들며 오른쪽 설정창에서 위치또는 링크와 같은 작업을할수가 있습니다.

또한 추가적인 레이아웃의 이미지를 작업할수 있으며 녹색 바탕으 하얀색 십자가를 클릭하시고
이미지를 드래그로 이동하기전에 화면에는 안나오지만 외쪽하단에 보시면 
Ddfault 값을 Absolute 로 바꿔 주셔야 이미지를 자유롭게 배치가 가능합니다.
작업이 안료된 것은 페이지나 글에서 스마트 슬라이더를 통하여 제작하면 되겠습니다.

자세한 기능적측면은 본 플러그인의 유튜브를 하단에 추가 했습니다.

<NEXTEND>

 

글페이지 만들기

◎글페이지는 우리가 사용하는 보통의 블로그와 같다고 생각하시면 되겠습니다.웹사이트의 전체적인 글목록들을 보여주지만 어떤것을 보여주기 원하는가에 따라 필요여부를 결정하시면 되겠습니다. 하지만 우선 만드는 방법에 대해서 진행해 보겠습니다.

 

1. 알림판-페이지-새 페이지 추가 
2. 페이지의 제목을 입력후 업데이트 (ex  페이지 제목 : 글페이지)
3. 알림판-설정-읽기로 이동
4. 오른쪽 읽기 설정의 읽기 설정에서 글페이지부분클릭
5. 방금 생성한 블로그 글페이지 클릭후 변경사항 저장 (생성한 페이지가 비공개일 경우 나타나지않습니다)
6. 글페이지는 아직 메뉴를 추가 하지않았기에 주소를 입력해서 들어가야합니다.
7. 만약 자신의 웹페이지 주소가 https://abc.com/ 이라면 abc.com/(글페이지)←슬러그라고 표현하기도 합니다.
8. 발행한 글이 있다면 목록이 제대로 표시되는지 확인합니다.

 

◎슬러그란?

제목의 특정 단어를 지칭하는것으로 자신의 슬러그표시 방법은 아래의 사진과 같이 확인할수 있습니다.

티스토리를 만들때도 포스트 주소를 "숫자" 또는 "문자"로 표시한다의 선택이 있듯이 워드프레스 또한 다양한 설정이 가능합니다.

알림판-설정-고유주소

 

일부 글에는 쿠팡 제휴 링크가 포함될수 있습니다. 파트너스 활동으로 링크를 통하여 구매시 일정액의 수수료를 받을수가 있습니다. 본 블로그가 여러분에게 유익했길 바랍니다. 감사합니다.