To translate contents to html, BoothCMS uses Twig(server side) and Vue.js(client side). Initial rendering is server side, additional rendering is client side.

If you want to change the template drastically, create child directory in views and set the directory name to theme config value.

Default template uses lit CSS framework.

Template variables

• site_title
• site_subtitle
• site_url
• site_rfc4151_id
• site_author_twitter
• format_datetime
• sitemap_changefreq
• path
• author
• title
• description
• theme_path
• image_url
• tag_set(array(tag set))
• tags
• as_list
• main_contents(array(content or tag strings))
• support_contents(array(content or tag strings))
  • set if support_contents isn't unused
• related_contents(array(content))
  • set if as_list is false
• has_following
• exclude_from_list

Content properties

• path
• title
• create_time
• update_time
• date
• update
• tags
• category
• body
• prev
  • path
  • title
• next
  • path
  • title

Tag set properties

• tag_name
• tag_values(array(string))

Common template parts

If you want to use common template parts, placeinclude statement in your template where you want to and configure related values.

for head

• OpenGraphProtocol.html.twig
• SiteMetadata.html.twig
• TwitterMetadata.html.twig

for body

• GoogleAdSenseAutomaticAds.html.twig
• GoogleAnalytics.html.twig
• GoogleCustomSearchEngine.html.twig
• TwitterTimelineControl.html.twig
• TwitterTweetControl.html.twig