웹마스터 팁
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법
2011.04.07 12:15
Firefox에서 코드 하이라이터로 되어있는 글을 긁어왔더니 줄과 줄 사이에 너무 큰 여백이 생겨버립니다.
그리고 코드 하이라이터가 적용되어 있던 부분은 줄 바꿈이 무시되네요.;; 긁지 말고 손수 공들여 쓰라는 계시인가봐요. 어후어후.
팁이라고 하기엔 고수분들이나 문법 변경 내역을 아는 분들에게는 별로 도움이 되지 않는 내용입니다만,
그래도 모르시는 분들이 있을 것 같아 적어봅니다. (질답게시판에 꾸준히 질문이 올라오고 있기도 하고요.)
도움이 되었으면 좋겠네요. :)
1. [레이아웃 설정]의 선택상자 항목이 나타나지 않는 경우
선택상자 항목 오류는 XE 코어 1.4.5.x 버전으로 업데이트 후 제일 자주 보고되었던 레이아웃 오류로,
자유게시판의 sejin7940님께서 해결책을 제시해주셨습니다.
오류가 발생하는 레이아웃의 info.xml (혹은 conf/info.xml) 을 텍스트에디터로 열어 제일 윗 줄을 살펴 보시면 아래와 같은 소스가 있습니다.
<?xml version="1.0" encoding="utf-8"?>
<layout version="1.0">
이 소스를 아래와 같이 바꿔줍니다.
<?xml version="1.0" encoding="UTF-8"?> <layout version="0.2">
<version>1.0</version>
수정 후 info.xml을 저장하고 FTP로 계정에 접속하여 기존 레이아웃의 info.xml에 덮어씌워주신 후
캐시파일 재생성을 해주시면 정상적으로 선택상자 항목이 나타납니다.
2. [레이아웃 설정]의 선택상자 항목이 하나만 나타나는 경우
업데이트 후 레이아웃의 컬러셋 등의 항목이 하나만 나타나 선택을 할 수 없게 되는 경우입니다.
(참고 : 이 때에는 설정을 따로 건드리기 전까진 기존 설정이 그대로 유지됩니다.
그러나, 실수로라도 [저장]을 눌러 설정을 변경하게 되면 선택상자에 나타나는 항목들로 레이아웃 설정이 모두 변경됩니다.)
오류가 발생하는 레이아웃의 info.xml을 텍스트에디터로 열어 선택항목을 찾습니다.
type="select"를 검색하시거나, 각 항목의 메뉴 이름을 확인해서 찾으시면 됩니다.
선택항목의 option 부분을 보시면 아래와 같이 작성이 되어 있습니다.
(예제는 컬러셋 항목으로, 언어 설정 부분은 생략하였습니다.)
<options name="default"> <!-- 선택항목 default의 이름 -->
<title xml:lang="ko">기본</title>
<value>default</value> <!-- 선택항목 default의 값 -->
</options>
<options name="gray"> <!-- 선택항목 gray의 이름 -->
<title xml:lang="ko">검은색</title>
<value>gray</value> <!-- 선택항목 gray의 값 -->
</options>
소스를 보시면 <options name="~">과 <value>로 항목이 정의되어 있습니다.
여기서 <value>~</value>는 삭제하시고 <options name="~">은 <options value="~">로 바꿔줍니다.
수정 후의 소스는 아래와 같습니다.
<options value="default">
<title xml:lang="ko">기본</title>
</options>
<options value="gray">
<title xml:lang="ko">검은색</title>
</options>
수정한 info.xml을 FTP로 기존 레이아웃 info.xml에 덮어씌운 후 캐시를 정리하시면 레이아웃 설정의 항목이 제대로 나타납니다.
3. 레이아웃의 컬러셋이 적용되지 않고 기본으로만 나오는 경우
업데이트 후 레이아웃의 컬러셋 설정을 무시하고 무조건 기본 컬러셋으로만 나타나는 오류입니다.
이 경우에는 레이아웃 설정을 건드리지 않았더라도 무조건 기본 컬러셋으로 변경되어 나타납니다.
(HTML에 작성된 소스에 따라서는 기본 컬러셋이 아닌 컬러셋 항목 중 마지막 컬러셋이 적용되어 나타나는 경우도 있습니다.)
관리자 페이지 > [레이아웃] > [레이아웃 편집] 메뉴를 열어 HTML 소스 제일 윗 부분, js와 css를 불러오는 구문을 찾습니다.
<!-- js 파일 import -->
<!--%import("js/xe_test_1.0.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "gray")-->
<!--%import("css/gray.css")-->
<!--@else-->
<!--%import("css/default.css")-->
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
예제는 gray와 default 두 개의 컬러셋을 사용하고 있는 레이아웃의 소스입니다.
위의 소스와 비슷한 부분을 찾으신 후, <!--%import("js폴더/js파일명")-->을 <load target="js폴더/js파일명" />으로 수정합니다.
그리고 컬러셋에 따른 css호출 부분 (!--@if에서 !--@end까지의 구문) 을
<load target="css폴더명/css파일명" cond="$layout_info->colorset=='컬러셋이름(value)'" />로 수정합니다.
컬러셋의 항목을 하나하나 load target으로 불러줘야 하기 때문에 load target은 컬러셋의 수 만큼 있어야 합니다.
예제의 소스를 수정한 뒤의 모습은 아래와 같습니다.
<!-- js 파일 load -->
<load target="js/xe_test_1.0.js" />
<!-- 레이아웃과 연동될 css 파일 load -->
<load target="css/default.css" cond="$layout_info->colorset=='default'" />
<load target="css/gray.css" cond="$layout_info->colorset=='gray'" />
댓글 7
-
푸름빠
2011.04.07 16:01
-
도움이 되어 기쁩니다. :)
스킨 제작자분들께서는 더 많은 상황과 요소, 스킨 특성을 고려해야하기 때문에 조금 시간이 걸리는 것 아닐까 합니다. ^^ -
김 무건
2011.04.08 18:32
제가 잘못한 부분이군요.
차일피일 미루다보니 이렇게 된 듯 ㅡ_ㅡ
피드백이 없었던 탓도 있음.. ㅜㅜ -
확실히 레이아웃의 셀렉트박스 공백 오류를 제외한 다른 오류에 대해서는 별로 보고된 것이 없었죠.
저도 테스트 계정에 있는 레이아웃들 살펴보다가 알았답니다.;;
아무도 말하지 않은 오류라 제 계정에 문제가 있는 줄 알았다죠. ㅎㅎ;; -
또별
2011.04.10 23:30
크롬 레이아웃 스킨을 사용하는데요.
메인메뉴 출력관련 메인메뉴10개가 있습니다. 집pc(ie8)에서는 10개가 정상출력되는데요.
PC방의 PC에서는 메인메뉴10개중 맨 앞에것 하나만 가운데(좌우)에 출력되고 나머지 9개가 출력이 안됩니다.
혹시, 이런경우 브라우저 문제인지 CSS문제인지 원인을 알수 있나요? -
확인 가능한 url을 첨부하여 묻고 답하기에 문의해보세요.
지금의 설명만으로는 무엇의 문제인지 알 수 없습니다. -
티지레몬
2011.04.22 04:06
카페 레이아웃에
<var name="content_position" type="select">
<title xml:lang="ko">본문 위치</title>
<title xml:lang="en">Content position</title>
<title xml:lang="zh-CN">内容区位置</title>
<title xml:lang="zh-TW">選擇位置</title>
<title xml:lang="jp">本文配置</title>
<description xml:lang="ko">본문의 위치를 좌/우중 선택할 수 있습니다.</description>
<description xml:lang="en">You can choose the position of content between left and right.</description>
<description xml:lang="zh-CN">可以设置内容区的位置(左侧/右侧)。</description>
<description xml:lang="zh-TW">內容區域可選擇靠左側或右側。</description>
<description xml:lang="jp">本文の位置を左/右の中、選択します。</description>
<options value="left">
<title xml:lang="ko">왼쪽</title>
<title xml:lang="en">Left</title>
<title xml:lang="zh-CN">左侧</title>
<title xml:lang="zh-TW">左側</title>
<title xml:lang="jp">左側</title>
</options>
<options value="right">
<title xml:lang="ko">오른쪽</title>
<title xml:lang="en">Right</title>
<title xml:lang="zh-CN">右侧</title>
<title xml:lang="zh-TW">右側</title>
<title xml:lang="jp">右側</title>
</options>
</var>
선택항목 보면 2번에 해당하는 내용이 없는데 안됩니다.
왜 그렇죠??
이런팁이 무엇보다 중요하죠
원래는 스킨제작자들이 발빠르게 배포해야하는건뎅...