Pico theme for a one-page website. Currently work-in-progress and not working yet.
Features:
- Predefined Sections of the page, handled via meta YAML code
- Add a "custom" section to the page using markdown
- SEO-friendly (Microdata, Meta tags (e.g. OpenGraph), JSON-LD according to Google's standards)
- Supports a contact form via external
p01-contact
plugin
Section types:
header
- Logo image and anchor menugo_back
- Link with link to the previous pagestart
- Big background image with titleabout
- Image gallery and text sectiondeals
- Current special deals, sale, etcservices
- Overview of products/services of a companycontact
- Contact data and mapfooter
- Copyright and footer links, e.g. to another pagecustom
- Add your own markdown content
The sections start
, about
, deals
, services
, contact
, header
, footer
, go_back
and custom
are shown if the corrosponding parameter is set.
If you want to use p01-contact
you may have to place a symlink from assets/contact.css
to plugins/PicoContact/style.css
, because Pico CMS restricts public access to the folder plugins
by default.
assets/contact.css
is automatically included by the template of this theme when using the contact form.
Used Meta Params:
General Params:
title
(str) The title of the site.lang
- (str) Language of the websiterobots
(str) The content of<meta name="robots">
.description
(str) The content of<meta name="description">
.image
(str) The content of<meta property="og:image">
.custom
(bool) Set to true if you want to show markdown content in extra sectionfacebook
(str) Link to a facebook page which is included in the JSON-LD markup.
Section-specific Params:
-
header
(array):logo
(str) URL to the logo image file.
-
start
(array)title
(str) - Title shown in the start sectionsubtitle
(str) - Subtitle shown in the start section
-
about
(array):title
(str) - The title of the about pagebig_img
(str) - URL to the main image file of the gallerymore_img
(array) - Up to 3 more imagesimage
(str) - URL to the main imagethumb
(str) - URL to an square thumbnail of the imagecaption
(str) - Caption of the image (shown in full screen)
text
(array of str) - Paragraphs of the about text
-
deals
(array):title
(str) - The title of the deals pagedeals
(array) - Array of deals:icon
(str) - URL to the icon of the dealrecuced
(str) - Content for the "reduced by" labeldescription
(str) - Short description of the deal
-
services
(array):title
(str) - The title of the services pagecategories
(array) - The services/products ordered by categoriestitle
(str) - The title of the categoryicon
(str) - Path to the category iconitems
(array of str) - Products/services of the category
logos
(array) - Logos of cooperation/customer companiesimage
(str) - Name of the image file inassets
(<image>_sw.png
and<image>_cl.png
are needed)name
(str) - Name of the company (alt
attribute)link
(str) - Link that is placed on logo image
-
contact
(array):title
(str) - The title of the contact page.street
(str) - The street of the company.city
(str) - The city of the company.email
(str) - Email address of the company.use_form
(bln) - True if you want to include a contact form (requires manual installation ofp01-contact
!)maps_image
(str) - Name of the maps image file inassets
(<image>.png
is needed)maps_link
(str) - Link that the maps image should refer toopening_label
(str) - Label for the opening hours.opening
(array) - max. two definitions of opening hourssel1
(str) - first selector (e.g. mon-fri)val1
(str) - first value (e.g. 8am-8pm)sel2
(str) - second selectorval2
(str) - second value
phone1
(array) - Main phone number, also shown on start page!label
(str) - Label of main phone numbernumber_show
(str) - Main phone number (how it should be displayed)number_real
(tel) - Main phone number (without spaces, international format)
phone2
(str) - Second phone numberlabel
(str) - Label of second phone numbernumber_show
(str) - Second phone number (how it should be displayed)number_real
(tel) - Second phone number (without spaces, international format)
fax
(str) - Fax numberlabel
(str) - Label of fax numbernumber_show
(str) - Fax number (how it should be displayed)number_real
(tel) - Fax number (without spaces, international format)
-
footer
(array):copyright_text
(str): Text after© [YEAR]
, e.g. the name of the companylinks
(array) Internal page links to show up in the footerlabel
(str) Label of the linklink
(str) Link, relative to base_url
-
go_back
(array):label
(str): Label for the "Go back" link
-
custom
(string):embedded
(if the section is embedded in a page with other sections)- or
single
(if the custom section is the only one on the page) - You can combine both params with
red
(red background) andwhite
(white background) using a space (e.g.embedded red
).
The used icons are taken from Flaticon and licenced under the CC 3.0-BY Licence. The authors are Zurb, Dave Gandy, Google, SimpleIcon and Chris Veigt.