Disabilitare le zone di Orchard per la gestione dei Widgets

Nei vari Content management system presenti sul mercato, c’è sempre in qualche modo la possibilità di specificare nel layout del sito in costruzione alcune zone che possono essere utilizzate per inserire dinamicamente dei widgets dal pannello di amministrazione del CMS stesso.

In  WordPress, per esempio, le zone nelle quali si possono inserire i widgets all’interno della struttura di un tema si chiamano sidebar e sono registrabili in un file chiamato functions.php tramite la seguente funzione:

   <?php $args = array(
      'name'          => __( 'Sidebar name', 'theme_text_domain' ),
      'id'            => 'unique-sidebar-id',
      'description'   => '',
      'class'         => '',
      'before_widget' => '<li id="%1$s" class="widget %2$s">',
      'after_widget'  => '</li>',
      'before_title'  => '<h2 class="widgettitle">',
      'after_title'   => '</h2>' ); 
   ?>

Quando ho sviluppato Mango Theme, il mio primo tema per Orchard, ho deciso di non utilizzare tutte e 20 le zone rese disponibili dal tema installato di default (TheThemeMachine) e devo essere sincero ho storto un pò il naso sul fatto che credevo di non avere alcun modo, a parte la Theme Zone Preview, per poter notificare all’utente che alcune zone non erano viualizzabili con il mio tema.

Mi sono chiesto, forse per troppo tempo: “possibile che con una gestione così arguta dei layer non abbiano previsto un modo per risolvere la questione senza implementare qualche sporco workaround?”

Così, ultimamete, ripresentatomi nuovamente il problema, ho chiesto direttamente sul forum di Orchard. Bè la soluzione non solo è Semplice ma soprattutto è molto Elegante.

Infatti direttamente all’interno del file Manifest presente nella cartella del tema (con il nome di Theme.txt) è possibile tra le altre cose specificare quali sono le zone abilitate, ecco un esempio (che nello specifico riporta le 20 zone del tema TheMetroTheme del quale è disponibe anche il codice sorgente):

Name: The Metro Theme
Version: 0.5.0
Author: Marco Siniscalco
Tags: responsive, modern, modern iu, metro, metrostyle
Description: The Metro Theme is a clean and flexible multi-zone theme. It features 20 collapsible widget zones and is flexible enough to cover a wide range of layouts.
Website: http://orchardmetrotheme.codeplex.com/
Zones: Header, Navigation, Featured, BeforeMain, AsideFirst, Messages, BeforeContent, Content, AfterContent, AsideSecond, AfterMain, TripelFirst, TripelSecond, TripelThird, FooterQuadFirst, FooterQuadSecond, FooterQuadThird, FooterQuadFourth, Footer

vi mostro cosa, con la configurazione sovrastante, ritroviamo nell’area di amministrazione dei widgets

Orchard Active-Widgets-Zones

ma se avessimo scritto

Name: The Metro Theme
Version: 0.5.0
Author: Marco Siniscalco
Tags: responsive, modern, modern iu, metro, metrostyle
Description: The Metro Theme is a clean and flexible multi-zone theme. It features 20 collapsible widget zones and is flexible enough to cover a wide range of layouts.
Website: http://orchardmetrotheme.codeplex.com/
Zones: Header, Navigation, Content, Footer

avremmo avuto

Customize Orchard Active Widgets Zones

Ma attenzione!
Non è possibile solo disabilitare le zone che non gestiamo ma volendo anche aggiungerne di nuove!

Vi rimando quindi alla pagina della documentazione ufficiale di Orchad con la lista di tutte le voci utilizzabili all’interno dei file manifest di moduli e temi.

Annunci

Metro Theme for Orchard CMS – Novità

Solo due giorni fa scrivevo due righe per notificare ai passanti che da qualche giorno, nel tempo libero, sto viluppando un tema per Orchard e che per ovvie motivazioni ho battezzato con il nome di  Metro Theme for Orchard

Ma tutto mi aspettavo tranne di arrivare in questi ultimi 2 giorni a rifattorizzare tutti i CSS con l’intento di migliorare la resa grafica e la navigabilità su diverse tipologie di dispositivi (tablet, smartphone, desktop, ecc…).

Che non si urli al miracolo, sia chiaro! 😀
..un lungo lavoro mi attende, dopo tutto il progetto ha solo una settimana di vita!

Comunque per il momento chi vuole può recarsi sul sito del progetto e scaricare i sorgenti per vedere il tema all’opera, sempre considerando che si tratta di una versione mooolto Alpha!

Ed ecco le nuove screenshoot del sito d’esempio che sto preparando e che appena terminato sarà scaricabile, come già fatto per il tema Mango Theme.

Metro Theme for Orchard - Light Blue

Metro Theme for Orchard - Dark Green

Metro Theme for Orchard CMS

Un bel po’ di tempo fa ho sviluppato un tema dallo stile “vagamente” Windows Phone per Orchard CMS che potete trovare in rete con tanto di codice sorgente utilizzando la keywords Mango Theme (o più semplicemente cliccando sui link che vi ho lasciato).

Bene! Bravo Marco anche tu hai dato il tuo piccolo contributo al mondo dell’open source!

Questo era quello che pensavo fino a un po’ di tempo fa.. ma visto che non so mai tenere la bocca chiusa mi sono lasciato scappare in una discussione su un forum la notizia che di tanto in tando mi solleticava l’idea di sviluppare un tema in stile Metro Style (e si al tempo si chiamava ancora così) magari con qualche possibilità di personalizzazione in quanto ai colori, ecc..

Signori e signori parafrasando un’antica sentenza medievale oggi affermo che “ogni promessa è debito” ed io sono un uomo di parola… così questa notte invece di dormire sono qui ad uploadare su codeplex.com i sorgenti della versione 0.5 ancora in Alpha del tema “promesso” anche se la strada per una prima versione finale è ancora lontanuccia…

Per i più curiosi vi lascio alcune screenshot

Ecco il tema nella versione Light + Accent Color Blue

Metro Theme Orchard Blue - Home

mentre qui invece lo vediamo nella versione Dark + Accent Color Green con una panoramica sui principali stili tipografici attualmente disponibili

Metro Theme Orchard Dark Green

Inoltre visto che relativamente a Mango Theme mi è stato chiesto più volte di avere la possibilità di personalizzare alcune caratteristiche del tema direttamente dal pannello amministrativo di Orchard l’attuale view per la personalizzazione del tema

Metro Theme Settings

Bene, speriamo quindi di avere presto una prima versione finale!!! (ricordo che è gradito qualsiasi tipo di input, critica e/o consiglio (magari direttamente nel forum sul sito del progetto).

Bye! 😉