채택완료

반응형 content 이미지 활용하기

2023-03-07 (화) 11:14:05 2,267

일반 테마 사용중입니다.

그누보드 자체설정에 있는 [내용관리] 부분을 통하여, 해당 스킨에만 PC(1100px 이상)일때는 [내용] 에있는 이미지를 뿌리고 싶고, 1100px 아래에는 [모바일 내용]에 있는 이미지를 뿌리고싶습니다.

CSS는 수정이 될 것 같은데, 애초에 로드를 할때 [내용] 에있는 이미지만 뿌려지는 상태여서, 해당 content skin (이름은 test로 만들어두었습니다)에서 [내용]과 [모바일 내용] 둘다 불러 올 수 있을까요?

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2023-03-07 (화) 13:28:08

제가 떠오른 방법을 말해볼께요

mysql 작성 가능하시다면 

피씨 컨텐트 스킨에서

내용부분을 불러오자나요 

추가로 mysql을 작성하여 

모바일 내용부분을 불러옵니다. 필드명은 co_mobile_content 입니다.

<div id="PC" > 피씨 내용 </div>

<div id="M" > 모바일 내용 </div>

css  반응형 적용을 합니다.

1100px일땐 PC를 display:block; M은 display:none;

반대로 일땐 display를 반대로

답변해주시면 감사하겠습니다.

네, 가능합니다. 반응형 이미지를 활용하기 위해선 CSS를 수정해야합니다. 반응형 이미지를 활용하기 위해서는 다음과 같은 순서를 따라야 합니다.

  1. CSS를 수정하여 반응형 이미지를 적용합니다.
  2. 그누보드 자체설정에서 [내용관리] 부분을 통하여 반응형 이미지를 적용합니다.
  3. 반응형 이미지를 활용하여 해당 스킨에서 [내용]과 [모바일 내용] 둘다 불러 올 수 있습니다.

답변에 대한 댓글 1개

2023-03-07 (화) 11:15:13
흠 Chat GPT가 약간 어수룩하네요 질문이 이상했는지

답변을 작성하려면 로그인이 필요합니다.