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 :
Voir aussi
Le World Plone Day à Bruxelles, Nantes, Pau et Toulouse 10/11/2008

Le World Plone Day est un événement mondial qui se déroule dans plus de 59 villes sur 31 pays de ...

Retour sur le Sprint Plone du 21 et 22 septembre 07/10/2013

On a trouvé un moyen pour que 36 rue Babinet devienne la destination de rêve pour vos week-ends : ...

Turning hackability into a use case 27/01/2015

When a CMS does not allow happy hacking anymore, it loses a very valid use case.

SaltStack: using the buildout modulesSaltStack: using the buildout modules 20/01/2014

This is a thorough presentation on how to use the buildout modules in saltstack's core.

Toulibre et Makina Corpus présentent Plomino le 16 mars 2011 09/03/2011