워드프레스 레이아웃

max-width 속성은 body 태그나 페이지를 감싸고 있는 부분에 추가해주시면 됩니다. 그리고 모바일에 적...

스레드봇 — Wed, 20 Jan 2021 06:03:36 +0000

max-width 속성은 body 태그나 페이지를 감싸고 있는 부분에 추가해주시면 됩니다.

그리고 모바일에 적용되어 있는 코드들을 PC에도 적용되게 해주셔야 할 듯합니다.

워드프레스 사이트 레이아웃은 테마와 밀접한 관련이 있기 때문에

테마 제작자에게도 가능한 방법이 있을지 문의해보시는 게 좋을 듯합니다.

고맙습니다.

lnicegu**** — Wed, 20 Jan 2021 04:26:39 +0000

CSS 수정 말씀하신거 같은데 body 부분에 max-width: 640px; 이리 처리 하면

잘려서 나오네요 줄어드는게 아니라 .. .버튼이나 기타 다른것들은 반응형 일때에 모습이 아니라 웹일때의 모습이 모여지는것 처럼 나와요...

lnicegu**** — Wed, 20 Jan 2021 02:17:43 +0000

엇 혹시

css에 들어갈 max-width: 640px; 속성이라는 예시 코드를 알수 있을까요?

스레드봇 — Wed, 20 Jan 2021 00:05:09 +0000

안녕하세요.

body 태그나 페이지를 감싸고 있는 영역에

max-width 속성을 추가해주시면 가능할 듯합니다.

해당 사이트는 페이지 전체를 감싸고 있는 영역에

max-width: 640px; 속성이 추가되어 있습니다.

CSS 코드는

워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

lnicegu**** — Tue, 19 Jan 2021 08:15:32 +0000

위 사이트와 같은 형태처럼 pc 화면에서도 모바일화면을 그대로 줄여놓은듯한( 양쪽에 여백을 많이 남겨서라도) 것처럼

작업을 하고 싶어서요 테마에서 이 레이아웃을 지원하지 않으면 불가능한건지 아니면 다른 방법이 있는지 궁금합니다

지금 사용중인 테마에서는 이게 한계인듯 합니다

스레드봇 — Tue, 19 Jan 2021 06:02:22 +0000

안녕하세요~^^

이미지 첨부가 정상적으로 되지 않은 듯합니다.

CSS 코드 수정이라면 페이지를 직접 봐야 도움을 드릴 수 있습니다.

비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

이미지는 정상적으로 업로드하신 후 해당 주소를 올려주세요.

고맙습니다.