Hi everyone,
i am new to liferay and i am trying to understand theme in liferay...
i am all set with installation and able to create new theme and deploy.
I want to know the how the flow is going on in classic theme
for an example : this is the code for portal_normal.ftl
<!DOCTYPE html>
<#include init />
<html class="${root_css_class}" dir="<@liferay.language key="lang.dir" />" lang="${w3c_language_id}">
<head>
<title>${the_title} - ${company_name}</title>
<meta content="initial-scale=1.0, width=device-width" name="viewport" />
${theme.include(top_head_include)}
</head>
<body class="${css_class}">
<a href="#main-content" id="skip-to-content"><@liferay.language key="skip-to-content" /></a>
${theme.include(body_top_include)}
<#if is_signed_in>
<@liferay.dockbar />
</#if>
<div class="container-fluid" id="wrapper">
<header id="banner" role="banner">
<div id="heading">
<h1 class="site-title">
<a class="${logo_css_class}" href="${site_default_url}" title="<@liferay.language_format arguments="${site_name}" key="go-to-x" />">
<img alt="${logo_description}" height="${site_logo_height}" src="${site_logo}" width="${site_logo_width}" />
</a>
<#if show_site_name>
<span class="site-name" title="<@liferay.language_format arguments="${site_name}" key="go-to-x" />">
${site_name}
</span>
</#if>
</h1>
<h2 class="page-title">
<span>${the_title}</span>
</h2>
</div>
<#if !is_signed_in>
<a href="${sign_in_url}" data-redirect="${is_login_redirect_required?string}" id="sign-in" rel="nofollow">${sign_in_text}</a>
</#if>
<#if has_navigation || is_signed_in>
<#include "${full_templates_path}/navigation.ftl" />
</#if>
</header>
<div id="content">
<nav id="breadcrumbs"><@liferay.breadcrumbs /></nav>
<#if selectable>
${theme.include(content_include)}
<#else>
${portletDisplay.recycle()}
${portletDisplay.setTitle(the_title)}
${theme.wrapPortlet("portlet.ftl", content_include)}
</#if>
</div>
<footer id="footer" role="contentinfo">
<p class="powered-by">
<@liferay.language key="powered-by" /> <a href="http://www.liferay.com" rel="external">Liferay</a>
</p>
</footer>
</div>
${theme.include(body_bottom_include)}
${theme.include(bottom_include)}
</body>
</html>
variabls used in above code like root_css_class,the_title,logo_css_class etc where this all are coming from..
what if want completely change the theme and use my own design then what should i do??
i am not finding any resource where i can develop theme from scratch and learn the entire flow of theme.
Please help...
