이곳 쓰레드를 통해 많은 배움 얻고 가고 있어 늘 감사합니다.
아래는 제가 겪고 있는 문제인데, 읽어봐 주시면 좋겠습니다.
게시판 1개에서 최신 글 뷰 2개를 만들려고 합니다.
무엇이 잘못 되었는지 잘 모르겠으나, CSS가 이상하게 적용되어 문의드립니다.
게시판 skin은 customer type이고,
1번 최신 글 뷰의 skin은 customer, 2번 최신 글 뷰의 skin은 thumbnail로 지정하려 합니다. (다른 화면에서 다른 레이아웃으로 보이게 하려구요)
그런데, 2번 최신 글 뷰를 만들고 나니 원본 게시판과 1번 최신 글 뷰의 skin이 thumbnail로 화면에 보이는 현상이 발생하고 있습니다.
크롬 개발자 모드에서 원본 게시판이 참조하는 css를 확인해보니 thumbnail을 바라 보고 있길래..
테스트 차원에서 customer 디렉토리의 list 파일 맨 윗 부분 CSS 링크를 강제로 <link rel="stylesheet" href="http://~~~~~~.co.kr/wp-content/plugins/kboard/skin/customer/style.css">로 지정해 보았습니다.
그런데도 동일한 현상이 발생하고 있어서 해결 방법을 여쭤 보려 합니다.
(아래에 화면 첨부하겠습니다.)
원래 이런 버그가 있지는 않을텐데, 제가 무엇을 잘못 한 것인지 도무지 알 수가 없네요.
혹시, 짐작 가는 바가 있으면 알려주시면 좋겠습니다.
감사합니다.
문제를 조금 더 파악했습니다.
게시판과 (그에 종속된) 최신 글 뷰를 만들 때 서로 다른 skin을 지정하는 것만으로는 문제가 생기지 않네요.
정확한 문제는.. 하나의 화면에 "게시판과 게시판" 또는 "게시판 & 최신글 뷰"의 조합으로 출력할 때 서로 다른 skin을 사용하면 참조하는 css가 얽히는 것입니다.
- 최신 글 뷰의 css와 게시판 css의 style 이름을 완전히 다르게 지정하고,
- 최신 글 뷰의 php 파일에 수정한 style 이름을 적용해서 해결하긴 했습니다.
wordpress를 사용할 때 저와 같이 sidebar에 최신 글 view를 적용하는 분들이 다수 계실 듯 한데, 현재로서는 저와 같이 fake를 쓰는 방법 밖에는 없는 것 같습니다.
다음 업데이트 때 고려해 주시면 좋겠습니다.
css 경로를 바꾸는건 지금과 다를바 없을겁니다.
최종 출력시 절대경로로 바뀌거든요~
thumbnail스킨의 latest.php 파일에서 css 로드 부분을 제거하고 사용해보세요.
그럼 customer 스킨의 스타일만 불러올겁니다.
답변 감사드립니다.
각각의 파일에서 CSS 경로를 절대경로로 지정해봐도 해결되지 않는 걸로 봐서는 제가 수정할 수 있는 간단한 문제는 아닌 듯 하네요.
소스를 변경해서라도 해결할 수 있는 방법은 없을까요? 알려주시면 감사하겠습니다. ^^
스킨파일 보시면 list.php, latest.php 등 파일내부에 style.css 파일을 불러오는 코드가 있습니다.
게시판과 최신글이 각각 다른 스킨을 사용하고 있다면.. 두 가지의 style.css 파일을 불러오겠죠.
스타일 class 이름에 스킨별로 프리픽스를 추가해 이름이 겹치치 않도록 수정을 해야겠습니다.
이부분은 더 개선해야 할 부분인듯 합니다.
다른 사이트에서 동일한 테스트를 해 보았습니다.
http://moneysearch.co.kr/?p=114 (비 정상)
http://moneysearch.co.kr/?p=117 (정상)
아래와 같은 조건에서는 참조하는 CSS가 얽히는 것 같습니다.
(최신 뷰는 종속된 게시판 뿐만 아니라 다른 게시판과 동일한 화면 내에 출력해도 위와 같은 현상이 생기네요.)
두 조건 모두 한 화면 내에 게시판 목록과 최신 글이 함께 보여질 때라는 공통점이 있습니다.
제가 무엇을 잘못 한 걸까요? 해결책이 없을까요?