CSS로 PC와 Mobile을 구분하는 방법 - Interaction Media Features 웹/HTML, CSS 2020. 12. 28. 17:57 언제부턴가 "반응형 웹"이 대세가 되면서, 사용자의 디바이스에 따라서 웹 화면을 적절하게 구성하는 것이 필수 요소가 되었습니다. 일반적으로, 브라우저 창의 크기를 기반으로 디자인을 다르게 설정하는 방식을 많이 사용하고 있죠? 이 사이즈를 기준으로 PC 혹은 Mobile을 얼추 구분하기도 합니다. 대부분의 경우 창 크기에 따라서만 조절해도 큰 문제는 없습니다만, 가끔은 사용자의 디바이스가 PC인지 모바일인지 구분하고 싶은 경우도 있습니다. 예를 들어서 다음과 같은 경우를 생각해 볼까요? Hover시에 이미지 위에 text를 overlay 하는 경우 Hover를 하는 경우에만 나타나는 버튼 요소 위와 같은 경우에는 hover 동작은 마우스를 이용하는 PC에서 정상적으로 확인할 수 있으나, 터치스크린을 사용하..
Uncode 테마 페이지 별 CSS 설정 하기 워드프레스/Uncode 테마 2020. 8. 21. 22:21 유료 워드프레스 테마는 일반적으로 테마 디자인 설정을 위한 다양한 옵션을 제공합니다. 따라서 CSS를 직접 설정해야 하는 경우는 훨씬 줄어드는 것이 사실입니다. 하지만 좀 세부적으로 꾸미다보면, 결과적으로는 CSS를 건드려야 하는 상황은 발생하기 마련입니다. Uncode 테마에서 CSS를 설정하는 방법은 다음과 같은 것들이 있습니다.테마 디자인 ▷ 사용자 정의하기 ▷ 추가 CSS테마 디자인 ▷ 테마 편집기 내에서 style.css 편집Theme Options ▷ CSS & JS 각 page별 CSS 설정 사실 1~3번의 경우는 일반적인 내용입니다. 워드프레스의 CSS 설정은 검색을 해보면 많이 나오므로 생략하도록 하고, 이 글에서는 Uncode (언코드) 테마를 사용하는 경우, 특정 페이지에 CSS 설정..
