placeholder layoutinfo follows:
(that is it doesnt work yet. using partial instead)
Layout in use:
themeName_Folder > content block > attribution.htm
a blockquote for attribution!
eventually some Winter citation
This website is built using Winter CMS. Currently, I'm exploring it's core features.
inside a .col block
A content-block, in a file located at themeFolder > content > basik-info.htm
is a sibling of jeffrey.htm and the readme.md stuff.
Content block seems like where you put the stuff you're adding now. Perhaps, that's your content.
View the content block { content 'basik-info' }
Learn more about it at Basik
Placeholders allow pages to inject content to a layout.
The common use is injecting page-specific links to StyleSheet or JavaScript files to the HEAD tag defined in the layout. Placeholders are defined in the layout file and they have names so that they can be referred in the page. Example:
Layout file:
{% put layoutinfo %} <!-- NOTE: Realtime reading --> <div> <p>Layout in use: <code class="card">{{ layout_name }}</code></p> <pre>themeName > content > placeholder > layout.txt</pre></div> <!-- Eg. edit this file, found at themeName > content > placeholder > layout.txt --> {% endput %}
Page file:
{% put head %} <link href="css/basiktheme.css" rel="stylesheet"> <link href="css/theme.css" rel="stylesheet"> <script src="js/script.js"></script> {% endput %}
Style file?: - This isn't present in the ,head. as expected if it were to be injected.
<style> <!-- removed from placeholder style.txt --> .bg-red { background-color:red; } .bg-grey { background-color:gray; } .card { display:flex; flex-direction:column; } </style>
Layouts define the page scaffold.
The layout file layouts/default.htm
defines the page scaffold —
everything that repeats on each page, such as the HTML, HEAD and BODY tags, StyleSheet and JavaScript references.
The page menu and footer in the Demo theme are defined in the layout as well.
Content blocks are text or HTML blocks that can be edited separately from the page or layout.
The introductory text used on this page is defined in the content/home.htm
file.
Content blocks are defined and rendered with syntax like the following. This is some kind of fairly well known PHP templating system, probably bourne of Symfony. The name escapes me, presently.
{% content "content-name.htm" %}
Pages hold the content for each URL.
The page file pages/home.htm
defines the page URL (/
for this page) and the page content.
Pages are rendered inside layouts with this function that should be called in the layout code:
{% page %}
Using a layout for pages is optional — you can define everything right in the page file.
Partials contain reusable chunks of HTML markup.
Partials are chunks of HTML defined in separate files that can be included anywhere. Partials are rendered with:
{% partial "partial-name" %}
You may place partials inside folders too. In this example we placed the footer content to the partials/site/footer.htm
partial.
{% partial "site/footer" %}
Partials can be used inside pages, layouts or other partials.
Assets are resource files like images and stylesheets.
This theme stores its asset files (JavaScript, StyleSheet, images, fonts, etc) in the themes/basiktheme/assets
directory. This theme is also packaged with these useful 3rd party tools:
You might prefer to remove them for your website implementation.