Skip to content

1. Conventions

Jump to bottom
Luca Crippa edited this page Dec 13, 2018 · 3 revisions

Html classes

List of classes needed to fill html structure of pages, posts and post lists.

  • .put-subtitle-here: the subtitle of the post or page
  • .put-title-here: the title of the post or page
  • .put-text-here: the main text of the post or page
  • .put-desc-here: the description of the post or page. Use it when generating a content preview in the list of posts.
  • .put-text2-here: custom field, to be customized in config.json
  • .put-text3-here: custom field, to be customized in config.json
  • .put-text4-here: custom field, to be customized in config.json (link)
  • .put-text6-here: custom field, to be customized in config.json
  • .put-text7-here: custom field, to be customized in config.json
  • .put-text8-here: custom field, to be customized in config.json (number)
  • .put-sel1-here: select with post category
  • .put-sel2-here: select with post genre
  • .put-img-here: the first image found within media uploaded (not in gallery!)
  • .put-single-img-here: the first image found within media uploaded (not in gallery!)
  • .put-annex-here: the list of uploaded files (not images, and not in gallery!)
  • .put-head-keys-here: the keywords of the page for SEO to be appended into the head of the page. Only the keys of the post or of the page with index 0 are added
  • .put-head-desc-here: the description of the page for SEO to be appended into the head of the page. Only the description of the post or of the page with index 0 is added
  • .put-genre-chip-here: custom, you can use it to add chips with the name of the category or genre of the post
  • .put-posted-here: the timestamp of the creation of the post or page
  • .put-updated-here: the timestamp of the last update of the post or page. If no updates are available, returns "-"
  • .put-view-here
  • .put-datetimes-here: space to add formatted event date and time list
  • .banner-top: banner on top of the page below the header with the image of the post as background

How to use

Important: add a index to the class to create the relative content. Examples:

  • generatePage("url-of-the-page",0) -> create the content "0" of the page, so rename .put-title-here0, .put-text-here0 etc to fill html elements.
  • Increment the index if you want to fill different parts of the html with different pages.

Customizations

Search for // CUSTOMIZE HERE ---- in functions.js to customize behaviour and features as per inline comments.

Clone this wiki locally