#워드프레스 초보탈출 : 모바일 퍼스트

#워드프레스 초보탈출 : 모바일 퍼스트

워드프레스의 장점이라면 반응형웹입니다.

PC, 태블릿PC, 스마트폰 어떤 환경이던 최적화된 이미지로 만들 수 있어요.

위의 사진은 모바일웹 화면입니다.

PC화면도 보여드릴께요.

지금 보는 PC화면이 그대로 모바일화면으로 보인다면 아마도 글이 작아서 잘 안보일겁니다.

모바일 퍼스트!

홈페이지를 반응형웹으로 디자인할 때 주의할 점은 모바일 퍼스트입니다.

1. 자잘한 것들은 없애라!

반응형웹은 PC에서 보이는 것들이 모바일에도 같이 보입니다.

PC에서는 이쁘지만 모바일 화면에서는 군더더기처럼 보이기도 합니다.

모바일화면부터 최적화를 하는 것이 좋아요.

2. 워드프레스 테마를 잘 정해라!

PC화면에서 아무리 멋진 테마라도

모바일화면이 지원이 잘 안되는 테마가 있습니다.

일단 모바일을 기준으로 테마를 고르는 것이 센스입니다.

3. 터치를 생각하라!

모바일로 갈수록 터치에 대한 디자인이 중요합니다.

사진을 잘 활용하는 것이 좋습니다.

글목록도 글만 있는 구조보다는 썸네일 구조가 좋습니다.

대체로 심플한 구조로 구성하는 것이 무난합니다.

참고로 제가 만드는 홈페이지 올립니다.

PC화면과 모바일 화면을 비교해 보세요.

http://dongang.kr/

#팰콘스케치 :#워드프레스 초보탈출 : 모바일 퍼스트 http://t.co/OybZhwomkG

— 김대영(팰콘스케치) (@falconsketch) August 23, 2013