Modifier ma page avec Visual Composer

Modifier ma page avec Visual Composer
Avant de commencer ce tuto, je vous invite à suivre le tuto concernant les blocs Visual Composer.
Nous vous avons créer un modèle de page que vous pourrez modifier à votre guise en ayant à l’esprit
que votre site devra tenir sur une page et une seule. Vous ne pouvez pas créer d’autres pages que celle
qui vous a été allouée.
Tout d’abord, rendez-vous sur votre espace administrateur.
Ouvrez votre page : Menu pages puis cliquer sur votre page
Le squelette installé se compose de 5 parties
•
•
•
•
•
Partie 1 : le bandeau d’en tête où apparaitra votre logo, votre identité
Partie 2 : le corps de la page avec le menu sous forme d’onglets vertical où toutes vos
informations seront renseignées (hors actualités et agenda)
Partie 3 : C’est la partie où apparaitra toutes vos actualités et tous vos évènements
Partie 4 : Partie réservée aux publications du diocèse
Partie 5 : Partie Javascript (invisible pour les utilisateurs) utilisée pour l’affichage des horaires de
Messes et qu’il ne faudra jamais supprimée !!
Vous n’aurez à modifier que les parties 1 et 2
Maintenant que vous êtes familiarisé avec les blocs de Visual Composer (autre vidéo), Nous allons
commencer à mettre à jour votre page.
Concentrons-nous d’abord sur la partie 1 :
Vous avez une rangée organisée en 2/3 – 1/3 avec le logo à droite et l’intitulé de votre communauté à
gauche. Si vous désirez placer votre logo à gauche, il suffit de changer la disposition de la rangée.
Vous pouvez voir que le modèle 1/3 – 2/3 n’est pas présent dans les choix. Vous devrez passer par
l’option « personnalisé » pour parvenir à vos fins tout en sachant que ce modèle n’est pas optimisé pour
le Responsive Design et que cela risque d’apparaitre bizarrement sur les smartphones.
Cliquez sur personnalisé et saisir 1/3 + 2/3. Changez les blocs de place par un cliquez-déposez de la souris
d’un bloc à l’autre dans l’espace grisé indiqué.
Le logo étant dans un bloc image, vous pouvez le changer aisément en prenant garde de bien le nommer
pour pouvoir le retrouver dans la bibliothèque médias et de bien le rattacher à votre communauté de
paroisses via les medias catégory
Vous pouvez définir la taille de votre logo ou le laisser au format thumbnail (150x150)
Modifier l’en-tête personnalisée pour indiquer le nom de votre communauté de paroisses.
Faite de même avec le bloc de texte pour indiquer le nom de votre zone pastorale
N’hésitez pas à cliquer sur le bouton ‘Prévisualiser les modifications’
Passons maintenant à la partie 2
Dans cette partie, tout est organisée sous forme d’onglets.
Vous avez la possibilité de modifier le titre des différents onglets :
•
•
•
Cliquez sur l’onglet à modifier
Cliquez sur le crayon dans la partie section (orange)
Modifier le titre de l’onglet
Vous avez la possibilité de rajouter un onglet :
•
•
•
•
Cliquez sur le signe + après le dernier onglet : Un nouvel onglet portant le titre ‘section’ apparait
Cliquez sur cet onglet
Cliquez sur le crayon dans la partie section (orange)
Modifier le titre de l’onglet
Vous avez la possibilité de supprimer un onglet
•
•
•
Cliquez sur l’onglet à supprimer
Cliquez sur la poubelle dans la partie section (orange)
Confirmer la suppression
ATTENTION
Les onglets ‘Accueil’, ‘Horaires de messes’, ‘Actualité de la Zone’ et ‘Contactez-nous’ ne devront jamais
être supprimés
Passons en revue les différents onglets présents
Onglet ‘Accueil’
2 blocs ‘Rangée’ pleine largeur (que vous pouvez modifier) sont présents dans cet onglet et contiennent
chacun un bloc Texte que vous pouvez modifier en cliquant sur le crayon du bloc texte (vert)
Onglet ‘Horaires de messes’
Ne modifiez rien dans cet onglet. Il contient un bloc HTML contenant le lien vers les infos des horaires de
messes d’EgliseInfos pour un affichage en mode liste
Onglet ‘les équipes’
Contient différents blocs texte qui reprennent les différentes équipes présentes dans une cummunauté
de paroisses.
A vous de les compléter, changer ou supprimer
Onglet ‘nos paroisses’
Autant de blocs texte qu’il y a de paroisses.
•
Titre en H2 (Titre 2)
•
Image alignée à gauche et en thumbnail (ajouter un média avec un nom compréhensible et relié
à votre CP)
Onglet ‘catéchèse’
Vous trouverez ici les différents sacrements des jeunes en autant de blocs textes
Onglet ‘Vie chrétienne’
Vous trouverez ici les autres sacrements
Onglet ‘Actualité de la zone’
Ne modifiez rien dans cet onglet. Il reprend toutes les actualités de votre zone pastorale
Onglet ‘Multimédia’
Dans cet onglet vous pourrez mettre toutes vos infos multimédia venant de vos différents supports :
•
•
•
•
Pour les images, utiliser Flick’r et copier le code d’intégration de l’album dans un bloc HTML brut
Pour les vidéos, utiliser You tube et copier le lien de la vidéo dans un bloc Player vidéo
Pour le son, utiliser SoundCloud et copier le lien dans un bloc texte entre les shortcodes
[soundcloud] et [/soundcloud]
Pour les PDF, utiliser Calaméo et copier le code d’intégration dans un bloc HTML brut
Onglet ‘Contactez-nous’
Ne modifiez rien dans cet onglet. Il s’agit du formulaire en ligne pour vous contacter
Descriptif de la partie 3
La partie 3 contient une rangée en 2/3 – 1/3
Ne modifiez rien dans cette partie.
Dans sa partie Gauche, sont visible les 4 dernières actualités de la communauté de paroisses
Dans sa partie Droite, sont affiché les 5 prochains évènements de la communauté de paroisses
Ne modifiez aucune des valeurs de la partie droite de l’écran
Mettre à jour vos changements
Vérifier que toutes vos modifications ont bien été prises en compte.
Votre page est modifiée !