Pages statiquesï
Danger
Depuis Geotrek-Rando V3, le composant Bootstrap nâest plus utilisĂ© pour gĂ©rer les diffĂ©rentes tailles dâĂ©cran. Cela signifie que la mise en page crĂ©Ă©e dans Geotrek-Admin nâest pas reproduite sur le site public. Cette documentation nâest valable que pour Geotrek-Rando V2 en attendant sa mise Ă jour expliquant le fonctionnement actuel. Voir le ticket : https://github.com/GeotrekCE/Geotrek-rando-v3/issues/466
Les pages statiques sont les pages dâinformation et de contextualisation de votre portail web Geotrek-rando. Comme pourraient lâĂȘtre les premiĂšres pages dâun topo-guide papier. Elles peuvent aussi ĂȘtre consultĂ©es dans votre application Geotrek-mobile.
Elles permettent de fournir Ă lâinternaute et futur randonneur des informations gĂ©nĂ©riques : prĂ©sentation de votre structure, votre projet de randonnĂ©e, recommandations, informations pratiques, etc.
Elles sont gérées depuis le module de configuration de Geotrek-admin et sont ensuite publiées sur Geotrek-rando à chaque synchronisation du contenu.
CrĂ©er une page statiqueï
Depuis le module de configuration de Geotrek-admin, sĂ©lectionnez âPages statiquesâ dans la rubrique âFlatpagesâ.
Vous accĂ©dez alors Ă la liste des pages statiques. Cliquer sur âAjouter Page statiqueâ en haut Ă droite de lâĂ©cran pour crĂ©er une premiĂšre page.
Construire une page statiqueï
SĂ©lectionnez la langue du contenu que vous souhaitez saisir : en / fr / itâŠ
Saisissez :
un titre (sans guillemets, parenthĂšses, etc.)
un ordre optionnel (pour dĂ©finir lâordre dâapparition dans le menu de votre Geotrek-rando)
cochez « publié » lorsque vous souhaiterez mettre en ligne votre page
dĂ©finissez la « source » (comprendre ici la destination dâaffichage et donc votre Geotrek-rando)
sélectionnez une cible (Geotrek-rando et/ou Geotrek-mobile ou cachée pour créer une page qui ne sera pas listée dans le menu).
Attention, à chaque fois que cela vous est demandé, veillez à sélectionner la langue de votre contenu.
Lâinterface permet de construire sa page en responsive design, câest-Ă -dire quâil est possible de disposer les blocs de contenu pour sâadapter aux diffĂ©rentes tailles dâĂ©crans des utilisateurs.
Choisissez le gabarit sur lequel vous souhaitez construire votre page : 12 / 6-6 / 4-4-4 / etc. Ce sont des formats prĂ©dĂ©finis dâassemblage de blocs basĂ©s sur 12 colonnes qui occupent 100% de la largeur de lâĂ©cran (Bootstrap).
Vous pouvez aussi utiliser ou vous inspirer des 2 gabarits dâexemple (Gabarit 1 et Gabarit 2).
Vous pouvez ajouter autant de gabarits que vous le souhaitez sur une seule page.
Une fois que vous avez ajustĂ© vos blocs de contenu pour un affichage sur ordinateur (Desktop), vous devez basculer sur lâaffichage sur mobile (Phone) pour lâadapter Ă de plus petits Ă©crans (en cliquant sur les + et - bleus de chaque bloc). PrivilĂ©giez alors des blocs sur une colonne faisant 100% de large.
Ajouter du contenu dans un blocï
En cliquant dans la zone de texte, une barre dâĂ©dition apparaĂźt. Sur un format classique comme dans les logiciels de traitement texte, plusieurs menus et outils sont alors disponibles :
File : (fichier)
Edit : retour, copier-coller,
Insert : Insérer une image, un lien, des caractÚres spéciaux
InsĂ©rer une image : cela ouvre une nouvelle fenĂȘtre avec diffĂ©rents champs Ă remplir :
Source : insĂ©rer lâURL de lâimage (idĂ©alement dans le rĂ©pertoire /custom/public/images/ de votre Geotrek-rando)
Image description : lĂ©gender lâimage pour optimiser son rĂ©fĂ©rencement
Dimensions : ajuster le format et cocher « Constrain proportions »
InsĂ©rer un lien : cela ouvre une nouvelle fenĂȘtre avec diffĂ©rents champs Ă remplir :
URLÂ : lien de destination
Title : texte à afficher pour le lien
Target : « New window » si vous souhaitez que le lien sâouvre dans un nouvel onglet
View : « Show blocks » permet de faire apparaßtre les différents paragraphes de votre texte. Elles sont utiles à la structure de votre texte.
Format : gras, italique, souligner, etc. Le sous-menu « Formats » permet de choisir un style prĂ©dĂ©fini pour les titres (Heading 1, Heading 2, etc.). Pour que le style sâapplique uniquement au titre et non pas Ă tout le texte, faire un retour Ă la ligne et vĂ©rifier sa prise en compte en activant « Shox blocks ».
Table : insertion de tableau
Tools : Afficher le code source de la page
Astucesï
Ne jamais utiliser la touche retour du clavier [ ? ] sans avoir le curseur sélectionné dans une zone de texte. Cela équivaut à revenir à la page précédente et vous perdrez tout votre contenu sans le sauvegarder.
Pour reproduire une page dans une langue diffĂ©rente : copier le Code Source et coller-le Code Source de votre nouvelle langue. Vous nâaurez plus quâĂ traduire votre texte ! Idem pour traduire un contenu dans une autre langue.
Si deux de vos pages ont le mĂȘme numĂ©ro dâordre dâapparition, une seule des deux sera affichĂ©e sur la plate-forme numĂ©rique.