레이아웃은 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 파일과 변수 등이 포함되어 있습니다.