Accueil Tutoriels webmasters Créer une page en utilisant les blocs préformatés
Créer une page en utilisant les blocs préformatés
Niveau :
tout public
- Catégorie : Gestion de contenu - Publié par benoitgense le 28/11/2008
E-monsite propose un outil de composition de page très simple à utiliser, mais qui n'est à mon sens pas suffisamment utilisé par les membres. Il s'agit des Blocs Préformatés ; en effet la seule utilisation de l'éditeur visuel peut se révéler fastidieuse, surtout pour les webmasters débutant.
Nous allons donc voir en détail comment construire une page en utilisant ces blocs.
1Principe de fonctionnement
Le principe est simple, pour composer une page, il suffit de superposer verticalement des éléments préfabriqués qu'il suffit de remplir avec du texte et une photo.
Les blocs créés occupent la largeur du contenu de la page et s'imbriquent verticalement.
Lorsque ces blocs sont créés vous avez la possibilité de les agencer comme vous le souhaitez les uns au dessus/dessous des autres. Voici le détail des blocs proposés :
- Paragraphe de texte et photo/image à gauche
- Paragraphe de texte et photo/image à droite
- Triptyque de photos/images
- Paragraphe de texte seul
- Photo/image seule
- Photos/images de part et d'autre du paragraphe de texte
2Créer une nouvelle page de Blocs préformatés
Dans le menu Pages > Nouvelle page, choisissez l'encart "Blocs préformatés" ; comme pour une page classique, indiquez le titre de la page ainsi que la catégorie dans laquelle elle sera affichée.
Cliquez sur le bouton Suite >> pour commencer à ajouter un premier bloc.
3Ajouter un premier bloc
Pour le premier bloc de notre page choisissez le type "paragraphe et photo à droite".
- Remplissez le premier champ titre facultatif, notez au passage qu'il s'agit en réalité d'un sous-titre de la page.
- Poursuivez ensuite en écrivant ou en collant le paragraphe de texte, utilisez si besoin les outils de mise en page à votre disposition.
- Ajoutez ensuite l'image à placer sur la droite du paragraphe, il est possible de choisir parmi deux tailles différentes (petite, moyenne) ; il sera possible pour l'internaute de cliquer sur l'image pour l'agrandir.
Validez enfin la création du bloc en cliquant sur le bouton Enregistrer, il sera bien évidemment possible de modifier le bloc par la suite.
4Ajouter un second bloc
Votre premier bloc s'est ajouté dans la liste des blocs composant la page. Sous cette même liste vous pouvez ajouter un autre bloc ; ce que nous allons faire.
Comme à l'étape précédente, choisissez votre type de bloc ; dans notre exemple, nous choisirons un bloc paragraphe de texte encadré par deux images.
- Indiquez le Titre du bloc si nécessaire,
- Saisissez le texte du paragraphe,
- Ajoutez vos images
Au moment de choisir vos images, vous remarquerez qu'il n'est pas possible d'en choisir la taille ; cela est normal car compte tenu de l'espace généralement dédié à une rubrique, nous ne pouvions vous permettre de placer des images trop grandes, cela provoquerait des décalages.
Ce seront donc des miniatures qui viendront illustrer ce paragraphe.
Validez la création de ce bloc par le bouton Enregistrer.
5Agencer et modifier les blocs
Bien sûr tout n'est pas figé dans une page préformatée ; il vous est possible de déplacer verticalement les blocs, mais aussi d'en éditer le contenu.
Dans la liste des blocs, repérez le lien placé dans chacun des blocs : modifier le bloc, cliquez sur ce lien pour faire apparaitre une fenêtre contenant le texte du paragraphe et le titre à modifier ; validez les modifications par le bouton Enregistrer.
Repérez également le lien modifier l'image, permettant d'accéder à la fenêtre de gestion des images de rubriques ; choisissez si besoin une nouvelle image en cliquant sur le lien Insérer.
Pour agencer verticalement les blocs entre eux, il suffit de survoler avec votre souris le contenu de l'un des blocs dans la liste, le curseur de souris se transforme en flèche multi-directionnelle vous permettant de faire un glisser-déposer ; cela vous permet de déplacer le bloc choisi dans l'ordre d'affichage voulu.
Validez ce changement de position par le bouton Enregistrer l'ordre.
Commentaires
Posté par spherebleue - le 02/12/2008
Merci pour ce tutoriel
Cliqueur paresseux, je n'avais jamais remarqué le sous-menu Nouvelle rubrique > Blocs préformatés ... J'ai fait un essai pour voir, avec 4 blocs, ça marche au poil. Pour l'option grande photo centrale, ce serait bien de pouvoir mettre du texte en-dessous de l'image, par ex.légende ou commentaire.
Posté par bobbylisa - le 03/12/2008
c`est bien comme idée je vais essayer en soirée,si je ne suis pas trop crevé suite à ma journée de travail,merci à vous e-monsite vous faite bien votre travail!Lisa
Posté par htte - le 05/12/2008
bonjour a tous
ces blocs pre concus me paraissent interessants je vais essayé, mais pas tout de suite,l informatique n etant pas mon fort, il me faut peut etre un peu plus de temps pour assimiler et bien comprendre, je pense que je vais y arriver, votre site me parait tres bien conçu, explicite, je sens une réèlle proximité, avec un desir d'amélioration revoulevé, je souhaite m eclater et surtout beaucoup apprendre dans un domaine que je ne connais pas du tout, ce nouveau monde de la communication et qui sait plus tard si je suis satisfaite passer mon site pro
si quelqu se sent de m aider, histoire que je galère pas trop au debut
josefa
Posté par teamvo2 - le 07/12/2008
Bonjour, je viens de me servir d'un Boc préformaté mais je n'arrive pas à charger des photos. Il semble que l'onglet "PARCOURIR ait disparu dans "ajout de photos"
Posté par investigation-groupement-protection-securite - le 12/12/2008
Eh bien moi ça ne marche pas !
Posté par annabelleslookbook - le 12/12/2008
Bonjour,
j'ai utilisé cette fonctionnalité en effet très pratique. Mais j'ai quelques remarques (qui peut-être pourront servir).
Corrigez moi si je me trompe. Avec les blocs préformatés je n'arrive pas à/ il n'est pas possible de:
- modifier l'agencement d'un bloc (i.E. passer de image à gauche à image à droite) il faut supprimer le bloc et le re créer avec un nouvel agencement
- les modifications apportées au texte ne peuvent se faire avec l'éditeur visuel. Quand on clique sur "modifier le bloc" celui-ci apparaît en html. Il faut donc maîtriser le langage html pour ne pas être containt d'effacer et recréer.
Est-ce que ce sont des impossibilités, ou est-ce que je n'ai pas regardé au bon endroit?
à bientôt!
Annabelle
Posté par annabelleslookbook - le 13/12/2008
je retire mes remarques, apparement c'est l'ordinateur depuis lequel je travaillait qui était beaucoup trop vieux!
Posté par m2svb - le 13/12/2008
est il possible dans un bloc -partie texte d'ajouter un lien vers un fichier?
Posté par bricomarin1 - le 17/12/2008
Bonjour à tous
Nouveau sur E-monsite, je découvre beaucoup de choses intéressantes pour créer mon site, j'en suis aux balbutiements mais j'espère aller rapidement de l'avant je compte un peu sur vous pour les idées et les coups de main.
Je restaure une vieille vedette (bateau) en bois et souhaite faire connaître à tout le monde les joies (et les peines) d'un bricoleur un peu fou.
Qui peut m'expliquer ce que signifient les lettres encadrées au dessus de la zone du message que je vous envoie ?
Merci pour la réponse
Bm1
Posté par piboulo84 - le 11/01/2009
Bonsoir
Ces blocs m'intéressent, mais faut-il encore que ça fonctionne !!!
J''ai réussi à faire un seul bloc, mais pour les autres qui doivent suivre, c'est impossible !!! il semble y avoir une anomalie ... car au moment ou je fais ajouter la photo, une fenêtre s'ouvre et me demande si je veux quitter la page !!! alors que je ne veux pas du tout quitter !!! Si je veux alors enregistrer, on me demande de mettre la photo manquante, ainsi de suite et ça n'abouti pas !!! je tourne en rond... Que faut-il faire pour que ça fonctionne ?
Merci
Cordialement
Posté par piboulo84 - le 12/01/2009
2 eme essai : Je suis arrivé à faire encore 2 blocs, mais à un moment donné ça bloque à nouveau !!! ça marche quand ça veut ! Je pense qu'il y a tout de même une anomalie quelques part...
Posté par nicoland - le 13/01/2009
Bonsoir,
J'ai essayé de faire une rubrique pour mettre des notes sur mon travail mais je ne peux pas faire apparaître les photos qui sont dans mon album photos afin qu'apparaisse la possibilité de mettre une note à la suite des photos.
je ne sais pas si je suis très clair(!!!).
J'ai vu ce système chez certains de mes amis mais je ne sais pas comment faire et je suis vraiment novice en la matière.
Je vous remercie d'avance si vous pouvez m'aider.
@ bientôt, Nicole.
Posté par tazyman - le 14/01/2009
marci l'ami cela m'a aider bcp; merci
Posté par gite-rural-saint-valery-baie-de-somme - le 16/01/2009
Bonsoir,
En utilisant les blocs préformatés, je n'arrive pas à insérer les photos.
Il me demande si je veux quitter la page !!!
Je tourne en rond depuis près d'une heure.Ayant une dizaine de photos dans l'album, il ne se passe rien
Quelqu'un pourrait-il m'expliquer ?
Merci d'avance

Posté par lecnpedegolfech - le 17/01/2009
Pour ton problème, poste sur le forum. Merci
Posté par francesca47 - le 26/01/2009
Bonjour,
Je serais désireuse dans les mois à venir de créer un nouveau site de vente mais il y a une question que je me pose : comment obtenir une image zoomée à partir des images catalogue installées sur mon site afin que lies clientes voient en détail l'objet à vendre.
Merci de votre réponse
Francesca
Posté par dolccevita - le 26/01/2009
merci,je vais essayer
Posté par mikocharly - le 29/01/2009
bonjour je voudrais que mes blocs de chaque coté de ma page soit des liens videos cela est il possible
et puis je mettre une image a chaque blocs video
qui s ouvriront bien sur sur ma page
en fait qu il n y est plus de blocs photos,forum,album,agenda
pour l'instant c pas grave
je ne veux que des liens video
merci de m'aider miko
Posté par playforsmile - le 03/02/2009
Bonjour et moi ma question serait sensiblement la même!
En lieu et place des photos je souhaiterai mettre des vidéos, avec un corps de texte identique (Vidéo à gauche, texte à droite puis si nécessaire en dessous de la vidéo si le texte est assez long).
Bref, créer un bloc préformaté, que je pourrai également mettre en page d'accueil!
Merci d'avance!
Posté par poucelina - le 13/02/2009
bonjour,
pour rentrer tes photos sur le bloc, mets tes photos dans l'album "images" et non album photos. j'ai créé mes blocs ainsi et ça fonctionne très bien.
essaies et dis-moi si ça a fonctionné pour toi aussi.
tu vas sur l'onglet "site" puis "stockage & fichier" puis tu cliques sur "ajouter un image" puis "parcourir" ensuite tu vas chercher ta photo à l'endroit où tu l'as classé et double-clic sur ta photo et enregistrer.
bonne chance!
Posté par mesloulous2009 - le 15/02/2009
merci pour vos conseils. J'essaierai en espérant que mes textes ne soient pas perdus! amitiés à tous
Posté par inescastilla - le 24/02/2009
bonjour,
je voudrais revenir sur mes blocs formatés pour les modifier et je ne sais pas ou aller.
Merci d'avance
Posté par inescastilla - le 26/02/2009
Bonjour,
je voudrais aussi savoir s'il est possible de changer mon login sans avoir à tout effacer et tout recommencer.
Merci d'avance
Posté par lesateliersducroasmen - le 02/03/2009
Bonjour,
J'ai créé une nouvelle catégorie "qui suis-je" et je n'arrive pas à la retrouver.
Où est-elle cachée ?
Merci d'avance
Posté par carolinebichon - le 04/03/2009
Bonjour,
je débute totalement dans la création de site et, je ne sais pas comment intégrer des fichiers dans mes rubriques.... AU SECOURS!!!!
Posté par dansecountrywestern - le 05/03/2009
Bonjour, je souhaite utiliser les blocs, mais pas moyen d'insérer une vidéo, comme dans une rubrique
Comme c'est l'essentiel de mon site j'aimerais avoir un tuyau !
HELP
Posté par merdaci - le 22/03/2009
je veu faire un rubrique qui affihe directement vers un contenue d'autre site c à d qui cennect directement à un autre site com un lien mai je n'arrive pazs à le faire pouvez vous m'aidez
Posté par mathcol - le 28/03/2009
Bonjour,
je débute totalement dans la création de site et, je ne sais pas comment intégrer des fichiers dans mes rubriques.... AU SECOURS!!!!
Posté par ff12-perfect - le 24/05/2009
Bonjour !
Je voudrais savoir si il est possible d'espacer plus les blocs ? Merci
Posté par lescistes - le 04/06/2009
Bonjour,
Comment faire apparaître l'éditeur visuel au lieu de l'éditeur html pour modifier le texte d'un bloc ?
Merci.
Posté par troccollection - le 17/06/2009
Bjr,
je ne sais pas si ce problème n'arrive que chez moi:
quand je crée une page, je veux supprimer tous les blocs dont je ne veux plus SAUF les blocs de 3 photos :-/
Comment faire ?
Posté par troccollection - le 17/06/2009
Enfin ... je PEUX supprimer tout sauf les blocs de 3 !
Posté par l-idiot-provincial - le 28/10/2009
C'est parfait mais on ne peut pas laisser de tags. Je ne vois pas l'avantage de crééer des blocs qui ne seront pas lus sans tags. C'est dommage, car c'est pas mal pensé. Que pensez-vous faire pour crééer ces tags qui ne sont présents uniquement dans "blog" ?
Ajouter un commentaire :
Veuillez vous connecter afin de poster un commentaire sur ce tutoriel.





