8 years, 5 months 전-
- 4. html,php등의 코드를 입력하실때는
코드내용…식으로 입력하시거나, ‘{}’ 버튼을 활용하세요.
- 제가 ThemeForest에서 유료테마를 구입하고, 데모를 설치한 다음, 데모를 구축했는데, 거기까지는 어떻게는 하였습니다. 그런데 윈도우 창을 작게 한 상태로 홈페이지를 틀어 놓은 후에 다시 확대하니, 깨져서 나오는데, 확대해서 완전한 창 상태로 켰다가 줄였다가 다시 확대하면 또 이런 경우는 괜찮습니다. 그래서 해당 유료 테마 개발자한테 답변을 요구하는 질문을 10번을 거쳐 3개월동안 답변을 기다렸는데, 답변이 오질 않아서 이곳에 질문하게 되었습니다.
- 문제가 있는 페이지 주소입니다. http://www.sukwooh.com
- 답변을 통해, 제 홈페이지가 창에 구애받지 않고, 윈도우 창을 작게 한 상태로 홈페이지를 튼 후 창을 확대해도 반응형으로 깨지지 않고 완전히 홈페이지 화면도 맞쳐져서 크게 되었으면, 안 깨졌으면 좋겠습니다.
- 그 개발자가 CSS 코드를 한 번 주기는 햇는데 CSS 패널에 그것을 붙여 넣어도 그대로 했는데 효과가 없었습니다.
- <.banner {
width: 100% !important;
}>
사용하고 계신 Flatoo 라는 테마의 제작자가 바보멍청이도 아니고, 왜 작동도 될 수 없는 css 코드를 알려드렸는지 이해가 되지 않지만, 지금 문제는 css 로 해결하실 수 있는 문제가 아닙니다.
그 이유가,
<div class="banner row" id="banner" style="width: 1137px; height: 710px;">이렇게 이미지를 감싸는 div 가 자스 (javascript) 로 넓이가 세팅되고 있기 때문입니다. 이미지가 반응형이 되려면 이 “banner row” 라는 div 의 넓이를 100vw 나 100% 로 잡으셔야 하는데, 저 테마의 html 을 살짝 뜯어 고치지 않는 이상, 자스 (javascript) 로 조정해야 합니다.
css 로 element 에 어떤 특성을 먹여봐야 결국 자스 (javascript) 가 이걸 overwrite (덮어씌우기?) 때문에 css 로는 절대 불가능 입니다.
문제는 자스를 수정 해준다고 해도, 일단 저 넓이를 윈도우 넓이로 잡는 자스를 찾아서 그 부분을 해제시켜야 하는데, 그럼 이것 역시 테마에 손을 대게 되는거라서 best practice 가 아니구요…
그렇다고 이 문제 하나 때문에 자식테마를 만드는 것 역시 ideal 한 해결책이 아니고…
정 마음에 안드시면 다른 테마로 바꿔 쓰세요.
아,.. 그런데 이 테마 돈주고 사신 테마네요. ㅠㅠㅠㅠ
https://themeforest.net/item/flatoo-vcard-resume-personal-wordpress-theme/9330201
가장 쉬운 해결책은 테마를 살짝 고치는 겁니다. html 한줄만 바꾸시면 되요. 그런데 그렇게 하면, 바로 아래 질문과 같은 상황이 나중에 발생합니다.
https://kopress.kr/topic/워드프레스-4-7-2-버전-업데이트했는데요-도움부탁드려/
이런 상황을 피하려면 child theme (자식테마) 를 만드셔야 해요.
자식테마 만드는 방법은 여기 코프레스를 검색하셔도 되고 구글링 하시면 수십개 문서가 나오니까 그냥 따라 하시면 됩니다. 어렵지 않습니다.
그런데 저거 한줄 고치자고 자식테마까지 만들다니, 매우 비효율적으로 느껴져서 저 개인적으로는 하기가 싫게 느껴지는거죠.
- 4. html,php등의 코드를 입력하실때는
- 답변은 로그인 후 가능합니다.