워드프레스로 홈페이지 만들기 #7 로고 만들어서 로고 넣기

반응형

워드프레스로 홈페이지 만들기 #7 로고 넣기

워드프레스로 홈페이지 꾸미기 일곱번째 시간으로 로고를 만들어서 로고를 넣어봅니다. 로고는 웹사이트 또는 홈페이지를 한 눈에 나타내는 아이콘이며 매우 중요한 자리를 차지하고 있습니다. 간단하게 로고를 만들어서 넣어봅니다. 로고 제작은 어떤 프로그램을 사용해도 문제없으며 사이즈가 맞고 PNG 이미지로 배경을 투명하게만 만들 수 있다면 어떤 앱이어도 관계없습니다. 여기에서는 MAC의 어피니티포토를 사용합니다.


로고를 만들려면 먼저 기본 테마에 있는 로고의 사이즈를 알아야합니다. 왜나하면 기존에 있는 로고와 크기와 디자인을 통일시키기 위해서입니다. 사이즈를 확인하려면 워드프레스 관리자 화면에서 미디어 라이브러리로 이동합니다.


기존에 있는 로고의 사이즈를 확인합니다. 로고의 종류가 두 개가 있습니다. 기본 로고가 있고 레티나 디스플레이용 로고가 있는데 두 종류 모두 작업해서 업로드를 해줘야합니다. 레티나용 로고는 기본 로고의 딱 두 배 사이즈로 만들면됩니다. 제작을 할 때에는 큰 것부터 제작하고 작은걸 제작하는 순서로 진행합니다.

사이즈를 확인해보니 레티나 디스플레이용 로고는 400 X 100 이고, 기본 로고는 200 X 50입니다.


이미지 편집 프로그램에서 워크스페이스를 만듭니다. 사이즈는 레티나디스플레이용인 400 X 100 으로 만듭니다.


배경이 없는 로고를 만들려고 하기 때문에 메뉴에서 Transparent Background를 선택합니다. 그리고 로고를 원하는대로 제작해줍니다.


중요한건 저장입니다. PNG 이미지로 저장을 해야하며, 제일 먼저 400 X 100 사이즈로 출력합니다. 


그리고 그대로 사이즈만 절반으로 줄여서 200 X 50으로 바로 출력을 하면 똑같은 로고를 두 종류로 만들 수 있습니다.


이제 만든 로고를 업로드해줍니다. 워드프레스 관리자에서 미디어 라이브러리에서 새로 추가로 들어간 다음


파일 선택을 통해 로고 파일을 올려줍니다.


업로드를 끝마치고 워드프레스 관리자 화면에서 아바다 - 테마옵션으로 들어간 다음 로고 메뉴로 들어갑니다.


여기에서는 디폴트 로고와 레티나 로고가 있습니다. 디폴트에는 200 X 50 사이즈의 로고를 올려주고 레티나 로고에는 400 X 100으로 올립니다. 업로드를 할 때에는 파일을 직접 올리지않고 미디어 라이브러리에서 이미지를 선택합니다.


저장을 한 다음 로고 적용을 확인합니다.


남시언 콘텐츠랩 유튜브 채널에서 동영상 강좌로 배워보세요!



반응형

댓글

Designed by JB FACTORY