Présentation de l’interface de configuration d’ORCHARD : Partie 2

250px-Orchard_logo_1.svg

Dans la partie 1 j'ai introduit la description du menu Widget , et la notion des couches (layers), dans cette partie je vais présenter la gestion des widgets et  comment Orchard gère leur emplacement. Ensuite  je vais montrer comment créer des pages et du contenu dans Orchard , je conclu par une description de la partie navigation.

Gestion d’emplacement de widgets

Chaque couche Orchard contient 19 zones d’emplacement des widgets, qui sont des zones de la page web comme par exemple   header, footer Content…. , elles sont représentées dans le schéma suivant :

partie_user_img-6

Pour chaque couche, et pour chaque zone d’emplacement, on peut y ajouter ou supprimer ou modifier un widget.

On peut aussi pour la même zone ajouter plusieurs widgets. Dans ce cas, Orchard se charge de les organiser convenablement dans la page.

Par exemple on peut ajouter à la zone navigation un widget de type menu, et à la zone Header un widget de type titre du site  ou menu, dans le Footer un widget bas de page ou menu...

L'interface suivante permet de gérer la relation widget, couche, zone d’emplacement.

partie_user_img-7

 

Dans la couche Default, on voit que le main menu est mis dans la zone navigation , et le widget Contact est mis dans la zone Content.

On remarque aussi le bouton d’ajout et le lien de suppression et de non publication.

Pour notre application exemple, nous allons déplacer le widget Contact de la couche Default vers la couche ContactLayer, pour cela on clique sur Remove Contact Widget, puis il faut sélectionner la couche ContactLayer via la liste des couches , et cliquer sur le bouton add de  la zone content par exemple.

partie_user_img-8

Pages et Content

Cette section permet la création des pages qui seront associées aux couches, en effet chaque page orchard est liée à une ou plusieurs couches, et une couche peut contenir une ou plusieurs pages.

Voici ce à quoi ressemble le formulaire de création de page.

partie_user_img-9

partie_user_img-10

  • Dans la partie premalink, tapez le même nom que celui utilisé dans la définition du rôle de la couche à savoir Url(~\Contacts)
  • La partie layout sert à pré-remplir la page par des composants html, des medias, parts …
  • L’option Show on a menu permet d’ajouter une entrée dans un menu vers cette page.

partie_user_img-11

Il faut ensuite sauvegarder et publier la page pour que ça soit visible dans le site.

La section content permet la gestion des pages crées : (publication, modification, suppression, clonage...)

partie_user_img-12

Ce qui donne comme résultat pour notre widget Contact :

partie_user_img-13

 

Menu Navigation

Cette partie s’occupe de la gestion des menus du site, elle permet la création, la personnalisation des menus via l’interface suivante :

partie_user_img-14

Via la liste de menus on peut choisir le menu à modifier, le bouton édit permet de modifier le nom du menu.

On peut éditer ou supprimer un élément du menu via les deux liens Edit et Delete, et pour ajouter un nouvel élément au menu il faut choisir son type puis cliquer sur le bouton add.

Il existe plusieurs types d’élément de menus :

  • Élément de contenu : c’est le type par défaut, il permet d’insérer élément de menu qui pointe vers une page du site.
  • Lien Personnalisé : il permet d’insérer un élément de menu qui pointe vers une URL.
  • Html Menu : sert à créer un élément de menu sous format html, on peut mettre dedans des images, des tableaux …

C'est ainsi que se termine cet article, pour plus de détails voir la bible d'orchard:

 http://docs.orchardproject.net/Documentation

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.