inflearn logo
강의

Course

Instructor

Creating a WordPress Blog for Google AdSense Revenue

Final blog creation status check

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

1

mintharuna5491

5 asked

0

안녕하세요, 선생님.
뉴스페이퍼 테마 싱글템플릿 모바일 화면 디자인 관련하여 질문드립니다.

 

  1. PC 화면

PC.png.webp

 

  1. 모바일 화면

MOBILE.png.webpMOBILE_2.png.webpMOBILE_3.png.webp

 

위와 같이 현재 PC에서는 싱글템플릿이 보기에 문제가 없는데, 모바일에서 싱글템플릿을 확인해보니 본문보다 왼쪽 패널 영역이 먼저 노출되고 있습니다. 문제는 애드센스 광고 영역은 맨 위에 노출되도 괜찮은데(오히려 그게 좋구요), 그 아래 인기글/추천글 블록의 영역이 지나치게 크게 표시되다 보니, 본문이 시작되기 전까지 화면을 많이 차지해서 방문자가 이탈할 수 있겠다는 생각이 들었습니다. 제가 봐도 너무 보기에 안 좋아서요..

 

혹시 모바일 화면에서만 애드센스 광고는 상단에 그대로 두고, 인기글/추천글 블록만 본문 아래로 내리는 방법이 있을까요?

추천글 블록만 아래로 내리기 어렵다면, 모바일에서 해당 추천글 블록의 이미지 크기나 전체 높이를 줄이는 방식으로 조정할 수 있는지도 궁금합니다.

 

정리하면, PC에서는 현재 레이아웃을 유지하고, 모바일에서만 왼쪽 패널의 추천글 영역이 본문 흐름을 방해하지 않도록 수정하고 싶습니다.
이 경우 어떤 방식으로 설정하거나 CSS를 적용하면 좋을지 조언 부탁드립니다.

HTML/CSS wordpress php 웹-디자인 반응형-웹

Answer 0

검색엔진 차단 noindex

0

35

2

뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청

0

33

2

폰트 업로드 단계에 설치해야할 플러그인이 현재 없습니다

0

56

2

FASTCOMET SSL 설정 방법 문의

0

61

2

선생님 총체적 난국입니다..

0

77

2

도메인연결문의

0

61

2

도쿄서버 선택불가의 경우 대체 안을 알려주세요

0

64

2

호스팅 서버선택에 도쿄가 없어요.

0

59

2

도메인과 호스팅구매후 상태

0

62

2

newspaper 테마와 GP 테마 사용 문의

0

54

1

Generate Press 받는 방법

0

89

1

구글 애드센스 검토를 요청 했는데 오류가 발생해요

0

88

2

cPanel 내 PHP 옵션 설정 질문 드립니다.

0

71

2

클라우드 웨이즈로 서버를 어떻게 옮길수있나요?

0

115

2

테마 관련

0

60

2

홈페이지 메인화면에 이미지 짤림

0

98

2

랭크메쓰 설정방법 질문

0

95

2

404 페이지 푸터가 안보이네요 ㅠ

0

90

2

8번강의 마지막부분에서 자꾸 무한로딩이

0

85

2

강의에 플러그인

0

95

1

하단 네비게이션 메뉴

0

103

2

Footer를 영상에 나오는대로 변경했는데

0

104

2

GP 테마 LOOP 템플릿 관련

0

138

2

서브도메인 이름은 아무거나 해도되나요?

0

122

1