인프런 커뮤니티 질문&답변

김보배님의 프로필 이미지
김보배

작성한 질문수

비전공자도 따라하는 워드프레스 홈페이지 제작

[HOME] 세번째 섹션(1)

PC버전-모바일버전 수정 오류

작성

·

18

0

안녕하세요. 강사님!

먼저 좋은 강의 감사합니다.

PC버전과 모바일 버전을 번갈아 가면서 강의 도중에 수정하시는데 저는 모바일 버전을 수정하고 오면 PC버전 레이아웃이 변경되어있습니다. 예를 들면 모바일 버전에서 Wordpress Menu로 바꾸고 Navigation Menu를 삭제하면 PC버전에도 삭제가 되어있습니다. 서로 따로따로 관리하고 꾸미고 싶은데 어떻게 설정해야할까요?

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 김보배님.

강의 수강 중에 PC와 모바일 버전의 레이아웃을 각각 다르게 관리하려 할 때의 문제에 대해 질문해 주셨습니다. 이 상황에서 어떤 방법으로 이 문제를 해결할 수 있는지 아래의 자료를 참고해 주시기 바랍니다.

서로 다른 레이아웃 관리하기

  1. 숨김 및 표시 기능 사용: 엘리멘터에서는 특정 요소나 섹션을 특정 장치에서만 보이거나 숨길 수 있는 옵션을 제공합니다. 각 섹션이나 위젯의 고급 설정에서 ‘반응형’ 탭을 찾으시면 됩니다. 여기서 원하는 장치(데스크톱, 태블릿, 모바일)를 선택하여 표시하거나 숨길 수 있습니다.

  2. 별도의 헤더/푸터 사용: 엘리멘터의 Pro 버전을 사용 중이라면, 테마 빌더를 통해 각기 다른 장치에 전용 헤더/푸터를 디자인할 수 있습니다. 이 기능을 활용하면 장치별로 다른 스타일을 적용할 수 있습니다.

이와 관련하여 이미 답변이 제공된 비슷한 질문들을 보시면 더 도움이 될 것입니다. 아래 링크를 확인해 주세요:
- 워드프레스 엘리먼터 페이지 이동시 깜박임
- 문의하기 WPForm 편집, 실제 화면 차이

이 외에도 설정할 수 있는 다양한 옵션들이 있으니, 강의에서 필요한 부분을 추가로 참고하시거나 엘리멘터 공식 문서를 참조하시면 더욱 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

김보배님의 프로필 이미지
김보배

작성한 질문수

질문하기