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: http://www.salon-natura.com. 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)
  • plone.app.theming

 

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;
                }
        });
        group.height(tallest);
}
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";
                }
                $(value).addClass(category);
        })
        $('.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 !

Conclusion

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 ...

Makina Corpus présente à Solutions Linux 09/03/2009

Makina Corpus vous attend au prochain salon Solutions Linux qui aura lieu à Paris (Porte de ...

Makina Corpus présent à l'European Plone Symposium 2009 13/05/2009

Makina Corpus sera présent lors de l' European Plone Symposium 2009 qui aura lieu du 11 au 17 mai ...

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.