Modifier haut et bas de page - Version imprimable

Modifier haut et bas de page - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Modifier haut et bas de page (/thread-4341.html)

Modifier haut et bas de page - FikoU - 11/06/2020

Bonjour,
Je gère un site cmsms. Ce n'est pas moi qui l'ai créé.
Je n'arrive pas, je ne trouve pas, comment modifier le haute de page avec les menus ainsi que le bas de page avec plein d'info que je dois mettre à jour.
Je me connecte avec le compte qui à servi à l'élaboration du site, donc plein pouvoirs.
Merci d'avance
FikoU

RE: Modifier haut et bas de page - pierrepercee - 11/06/2020

"gérer" , à mon humble avis c'est un abus de langage. La prise en main d'un CMS, c'est a minima quelques dizaines d'heures à lire la doc, tester, se tromper etc...
au moins une piste...
Quand vous éditez le contenu vous avez dans une colonne le nom du gabarit utilisé pour chacune des pages.
Ensuite vous allez dans Disposition -> Gestion du design
Puis vous recherchez le gabarit utilisé (attention aux filtres).

RE: Modifier haut et bas de page - FikoU - 12/06/2020

Bonjour et merci pour votre réponse
Le gabarit est bandb_sub.
Si je vais dans gestion du design je ne trouve pas comment supprimé un menu et modifier une info en bas de page.
Cordialement
FikoU

RE: Modifier haut et bas de page - Ouik - 12/06/2020

@FikoU : ça serait pas mal de ne pas venir ici en libre service pour de l'aide sans répondre aux précédentes sollicitations.

Si vous n'avez pas les compétences suffisantes pour "gérer" le CMS et ne comprenez pas comment faire, il est parfois plus raisonnable de faire appel à un professionnel.

RE: Modifier haut et bas de page - FikoU - 18/06/2020

Bonjour Ouik
Un forum est à mon avis, fait pour aider les débutants ???
Quand je dis "gérer" cela veut dire mettre à jour les info du site.
Ce n'est pas moi qui ai fait ce site, si c'est moi qui avait du le faire je n'aurai pas utilisé Cmsms, je m'occupe de ce site bénévolement pour mon association, la personne qui l'a créé n'est plus disponible.
A terme je referai complètement ce site mais en attendant j'ai besoin de le modifier.
FikoU

RE: Modifier haut et bas de page - Ouik - 18/06/2020

J'ai bien compris et nous sommes évidemment là pour donner de l'aide.
Simplement vous ne nous donnez pas les informations suffisantes pour qu'on puisse le faire dans de bonnes conditions.

RE: Modifier haut et bas de page - FikoU - 18/06/2020

