Accueil / Blog / Métier / Archives / A Plone site in 2 days

A Plone site in 2 days

Par Jean-Michel François — 28/02/2012
I have released last week the smallest website I have done

I have released last week the smallest website I have done.

This is the first time I don't have to develop anything and with only two days of work (deploy, theming, configure and manage the customer),  with CSS and ten lines of Javascripts and voila: I proud of this project that is an event, so I will share how I have achieved this one.

Addons used

  • collective.addthis (all pages)
  • collective.quickupload (logged in only)
  • collective.galleria (photos page)
  • collective.googleanalytics
  • collective.masonry (home page)
  • collective.js.datatable (exposants page)
  • collective.portlet.embed (facebook like box + google maps)
  • collective.seo
  • Products.PloneFormGen (contact form + registration form managed by the customer)


Customer feedback

The customer is really happy. In France Plone is not really known and it is not that easy to show how easier is Plone to manage the content than some other CMS;

The SEO was just great, two days later the website was first on google request (Salon Natura). I have used microformat markup to support richsnippet result.

The home page is built using masonry addon for Plone + a bit of javascripts to make them equal height:

function equalHeight(group) {
        var tallest = 0;
        group.each(function() {
                var thisHeight = $(this).height();
                if(thisHeight > tallest) {
                        tallest = thisHeight;
function initializengesalonnatura2012(){
        equalHeight($("#portletsAboveContent .portletWrapper"));
        $('#portletsBelowContent .portletWrapper .portlet-static-nos-partenaires').parent().width(675);
        $('#portletsBelowContent .portletWrapper .portlet-static-lierre').parent().width(675).css('border','none');

Using quickupload + galleria was just so easy for the customer to create the photos album !

The case of the exposants page is quite nice: It is a table written by the wysiwyg editor (208 lines) and displayed using jquery datatables. So the customer can add, remove and update this page that is just displayed nicely (except for translation). A bit of JS to append a class on row that depends on the value of the first column.

        $('.section-exposants #content-core table tr').each(function(index, value){
                var category = $(value).children('td:first').text().toLowerCase();
                if (category == "bien-être & vie saine"){
                        category = "bienetre";
                if (category == "cosmétique"){
                        category = "cosmetique";
        $('.section-exposants #content-core table').dataTable({"bPaginate": false});

PloneFormGen always let the customer impressed by the power to create form ! This is one of the so many secret weapon of Plone !


Plone let customer happy and that made me happy !

Mots-clés associés :
Derniers articles
Butinage n°66 Butinage n°66 22/05/2015 Dix-huitième exemplaire 2015 de la veille régulière réalisée par Makina Corpus sur l'actualité web. Simon Georges
Newsletter Makina Corpus - mai 2015 21/05/2015 Notre agenda à venir, bloquez les dates ! Anael Boulier
Comment contractualiser un projet en mode agile ?Comment contractualiser un projet en mode agile ? 21/05/2015 Le cas des marchés publics Cindy Jeanblanc et Catherine Tillous
Petit déjeuner "Améliorer son référencement avec Drupal" le 17 juin à ToulousePetit déjeuner "Améliorer son référencement avec Drupal" le 17 juin à Toulouse 21/05/2015 Avant de consulter un référenceur pour améliorer son positionnement, en maîtrisant la configuration de Drupal, vous pouvez déjà largement améliorer la perception de votre site par les moteurs de recherche. Anael Boulier