본문 바로가기

홈페이지만들기/워드프레스

Vantage무료테마 기능둘러보기

반응형

Vantage무료테마 기능 둘러보기


워드프레스 홈페이지 제작은 다른 빌더와는 달리 아주 정교하며 혼자만으로도 여러가지 플러그인을 사용하여 원하는 홈페이지를 만들 수 있다는 것이 장점이다. 그러면 이제 저번 시간에는 홈페이지에 로고를 아주 간단하게 넣어 보았는데 어렵지 않으니 잘따라 했을꺼라 믿는다. 메일로 문의가 있어서 우선 Vantage무료테마에 관한 모든 기능을 모두 둘러 보고 다시 실전으로 적용사례를 조금씩 조금씩 들어보도록 하겠다.


1. 관리자 페이지 왼쪽메뉴 > 외모> 사용자 정의하기버튼



워드프레스 관리자 페이지 왼쪽메뉴에 보면 외모라는 버튼이 있다. 버튼을 클릭해서 들어가면 여러가지 테마가 있으며, 그 테마중에 Vantage의 사용자 정의하기버튼을 클릭하여 바로 설정할 수 있는 UI로 들어간다. 


메뉴들을 보면 Theme Settings/ Page Template Settings/ 사이트 아이덴티티/ Theme Design/ 메뉴/ 정적인 전면 페이지/ 추가 CSS가 있는데 Theme Settings를 먼저 알아보도록 하겠다. 여러가지 메뉴중에 Theme Settings클릭하고 들어가보면 SiteOrigin Premium/ Logo/ Layout등의 메뉴들이 있다.

간단하게 SiteOrigin Premium메뉴는 이 테마 플러그인중에 가장 강력한 편집능력과 자유로운 인터페이스 레이아웃을 만들수 있으며 시간을 절약 할 수 있다는 것에 대해 설명한다.


우리가 수정하였던 로고 Logo메뉴는 전에 설명했던 기능은 Vantage 무료테마 로고수정하기주소를 참고하기 바라며 그밖의 간단한 기능은 이러하다.


1. Logo 버튼


Retina Logo

레티 나 디스플레이를위한 로고의 두 배 크기의 버전입니다. 표준 로고 이외에 사용되어야한다.

※ 참고로 레티나 디스플레이는 쉽게 설명하자면 우리가 어떤 브라우저에서도 화면이 깨지지 않게 하려는 이미지라고 생각하면 된다.


Header Text

로고의 오른쪽에 표시되는 텍스트 이다. 나중에 보면 위젯을 사용하여 페이지형태를 구현할때가 있는데 헤더에 배치하는 경우 표시되지 않는다.

Call me! Maybe?라는 텍스트를 수정하여 전화번호를 기입할 수도 있으며 알리는 글을 뿌릴수도 있다. 하지만 어떤 위젯 오버레이를 사용할 경우, 헤더 위젯은 메인 로고 이미지를 중첩할수 없다.



2. Layout 버튼


응답 레이아웃

작은 화면 장치에 대한 레이아웃을 확장 할 수 있습니다.


FitVids.js 활성화

FitVids.js 유체 포함 된 비디오 레이아웃을 포함합니다.


레이아웃 바운드 Layout Bound

변경을 경계 상자의 너비를 박스형태로 할건지 아니면 전체로 할껀지를 설정하는 기능이다.

 

마스트 헤드 레이아웃 Masthead Layout

사용중인 헤더 영역 레이아웃을 변경다. 쉽게 이야기해 기존에 있는 메뉴형태를 기본으로 할껀지 아니면 메뉴에 로고를 포함할껀지를 선택할수 있다.

 


마스트 헤드 메뉴 Masthead Menu

다른 플러그인을 사용하여 메뉴를 만들때엔 기본적으로 가지고 있는 빈티지 메뉴를 통해 나타내거나 숨길수 있는 기능이다.

 

바닥 글 레이아웃 Footer Layout

사용중인 바닥 글 즉 맨 하단에 들어가는 영역 레이아웃을 변경 할 수 있는 기능이다.

 

강제 페이지 빌더 스타일 전체 폭

이 페이지는 나중에 전체페이지에 쓸때 활용 할 수 있으며, 스타일 포스 페이지 빌더 행은 전체 폭이 될 수 있습니다. 레거시 이유로 필요하다고 생각한다.


요점 정리를 하자면 SiteOrigin Premium / Logo / Layout / Home / Navigation / Icons / Blog / Social중에 SiteOrigin Premium가 뭔지 간단하게 알아봤으며 Logo와 Layout을 통해 메뉴형태나 레이아웃의 형태인 박스형과 반응형을 이용하여 홈페이지를 자유로이 활용할 수 있다는 것도 알게 되었다.


다음 시간에는 Home / Navigation / Icons / Blog / Social를 통해 Vantage무료테마를 좀 더 알아보도록 하겠다.




2017/01/12 - [홈페이지만들기] - Vantage 무료테마 로고수정하기

2017/01/04 - [홈페이지만들기] - 플러그인 기본설치 및 업데이트

2017/01/03 - [홈페이지만들기] - 워드프레스 업데이트하기


반응형