로고 사이즈 크기 변경하는법이 알고싶습니다. – 한국워드프레스사용자모임 https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/feed Fri, 13 Jun 2025 21:20:33 +0000 https://bbpress.org/?v=2.6.9 ko-KR https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27737 <![CDATA[로고 사이즈 크기 변경하는법이 알고싶습니다.]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27737 Sat, 14 Mar 2015 06:32:31 +0000 tuvasbien 안녕하세요

 

이번에 가입했습니다.

 

현재 SUAVE라는 우커머스 테마를 사용중인데

 

로고의 위치변경은 테마옵션에 있는데

 

한사이즈의 크기만 지원을 해서 여쭤봅니다.

 

로고를 좀 크게 넣고 싶은데 어떻게 해야 할런지요

Avatar of tuvasbien
tuvasbien
]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27740 <![CDATA['로고 사이즈 크기 변경하는법이 알고싶습니다.'에 답변달기]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27740 Sat, 14 Mar 2015 17:29:32 +0000 Matthew Park ㅋㅋㅋ

주말에 테마하나 만들어 보려고 바로 지금 그 작업하고 있었는데….

보통 테마 제작자는 로고 사이즈를

add_image_size( 'hackya-logo', 220, 80 );

이런식으로 지정을 해놓습니다. 왜냐하면 사용자가 어떤 크기의 로고를 사용하는 것 과 상관없이, 내가 만든 테마에 맞는 사이즈가 표시되도록 하고 싶기때문이거든요.

이걸 지정을 해놓지 않으면, 예를 들어 사용자가 관리자 페이지에서 600px X 500px 크기의 로고를 넣을경우, 레이아웃이 다 깨지고 난리가 나겠죠.

그리고 이렇게 지정을 해놓으면 아래와 같은 html 이 출력이 됩니다.

<img width="220" height="80" src="http://xxxxxxxx.com/origami/wp-content/uploads/sites/5/2015/03/logo_100-55x80.png" class="site-logo attachment-hackya-logo" alt="origami_logo_100" />

테마 제작자가 개념이 있는 사람이면 (테마 제작자들 거의다 이정도 개념은 갖고 있습니다.) 혹시라도 이 로고 사이즈를 사용자가 추가적으로 조절해야할 필요가 있는 경우를 고려해서 출력되는 html 에 ID 나 class 를 지정해 줍니다.

제 테마의 경우는, 위에서 보시면 클래스가 site-logo 로 지정되서 출력이 되고 있죠.

class="site-logo

그럼 수정하는 방법은 간단합니다.

css 에서

.site-logo {height:100px}

이렇게 css 를 작성하면 php 에서 지정한 80px 의 높이가 아닌, css 에서 지정한 100px 높이의 로고로 표시됩니다.

Avatar of Matthew Park
Matthew Park
Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

Lives in Colorado.

]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27741 <![CDATA['로고 사이즈 크기 변경하는법이 알고싶습니다.'에 답변달기]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-27741 Sun, 15 Mar 2015 03:12:34 +0000 tuvasbien 감사합니다 한번 해보겠습니다^^

]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37718 <![CDATA['로고 사이즈 크기 변경하는법이 알고싶습니다.'에 답변달기]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37718 Wed, 02 Nov 2016 05:42:12 +0000 che 안녕하세요 모바일 로고크기조정하고싶은데

css 를 어떻게 추가해야하고 어디에다 넣어야되나요 ?

]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37721 <![CDATA['로고 사이즈 크기 변경하는법이 알고싶습니다.'에 답변달기]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37721 Wed, 02 Nov 2016 06:07:07 +0000 Matthew Park http://xn--ox1b20vcqdj9q.kr/wp-content/themes/Avada/style.css

4926 줄에 .fusion-logo a

가 로고 이미지 크기 입니다.

모바일에서만 사이즈 크기를 다르게 하고 싶으시면 media query 를 쓰시면 됩니다.

Avatar of Matthew Park
Matthew Park
Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

Lives in Colorado.

]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37831 <![CDATA['로고 사이즈 크기 변경하는법이 알고싶습니다.'에 답변달기]]> https://kopress.kr/topic/%eb%a1%9c%ea%b3%a0-%ec%82%ac%ec%9d%b4%ec%a6%88-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94%eb%b2%95%ec%9d%b4-%ec%95%8c%ea%b3%a0%ec%8b%b6%ec%8a%b5%eb%8b%88%eb%8b%a4/#post-37831 Tue, 08 Nov 2016 03:09:14 +0000 che 안녕하세요답글을 이제봤네요 감사합니다

제 테마 편집기 들어가서 찾아보니 이렇게 되어있는데

pc 버전 모바일버전 px 로 제가 임의적으로 수정하고싶으면 어떻게 건들어야할지 알려주실수있으실까요 ?

.fusion-logo a {
display: block;
max-width: 100%;
}
.fusion-logo img {
width: auto;
}
.fusion-logo-2x {
display: none;
}
.fusion-mobile-logo-1x,
.fusion-mobile-logo-2x {
display: none;
}

Avatar of che
che
]]>