*
Top_new


Menu
login

Version optimisée pour imprimer
 

 WS Container System - Utilisation

Avec le nouveau système de containers, vous avez la possibilité de déterminer vous-même le nombre et la taille de containers de votre site Web. Vous pouvez créer la structure des containers avec la fonction Drag & Drop (glisser-déposer). Le système de containers est basé sur la technologie Bootstrap3, il offre la possibilité d'un maximum de 12 containers par lignes.


http://www.worldsoft.info/i/15880/container.png WS Container System – Instructions pour l’installation


Pour utiliser le nouveau WS Container System, les étapes suivantes sont nécessaires.

Installation

Vous devez d'abord installer le système de containers (container WS) dans l'administration des modules. 

1. Allez dans l'administration des modules du CMS

2. Rechercher dans la liste des modules qui ne sont pas installés (tout en bas).


3. Cliquez sur "Installation".



 

WS-container-02

4. Sur la page suivante, confirmer l'installation avec un autre clic sur "Installer"





 

WS-Container-03

5. L'installation sera confirmée.





 


Présentation du système

Le système de container existant du Worldsoft-CMS est remplacé par un système plus souple et librement modifiable. Le nouveau système est 100% responsive (de sorte que toutes les conditions soient données pour une optimisation vers les appareils mobiles) et est basé sur la technologie Le système de containers est basé sur la grille de Twitter « Bootstrap 3 ».
Le système vous permet de de définir librement :

- d’un maximum de 12 containers par ligne
- la largeur des Containers, ainsi que
- la disposition des containers

Ainsi, vous êtes parfaitement flexibles dans la conception et la personnalisation de vos projets de sites web.


 

WS-Container-04

Disposition du système de container jusqu’à présent (15.10.2014)









 


Nouveau système de containers :

WS-Container-05
 


Adaptation des systèmes de containers

Vous avez, dans ce nouveau système, une grande liberté en ce qui concerne la structure et l'agencement des containers de votre site et ainsi que la possibilité de créer vos propres designs personnalisés et de les remplir avec un contenu pertinent.

WS-Container-06

1. Pour régler le nouveau système de containers afin qu’il réponde à vos besoins, rendez-vous dans l’onglet « Design » dans l’administration de votre Worldsoft-CMS.










 

WS-Container-07

2. Dans la colonne " Action ", en cliquant sur le bouton  (voir la capture d’écran ci-contre) vous accédez directement dans le container.
 




 


 


Structure du nouveau système de container

Ici vous pouvez voir la nouvelle structure du container de la conception de votre site web.
Vous pouvez ajouter de nouveaux containers, renommer, réarranger, redimensionner la taille et les supprimer.

Pour modifier la structure et la disposition du système de container les options suivantes sont disponibles :

WS-Container-081) Insérer un Container
Par glisser-déposer, vous pouvez ajouter une nouvelle structure au container.
Il suffit de cliquer sur le bouton gauche de la souris sur le bouton «container» maintenez et faites glisser la nouvelle cartouche dans la plage souhaitée.

2 - 6) Série de Container
Ici vous pouvez voir tous les containers respectifs déclarés dans votre site internet. Vous pouvez renommer chacun individuellement. 

7) Container
C'est le container réel qui permet d'afficher les blocs et le contenu sur votre site Internet.
Vous pouvez personnaliser et organiser les containers individuellement. Déplacez la souris dans le secteur des containers pour les renommer à l'échelle, les déplacer, ou pour les organiser. 

8) Sauvegarde.
Ici vous sauvegardez toutes les opérations effectuées.

 


Série de containers – Paramètres principaux

a) Modifier un champWS-Container-09
En cliquant sur le bouton (crayon à la gauche de la ligne souhaitée - apparaît lorsque la souris passe sur container), vous accédez aux paramètres de la ligne qui sont divisés en réglages de base et avancés :
Dans les principaux paramètres les options suivantes sont disponibles :

b) Renommer la ligne 
Ici vous avez la possibilité de renommer la ligne sélectionnée.

c) Catégories CSS
Ici vous pouvez assigner et personnaliser une classe CSS. Cette zone est intéressante pour les utilisateurs expérimentés, en raison des changements en option.









 


WS-Container-10Série de Container - Paramètres avancés

a) Container Parent 
Ici, vous pouvez créer un container dans le conteneur " Parent " existant. 
Il s'agit, par exemple, de la mise en place séparée d’un fond d'écran etc.

b) Nom du Container
Ici, vous pouvez donner un nom à ce container.

c) Catégories CSS
Attribuez ici spécifiquement vos propres catégories CSS, ou des valeurs différentes attribuées pour ce container. Cette zone est intéressante pour les utilisateurs expérimentés, en raison  des changements en option.












 



Paramétrage du Container

Vous pouvez librement modifier et renommer le container.
Les options suivantes sont disponibles:

 

Déplacer le Container 

WS-Container-11Déplacez le container sélectionné en le faisant glisser et en le déposant à la position désirée dans son système de container.

Vous pouvez le déplacer horizontalement et verticalement et le positionner comme vous le souhaitez.


 




 

Redimensionner le Container

WS-Container-12
Vous pouvez redimensionner la largeur de son container.

Vous pouvez insérer un maximum de 8 containers et les organiser dans une ligne. Maintenez le bouton gauche de la souris et ajuster le container individuellement à la taille désirée.


 




 



Renommer un container
 
WS-Container-13 1) Cliquer sur ce bouton ouvre la fenêtre «Editer le champ ». Ici, vous pouvez modifier le container sélectionné.

2) Attribuez un nom personnalisé au container. Il est inclus dans les paramètres de votre CSS (plus facile de trouver un container).

3) Attribuer spécifiquement affecté à vos propres classes CSS sur le container afin de répondre à ces séparément peuvent, ou différentes valeurs. Cette zone est intéressante pour les utilisateurs expérimentés, des changements en option.



 




 

Effacer un container

WS-Container-14Vous pouvez supprimer le container sélectionné de votre structure.
Une demande de confirmation à laquelle l'opération doit être confirmée (en cliquant sur « OK »).








 






 

Sauvegardez votre travail

WS-Container-16Une fois que vous avez effectué les changements souhaités dans les lignes et les containers, enregistrer vos modifications en cliquant sur le bouton «  Sauvegarder ».

Comme toutes les modifications ont été sauvegardées,
vous revenez à la « Gestion des blocs » de votre Worldsoft-CMS.





 



Résultats de la gestion des blocs
 

WS-Container-17

Par la gestion des blocs, vous avez maintenant la possibilité d’éditer la nouvelle structure du container

La limitation de blocs a été levée, ce qui permet d’intégrer n’importe quel nombre de blocs dans le nouveau système.










 

Beaucoup de succès avec notre nouveau Système de Containers
du Worldsoft-Cms !


date création document : 19 /10/2014

haut de page

Design2012-Copyright

Home | Commander | Prix | Webdesign | Consultation gratuite | Test CMS gratuit | Modules/Prix | News | L'entreprise | CG | Mentions légales | Plan du site | Distinctions | Technique | Sécurité des données | Actionnaires | Assistance | Express StartSSL

© Copyright by Worldsoft SA, Pfäffikon SZ, 2012, All rights strictly reserved - worldwide! Aucun contenu, même partiel ne peut être utilisé sans autorisation écrite de Worldsoft SA. Tous droits réservés. Worldsoft est une marque internationale déposée.
Pseudo :
User-Login
Votre E-mail