메뉴 건너뛰기

레이아웃은 xe에서 가장 기본적인 디자인요소입니다.

xe core에서 common/tpl/common_layout.html 파일을 에디터 파일에서 열어 보시기 바랍니다.
xe 에서 화면에 출력하는 기본 html 구조입니다.
아주 복잡해 보이지만 실제 웹페이지에서 다음과 같은 코드를 생성합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
<!-- META -->
<meta charset="utf-8">
<meta name="Generator" content="XpressEngine">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- TITLE -->
<title>home</title>
<!-- CSS -->
<link rel="stylesheet" href="/common/css/xe.min.css?20170112090135" />
<link rel="stylesheet" href="/common/js/plugins/ui/jquery-ui.min.css?20170112090135" />
<link rel="stylesheet" href="/modules/editor/styles/ckeditor_light/style.css?20170112090135" />
<!-- JS -->
<!--[if lt IE 9]><script src="/common/js/jquery-1.x.min.js?20170112090135"></script>
<![endif]--><!--[if gte IE 9]><!--><script src="/common/js/jquery.min.js?20170112090135"></script>
<!--<![endif]--><script src="/common/js/x.min.js?20170112090135"></script>
<script src="/common/js/xe.min.js?20170112090135"></script>
<script src="/modules/page/tpl/js/page_admin.js?20170112090135"></script>
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="Site RSS" href="http://demo.phiz.kr/rss" /><link rel="alternate" type="application/atom+xml" title="Site Atom" href="http://demo.phiz.kr/atom" /><!-- ICON -->


<link rel="canonical" href="http://demo.phiz.kr/" />
<meta property="og:locale" content="ko_KR" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://demo.phiz.kr/" />
<meta property="og:title" content="home" /><script>
//<![CDATA[
var current_url = "http://demo.phiz.kr/?mid=home";
var request_uri = "http://demo.phiz.kr/";
var current_mid = "home";
var waiting_message = "서버에 요청 중입니다. 잠시만 기다려주세요.";
var ssl_actions = new Array();
var default_url = "http://demo.phiz.kr/";
xe.current_lang = "ko";
xe.cmd_find = "찾기";
xe.cmd_cancel = "취소";
xe.cmd_confirm = "확인";
xe.msg_no_root = "루트는 선택 할 수 없습니다.";
xe.msg_no_shortcut = "바로가기는 선택 할 수 없습니다.";
xe.msg_select_menu = "대상 메뉴 선택";
//]]>
</script>
</head>
<body>

<!-- ETC -->
<div class="wfsr"></div>
</body>
</html>

이 html 코드안에 사용자가 작성한 레이아웃 코드와 XE에서 생성한 데이타를 포함하여 실제 웹페이지를 출력합니다.

XE에서 기본적으로 포함되는 css 및 js 파일과 변수 등이 포함되어 있습니다.

 

 

파일 첨부

여기에 파일을 끌어 놓거나 파일 첨부 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )