워드프레스 반응형 원리

워드프레스 반응형 원리

작성일 2014.05.01댓글 1건
    게시물 수정 , 삭제는 로그인 필요

  고수님들께 여쭤봅니다~

반응형 웹기반 워드프레스라는 것에 대해 아~주 기초적인 질문입니다. 너무 기초적이라 질문을 이해 못하실수도...^^;

 

워드프레스로 웹을 제작하게 되면 PC나 모바일, 태블릿등 다양한 미디어에서 적절하게 반응하여 사용가능하다 해서, 제가 가진 지식으로 생각하면 PC에서 보이는 웹의 스킨이나, 이미지, 링크버튼등이 리사이즈 되어 모바일에서 나타날줄 알았는데, 세부적인 링크버튼 모양이나, 배열 등이 상호 다르게 나타나더라구요..

어느 홈페이지 가면 많은 링크버튼이나, 게시판중에 일부만 모바일에서 보이고, 일부는 PC웹과 모바일웹의 링크버튼 이미지가 모양이 다르거나 없는 링크버튼이 생기기도 하더라구요...(이게 저를 헷갈리게 만들고 있어요..)

예) 아래 _ PC홈페이지

아래__ 동일업체 모바일홈페이지

 

<질문 정리>

1. 위 홈페이지에서  PC웹 메인화면에 없는 메뉴가 모바일에서는 하단에 배치 되어있는데

   PC웹을 만들면 반응형웹의 특성상 동일한 메뉴들이 리사이즈만 되어 모바일에서 보여야 되는거 아닌가요?  (혹, 모바일에서는 이런게 보이도록 하라고 따로 설정을 해주는 것이 있나요?)

 

2. PC웹과 모바일웹에서의 메뉴 링크메뉴 버튼모양이 다른데, 따로 제작해야 하는건가요?

   (위 예시처럼 인사말, 경영정보 등의 사각링크버튼..)

 

3. 핵심질문(?)! 만일 모바일웹에 더 중심을 두고 제작을 한다면 어떤방법으로 하는게 좋을까요? 모바일웹에서 제가 원하는 모양의 링크버튼과 배열로 만들고 싶은데, 1,2번 질문처럼 PC웹기반으로 만들면 모바일웹에서 원하는 디자인과 배열로 되지 않는 건 아닌지요?

 

고수님들의 답변 부탁드리겠습니다.


#워드프레스 반응형 #워드프레스 반응형 테마 #워드프레스 반응형 플러그인 #워드프레스 반응형 홈페이지 #워드프레스 반응형 비활성화 #워드프레스 반응형 웹 #워드프레스 표 반응형 #워드프레스 이미지 반응형

profile_image 익명 작성일 -

 아래 모바일 홈페이지는 반응형 웹으로 만든 홈페이지가 아닙니다. 
pc용 홈페이지와 모바일용 홈페이지를 따로이 만든것으로 보입니다.

간단히 설명하면 루트에 /m/이라는 폴더를 만들어서 모바일 접속시 m이라는 폴더의 홈페이지를 보여주도록 명령을 입력했습니다.

1, 2번 질문은 m이라는 폴더를 만들어서 자동으로 보여 지도록 만들면 되니, 답변이 끝..

3. 모바일용 홈페이지 특징은 가로 세로 사이즈를 안 정하고 %로 만들어서 가로폭를 가변으로 주면 되는데요.. 워드프레스나 XE같은 솔루션을 사용하시면 간단히 해결 될 것입니다.

워드프레스 반응형 원리

고수님들께 여쭤봅니다~ 반응형 웹기반 워드프레스라는 것에 대해 아~주 기초적인 질문입니다. 너무 기초적이라 질문을 이해 못하실수도...^^; 워드프레스로 웹을 제작하게...

프론트엔드 개발자

... 크로스브라우징, 반응형웹 등을 생각하면서, 백엔드... 워드프레스나, CMS 툴 같은거 말고 직접 HTML, CSS... 자바스크립트 원리, 알고리즘(leetcode), 코딩테스트, CSS...

워드프레스? 부트스트렙? J Query,Css?

... 요즈음 반응형 웹제작및 동적 사이트에 대해서 큰... 어떤 원리로 움직이는 것 을 모른체 그냥 막연히 이렇게... Html5,워드프레스,부트스트렙,J Query가 나와서...

워드프레스에 대한 질문

... 실제로 국내 13~15년도 Responsive Design(반응형웹)이 국내 웹 이이젼시에 적용이 될때도... 기존 개발 언어 + 워드프레스의 운용원리와 hook에 대해 별도로 알아야 하기...

@media screen질문

... 티스토리나 워드프레스 등 블로그의 종류는 많습니다. 그러나 기본적인 웹사이트 동작 원리로... 그리고 미디어 쿼리는 반응형으로 웹사이트가...