Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Modifier haut et bas de page
#1

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
Répondre
#2

"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).

Win 10 pro 64 - CMSMS 2.2.19 - grincheux parfois...
Répondre
#3

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
Répondre
#4

@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.

Ouik - communication . outils numériques . design graphique
Répondre
#5

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
Répondre
#6

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.

Ouik - communication . outils numériques . design graphique
Répondre
#7

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
Répondre
#8

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

Ouik - communication . outils numériques . design graphique
Répondre
#9

C'est Bandb_sub
Merci
Répondre
#10

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

Ouik - communication . outils numériques . design graphique
Répondre
#11

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}
Répondre
#12

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

Ouik - communication . outils numériques . design graphique
Répondre
#13

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>
Répondre
#14

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.

Ouik - communication . outils numériques . design graphique
Répondre
#15

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
Répondre
#16

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)

Ouik - communication . outils numériques . design graphique
Répondre
#17

Bonjour,
Un grand merci, tout est OK.

Bon week-end
FikoU
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 5 visiteur(s)