Ok, merci pour votre réponse,
Je reprend, quand je vais dans gestion du design sous Bandb_sub (35) je ne retrouve à aucun endroit (j'ai tout ouvert Gabarit, Description, Designs, Avancé et Permissions) des référence à mon site du genre nom d'un menu, d'une info bas de page(celle que je dois supprimer), aucun bout de code y faisant référence.
J'ai ouvert tout les gabarit, j'ai parcouru toutes les options du Cmsms sans exception.
Je me pose la question ai-je les permissions. Je me connecte avec le compte de la personne qui à créé le site j'ai accès à toutes les autres contenus de pages ??
Merci d'avance
FikoU

RE: Modifier haut et bas de page - Ouik - 18/06/2020

OK, alors quel est le gabarit affiché en regard des pages dans "Contenus" ?
C'est celui-ci qu'il faut trouver dans design > gabarits

RE: Modifier haut et bas de page - FikoU - 18/06/2020

C'est Bandb_sub
Merci

RE: Modifier haut et bas de page - Ouik - 18/06/2020

Donc, pouvez-vous copier-coller ce gabarit ici ? (dans des balises code)

RE: Modifier haut et bas de page - FikoU - 18/06/2020

J'ai fais une capture d'écran des Contenus

Le code bandb_sub :

Code :
{extends file='cms_template:bandb_master'}

{block name='top' append}

{$column1="{content block='column1' label='Column 1 Content'}"}

{$column2="{content block='column2' label='Column 2 Content'}"}

{/block}

{block name='content-2'}

<div id="content-columns" class="row">

  <div class="column medium-6">

    {$column1}

  </div>

  <div class="column medium-6">

    {$column2}

  </div>

</div>

{/block}

RE: Modifier haut et bas de page - Ouik - 18/06/2020

OK, donc pouvez-vous copier/coller le gabarit bandb_master ? Il est le template "parent" dont hérite bandb_sub.

RE: Modifier haut et bas de page - FikoU - 18/06/2020

Code :
Voila merci

{strip}

  {block name='top'}

    {* Define the main content block, and header image. Three versions of the header image are requested, which allows for smaller versions to be served for mobile devices *}

    {$content="{content wysiwyg=false}" scope=global}

    {$header_large="{content_image block='header_large' tab='Images' label='Header Image (desktop: at least 1200px wide)' urlonly=1}" scope=global}

    {$header_medium="{content_image block='header_medium' tab='Images' label='Header Image (tablet: 1024px wide)' urlonly=1}" scope=global}

    {$header_small="{content_image block='header_small' tab='Images' label='Header Image (mobile: 640px wide)' urlonly=1}" scope=global}

  {/block}

  {process_pagedata}

{/strip}<!doctype html>

<html class="no-js" lang="{cms_get_language|truncate:2:"":true}">

<head>

  <title>{title} - {sitename}</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  {metadata}

  {if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />

  {/if}

  {* Feel free to replace the Google fonts, just remember to update the stylesheet as well *}

  <link href="https://fonts.googleapis.com/css?family=Raleway|Sacramento" rel="stylesheet">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />

  {cms_stylesheet}

  <script src="https://use.fontawesome.com/914ad24785.js"></script>

</head>

<body>

{* Edit the header to contain your own logo and tagline. By default the logo will be the site name as defined in Global Settings *}

<header id="header" class="text-center, clearfix" style="margin:1rem;">

<div style="text-align:center;">

<!-- a href="{root_url}" title="home"><img style="margin:0 5rem;" alt="Accueil" src="uploads/images/Logos/LogoCRP_200px.png">

&nbsp;<img style="margin:1rem 5rem;" src="uploads/images/Logos/cantons.png" /></a -->

<!-- ERREUR AU DESSUS liens images NON correct  -->

<a href="{root_url}" title="home"><img style="margin:0 5rem;" alt="Accueil" src="/uploads/CRP tout/Logos/LogoCRP_200px.png">

&nbsp;<img style="margin:1rem 5rem;" src="/uploads/CRP tout/Logos/cantons.png " /></a>

</div>

</header>

<div id="top-bar" data-sticky-container>

  <div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%" data-top-anchor="top-bar:top" data-sticky-on="small">

    <div class="column row">

      <div class="top-bar-left">

        <div id="sticky-logo">

          <a href="{root_url}" title="home">{sitename}</a>

        </div>

        <div id="menu-toggle" data-responsive-toggle="top-menu" data-hide-for="medium">

          <button class="menu-icon" type="button" data-toggle="top-menu"></button>

        </div>

      </div>

      <div id="top-menu" class="top-bar-right">

        {Navigator template='bandb_topnav'}

      </div>

    </div>

  </div>

</div>

{block name='header-image'}

{* Header image uses the Interchange plugin - see the Zurb Foundation documentation for more information *}

{if $header_large}

<div id="header-image" class="row expanded text-center">

  <img alt="{title}" data-interchange="[{$header_small}, small], [{$header_medium}, medium], [{$header_large}, large]">

</div>

{/if}

{/block}

{block name='content'}

<div class="column row text-center">

  <h3>{title}</h3>

  {$content}

</div>

{/block}

{* Populate the social media links as needed. Icons are generated with FontAwesome (http://fontawesome.io/) *}

<div class="row expanded text-center divider">

</div>

{block name="content-2"}

{/block}

<footer class="row expanded">

  <div class="row">

    {* footer column 1: site navigation *}

    <div class="column medium-3">

      <h4 class="text-center">Site Map</h4>

      {Navigator template='bandb_footernav' loadprops=0}

    </div>

    {* footer column 2: map (update with your own Google map or static image *}

    <div class="column medium-3">

      <h4 class="text-center">Nous trouver</h4>

      <div class="responsive-embed">

<iframe src="https://www.google.com/maps/embed?pb=!1m21!1m12!1m3!1d148086.80914668052!2d6.496175004266068!3d46.56787429686414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m6!3e6!4m0!4m3!3m2!1d46.5680765!2d6.6135312!5e0!3m2!1sen!2sch!4v1505406961847" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

    </div>

    </div>

    {* footer column 3: contact info (update with your own info) *}

    <div id="contact" class="column medium-3">

      <h4 class="text-center">Contact</h4>

      <ul class="no-bullet">

        <li><i class="fa fa-phone-square"></i><a href="callto:0793428158">079 342 81 58</a></li>

        <li><i class="fa fa-envelope-square"></i>{mailto address="info@crplausanne.ch" encode="javascript"}</li>

        <li>Stand de Vernand<br>Rte de la Blecherette 2<br>1032 Romanel-sur-Lausanne</li>

        <li><a href="https://www.facebook.com/Centre-Romand-de-Performances-tir-sportif-1334023816629213/" target="_blank" rel="noopener"><i class="fa fa-facebook-square"></i></a><li>

      </ul>

    </div>

    {* footer column 4: events (edit manually, or use a calendar or events module to populate automatically) *}

    <div class="column medium-3">

      <h4 class="text-center">Prochains &eacute;v&eacute;nements</h4>

      <ul class="menu vertical">

        <li>1er octobre: <a href="#">Lancement du CRP</a></li>

      </ul>

    </div>

  </div>

{* you are free to remove the link to easythemes, as much as we would love to see it stay! *}

  <div id="copyright" class="row expanded text-center">

    <small><i class="fa fa-copyright"></i>{custom_copyright} {sitename}</small>

  </div>

</footer>

{block name='js'}

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>

    <script>

      $(document).foundation();

    </script>

{/block}

  </body>

</html>

RE: Modifier haut et bas de page - Ouik - 18/06/2020

Ok, alors c'est ici que ça se passe : il faut que vous compreniez comment c'est fait.

Que souhaitez-vous faire précisément en haut de page ? Vous parlez de menus.

En bas de page, c'est dans la partie "footer". Il y a 4 colonnes, le gabarit est très explicite, vous devriez pouvoir vous y retrouver logiquement. Si ça coince, dites-moi ce que vous souhaitez faire, je vous indiquerai les éléments à modifier.

RE: Modifier haut et bas de page - FikoU - 19/06/2020

Bonjour,
Voilà j'ai réussi à supprimer deux colonnes de bas de page. Dans un premier temps mis le code en commentaire.
Par contre je ne trouve pas comment supprimer le menu (header) SPONSORS.

Une autre question que j'ai déjà évoqué sur ce forum : pourquoi à chaque modification faut il efface l'historique. Les visiteur n'y pense pas et donc se disent rien de nouveau...

https://crplausanne.ch/

Encore merci
FikoU

RE: Modifier haut et bas de page - Ouik - 19/06/2020

Pour l'affichage dans le menu, il suffit d'aller dans la page Sponsors, et dans l'onglet Navigation, décocher la case "afficher dans le menu".

Pour le cache, rendez vous dans : Administration > paramètres globaux > paramètres avancés, et basculer à non le cache navigateur.
Attention cependant aux performances d'affichage dans ce cas : "Applicable uniquement aux pages cachables, ce paramètre indique que les navigateurs seront autorisés à mettre en cache les pages pour un certain laps de temps. Si activé les visiteurs qui reviennent ne pourront pas voir immédiatement les modifications apportées au contenu des pages, mais l'activation de cette option peut sérieusement améliorer les performances de votre site Web." (aide intégrée)

RE: Modifier haut et bas de page - FikoU - 20/06/2020

Bonjour,
Un grand merci, tout est OK.

Bon week-end
FikoU