본문 바로가기

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

Vantage 무료테마 로고수정하기

반응형

Vantage무료테마 로고수정하기

Vantage무료테마의 장점은 아주 간단하면서 강한 홈페이지를 만들수 있다는거다. 로고를 수정하려면 CSS나 HTML을 사용하여 소스에 들어가서 여러가지 번거롭게 고칠필요가 없다. 간단하게 설명하자면 버튼 몇개로 뚝딱 만들수 있다는 것이다. 


이렇게 좋은 테마를 접하더라도 잘 활용하지 못하면 아무 의미가 없듯이 그 테마에 대해 많은 공부와 커뮤니케이션을 하면서 좀 더 프로패셔널 함에 한단계식 꾸준히 나아가야 할 것이다. 그럼 거두 절미하고 무료테마 빈티지에 대해 한단계 디테일하게 다가서 보도록 하겠다. 워드프레스 무료태마 Vantage의 어드민에 들어가서 수정을 해보도록 하겠다.






Vantage의 wp-admin 또는 wp-login에 로그인을하고 관리자페이지에 들어가서 상단의 사용자 정의하기버튼을 클릭하면 아래와 같이 수정하기 쉬운 인터페이스의 창이 뜨는데 미리보기가 가능해 적용하면 바로바로 확인 할 수 있도록 배려해 놓은 UI 설계이다. 차후에 이런 UI가 얼마나 편하고 빠르게 수정하고 적용 할 수 있는 지에 대해 겪어보면 알게 될것이다.



Vantage의 수정UI를 둘러보면 왼쪽메뉴에서 Theme Settings가 있는데 이버튼은 테마를 셋팅할수 있다. 클릭하고 들어가면 로고부터 레이아웃, 메뉴등 여러가지를 수정할 수 있는데 로고를 수정하기 위해서는 로고(Logo)를 클릭 하면 된다. 



클릭을 하면 하단에 보이는 형태중에 파일선택이라는 버튼을 누르면 선택창이 뜨는데 버튼을 눌러 이미지를 선택해서 업로드하는 방법이 있고 이미지를 직업 드래그해서 놓으면 업로드 되는 방법이 있다. 지금의 나는 파일 선택을 이용하여 진행해 보도록 하겠다.



참고 해야 할 점은 로고를 만들기때 290*60 정도의 사이즈로 만드는것이 좋다. 

많이 해보면 알겠지만 상단의 로고때문에 비율이 안맞으면 삐뚤어지는 현상이 나타날수도있고 언밸런스한 레이아웃이 되기다한다. 

그러니 꼭 사이즈는 될수있으면 290*60 정도의 사이즈를 유지 하는것이 좋다.


아니면 궁금하다 하면 여러 가지 사이즈를 넣어 보고 적용해 보면 왜 사이즈에 대해 강조했는지 조금 파악 할 것이다.


파일선택 버튼을 누르면 아래와 같은 창이뜨는데 본인의 컴퓨터에있는 이미지를 드레그해서 올려놓거나, 파일선택하세요를 클릭하여 불러오면 된다.



로고를 불러오면 아래와 같이 로딩을 하고 난 다음 로고의 형태가 나타난다.  그러고나면 같은창에 파일선택 버튼을 한번 더 클릭하면 된다.



선택이 완료가 되고 수정UI로 돌아가는데 다시 한번 꼭 저장&발행 버튼을 누른 후 왼쪽에 X의 닫기 버튼을 닫으면 된다.



참고로 로고를 만들때는 Vantage테마는 백그라운드 컬러가 완전한 화이트 컬러가 아니다. #fcfcfc라는 컬러이기 때문에 될수있으면 로고를 백그라운드 없이 PNG로 만들어 나중에 백그라운드를 바꾸더라도 제한이 덜하게 하는것이 좋다.




 

[워드프레스] - Vantage 테마 메인설정하기

[워드프레스] - 플러그인 기본설치 및 업데이트

[워드프레스] - 워드프레스 업데이트하기

[워드프레스] - 워드프레스 무료스킨적용하기


반응형