CMSMS HTML5 Nieuws/Blog template

CMSMS HTML5 Nieuws/Blog template

CMS Made Simple 2.0+ | 15-04-2016 | Pascal Merks | Reacties


Voor CMS Made Simple heb ik een nieuwe template gemaakt. Een blog/nieuws template die je kan gebruiken daar voor. In de artikelen kan je een foto, video of een youtube video plaatsen. Op de artikelen kan gereageert worden met een Facebook account en ze kunnen gedeeld worden op Facebook, Twitter, Google+ en LinkedIn. Er zijn ook 2 social blocks voor een Facebook en Twitter Widget.

Voorbeeld: http://blog1200.pmkmedia.nl

Zip bestand met alle bestanden: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-2.2.zip

 

CMS Made Simple installeren:

Installeer CMS Made Simple en activeer Pretty Url:

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

Installeer ook de modules CGSmartImage en FormBuilder.

Ga naar Inhoud/Bestandsbeheer en upload hier de map blog1200 uit de map uploads van het zip bestand pas wel eerst alle iconen aan naar jou website style. (Dit gaat het snelste via een FTP programma)

Ga naar Inhoud/Bestandsbeheer/images en upload hier je logo afbeelding. Dit kan een logo.jpg, logo.jpeg, logo.png, of logo.gif bestand zijn. Als je geen logo bestand upload zal je de naam zien van de website. Upload hier ook je achtergrond afbeelding. Dit kan een background.jpg, background.jpeg, background.png, of background.gif bestand zijn. Als je geen background bestand upload zal je de standaard grijze achtergrond zien. De achtergrond afbeelding staat ingesteld op fixed en repeat als je dat niet wilt zal je dat zelf kunnen aanpassen in de load_background UDT.

 

Themabeheer:

Ga naar Opmaak/Design Manager klik in de Designs tap op Opties en kies voor Importeer Design en upload het bestand BLOG1200.xml uit de map Theme van het zip bestand.

Nu zijn het Sjablonen, Stylsheets, Nieuws sjablonen, HTML-blokken en het Menu sjabloon aangemaakt.

Stel BLOG1200 in als standaard design.

 

Gebruikersgedefinieerde tags:

Maak 4 nieuwe UDTs aan met als naam de naam van het bestand en kopieer de inhoud uit het gelijknamige bestand in de map UDT van het zip bestand er in.

 

HTML-Blokken:

De HTML-Blokken zijn vanaf nu sjablonen en staan bij de Design Manager onder sjablonen als type Core::Algemeen wijzig hier de gegevens naar jou website of facebook/twitter profiel. Wil je geen geen Facebook, Twitter of Share Widget wel aan en vul dan een 0 in het Sjabloon.

 

Nieuws velddefenities:

Maak ook de volgende 4 velddefinities aan en maak ze publiek:

  1. authorarticle - Is de naam van de auteur.
  2. image - Is de afbeelding voor het artikel (Deze moet je voor het mooie altijd een afbeelding geven.)
  3. video - Hier zet je de video naam neer als je een video hebt geupload (tutorial link)
  4. youtube - Hier zet je de youtube code neer als je een youtube video gebruikt. Als je nu een nieuws artikel aan maakt vul dan hier de ID van het Youtube filmpje in. Ga bij het Youtube filmpje naar Delen / Insluiten en kopier de code achter www.youtube.com/embed/ bijvoorbeeld www.youtube.com/embed/Yx_qHHw gebruik dan alleen Yx_qHHw en vul deze in het Video veld in.
  5. keywords - Hier zet je zoekwoorden in die bij je artikel horen. Dit maakt het zoeken makkelijker in de zoek module. Voorbeeld: keyword, keyword, keyword etc....

 

Nieuwspagina regel:

Zet op de home page de WYSIWYG niet toestaan voor deze pagina (ongeacht het sjabloon of gebruikers instellingen) aan en zet de volgende regel op de pagina:

{news number="5" summarytemplate="BLOG1200-news-summary"}

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

 

FormBuilder:

Installeer de FormBuilder module en upload het Contactformulier sjabloon uit het zip-bestand en geef hem de naam contact. (E-mail adres en andere gegevens wijzigen naar die van jou website.).

 

Zoeken:

Maak een nieuwe pagina aan met als Naam en Pagina alias search en zet deze uit in het menu.

 

Kleur aanpassen:

In de stylesheets BLOG1200-style staat boven aan de volgende regel:

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

Hier kan je de kleur van de website aanpassen naar de kleur die je mooi vind! Standaard is dat #0CF (Cyan).

 

Quotes in je blog:

In de editor ga je naar Opmaak/Blok en kies voor Quote. Deze kan je toevoegen aan een <p> element als het een quote is die je wilt uitlichten:

 

Voorbeeld van een Quote:

 

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.2
Wat is er veranderd in versie 2.2:

1. CMSMS 1.11+ versie verwijderd.
2. CGSmartImage toegevoegd.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-2.2.zip

Upgrade naar versie 2.1

Wat is er veranderd in versie 2.1:

1. Twitter widget height gefixt
2. Aangepast voor CMSMS 2.0+

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-2.1.zip

Upgrade naar versie 2.0

Wat is er veranderd in versie 2.0:

1. <base> url in <head> geplaatst voor relative URLs probleem MicryTiny Editor .
2. FormBuilder contact formulier error en verzendlijst probleem verholpen.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-2.0.zip

Upgrade naar versie 1.9

Wat is er veranderd in versie 1.9:

1. Keywords voor in artikelen.
2. Zoek functie aangepast.
3. Links in artikelen breek punten voor langere links.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.9.zip

Upgrade naar versie 1.8

Wat is er veranderd in versie 1.8:

1. FormBuider contactformulier error message verbeterd.
2. Style aangepast voor More articles sidebar.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.8.zip

Upgrade naar versie 1.7

Wat is er veranderd in versie 1.7:

1. Scroll to top knop toegevoegd om snel weer naar boven te scrollen.
2. Quote functie toegevoegd.
3. Optie om de Share buttons uit te zetten.
4. Facebook Page Plugin css fix toegevoegd.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.7.zip

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

1. Van 2 naar 1 sjabloon voor alle paginas.
2. News categorie sjabloon gefixt.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.6.zip

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

1. CSS Facebook comments aangepast naar 2.3.
2. FormBuilder contact formulier verbeterd.
3. More articles shuffle gefixt naar alle artikelen inplaats van de laatste 5

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.5.zip

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

1. Formbuilder sjabloon PHP error_reporting gefixt.
2. UDTs PHP error_reporting gefixt.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.4.zip

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

1. CSS Facebook comments aangepast.
2. FormBuilder Anti-spam honeypot toegevoegd http://www.cmscanbesimple.org/blog/honeypot-anti-spam-feature-for-formbuilder.
3. Nieuws artikelsjabloon probleem met titel weergave volgende vorige knoppen opgelost.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.3.zip

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

1. Optie om achtergrond toe te voegen.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.2.zip

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

1. Optie om de Facebook of Twitter Widget uit te zetten.

Link naar zip: http://blog1200.pmkmedia.nl/uploads/files/BLOG1200-1.1.zip

Reacties:

comments powered by Disqus

Laatst toegevoegd

Categorieën

Laatste reacties

Laatste tweets