CMSMS HTML5 Responsive parallax template 2.0

CMSMS HTML5 Responsive parallax...

CMS Made Simple 2.0+ | 20-12-2017 | Pascal Merks | Reacties


Voor CMS Made Simple 2.0+ heb ik Template1200 versie 2.0 uitgebracht. Voor deze template zijn Form Builder, CGSmartImage en Gallery nodig en is makkelijk te installeren in CMS Made Simple!

Voorbeeld: http://template1200v2.pmkmedia.nl

Zip bestand met alle bestanden: http://template1200v2.pmkmedia.nl/uploads/files/Template1200-2.3.zip

Voor versie 2.0 heb ik wat wijzigingen aangebracht. Zo zijn dummy afbeeldingen nu data urls en dankzij CGSmartImage worden afbeeldingen veel kleiner en hoef je je niet meer zorgen te maken over te grote afbeeldingen/achtergronden. Ook is de manier van het invullen van de header teksten aangepast en hoeft er geen HTML-Blok meer aangemaakt te worden (In CMS Made Simple 2.0 zijn deze niet meer). Alles gebeurt nu bij de pagina editer zelf.

 

CMS Made Simple installeren:

Installeer CMS Made Simple  met de volgende modules Form Builder, CGSmartImage en Gallery en activeer Pretty Url:

http://docs.cmsmadesimple.org/configuration/pretty-url

Ga naar Inhoud/Bestandsbeheer en upload hier de map template1200 uit de map uploads van het zip bestand.
(Dit gaat het snelste via een FTP programma)

Ga naar Inhoud/Bestandsbeheer/images en maak hier 2 mappen aan

  1. header (Map voor de header achtergronden.)
  2. pageimage (Map voor pagina afbeeldingen.)

 

Pagina opmaak:

Lijst met extra pagina velden:

  1. Page description - Tekst veld voor pagina beschrijvings.
  2. Page header image - Selectie veld voor de header afbeelding uit de map header
  3. Page header title - Tekst veld voor de kop tekst van de header
  4. Page header text - Tekst veld voor de overige tekst van de header
  5. Page image - Selectie veld voor de pagine afbeelding uit de map pageimage
  6. Gallery slider tag - Tekst veld voor het plaatsen van een Gallery tag met als sjabloon Gallery-slider
    bijvoorbeeld: {Gallery dir='slider'}
  7. Form Buider Form Alias - Tekst veld voor het plaatsen van een Formbuilder formulier tag
    bijvoorbeeld: {FormBuilder form='contact'}

 

Voorbeeld pagina editor:

 

Contactformulier

Contact formulier voor Form Builder zit in het zipbestand. Deze kan je toepassen als je het Template1200-contact sjabloon gebruikt op je pagina. Er verschijnt dan een extra veld voor de Form Builder tag te plaatsen.

 

Sjablonen:

De lijst met Sjablonen:

  1. Template1200-default - De basis met header achtergrond.
  2. Template1200-home - Sjabloon voor de home-page met onder aan de laatste 4 news artikelen.
  3. Template1200-contact - Contactpagina met verwijzing naar Form Builder tag.
  4. Template1200-gallery - Voor een gallery met Gallery sjabloon Template1200-Gallery.
  5. Template1200-news-search - Toewijzen aan de nieuws en zoek pagina.
  6. Template1200-page -  Voor een basis pagina zonder header.
  7. Template1200-slider - Voor een gallery met Gallery sjabloon Template1200-Slider.

 

Nieuws:

Maak ook de volgende 2 velddefinities in Websitebeheer/Nieuws module/Velddefinities aan en maak ze publiek:

  1. Author - is de naam van de auteur.
  2. Imagearticle - is de afbeelding voor een artikel

 

Nieuwspagina regel:

{news number="12" summarytemplate="Template1200"}

Stel je nieuwspagina in als Standaard pagina voor detail vertoningen in de nieuws module.

 

Zoek sjabloon:

Stel de zoek pagina als Pagina voor individuele module resultaten (Opm. modules kunnen dit mogelijk negeren) in in de zoek module.

 

Kleur aanpassen:

In de stylesheets Template1200-style en Template1200-menu staat boven aan de volgende regel:

[[* +++++ COLOR SETTINGS +++++ *]]
[[assign var='color' value='#F60']]

Hier kan je de kleur van de website links, headers en het menu aanpassen naar de kleur die je mooi vind! Standaard is dat #F60 (oranje).
 
Dat was het weer. Veel plezier er mee en zijn er vragen of ben ik iets vergeten zeg het maar!

Voorbeeld video:

 

Changelog:

Upgrade naar versie 2.3
Wat is er veranderd in versie 2.3:

1. Fix font bug

Link naar zip: http://template1200v2.pmkmedia.nl/uploads/files/Template1200-2.3.zip

Upgrade naar versie 2.1.1

Wat is er veranderd in versie 2.1.1:

1. Formulier op een pagina met Template-page probleem op Android fix.

Link naar zip: http://template1200v2.pmkmedia.nl/uploads/files/Template1200-2.1.1.zip

Upgrade naar versie 2.1
Wat is er veranderd in versie 2.1:

1. Form Builder formulier en css aangepast.
2. content blocks aan templates toegevoegd voor toevoegen afbeeldingen en extra teksten en tags.

Link naar zip: http://template1200v2.pmkmedia.nl/uploads/files/Template1200-2.1.zip

Reacties:

comments powered by Disqus

Laatst toegevoegd

Categorieën

Laatste reacties

Laatste tweets