Manuel du site

Administrateur technique Nathalie Couture alternat.net Tel : 06 62 01 76 93

Accès article manuel Manuel du site

Déplier les rubriques pour afficher les détails

Espace adhérent

Page de connexion espace adhérent

Le formulaire de connexion a été personnalisé pour le CAPS

Le texte d’explication s’affichant au dessus de la boite d’identification est administrable depuis la page
http://capsarcachon.fr/ecrire/?exec=article&id_article=314

Acces par le menu via
Edition > Pages uniques > article "Accès espace Adhérent CAPS"

Les libellés des champs du formulaire ont été personnalisés via les codes de langue
(réservé webmestre) voir squelettes/lang/local_fr.php

changer le mot de passe de l’espace adhérent

  • Menu : Activité > afficher les visiteurs
  • cliquer sur l’auteur "Adhérent"
  • cliquer sur le bouton "modifier auteur"
  • tout en bas, renseigner le nouveau mot de passe,
  • confirmer en ressaisissant le mot de passe
  • valider en cliquant sur le bouton [enregistrer]

raccourci

Mise en forme des articles et Charte typographique

il y a plusieurs type de gras utilisable pour mettre du texte en évidence

  • en cliquant sur B
    • le gras simple (gris)
  • dans le sous menu au survol de B dans la barre d’outils
    • le gras bleu
    • le gras rouge

Liens site article

le lien vers un site intégrable depuis le champ dédié dans la page article est mieux habillé graphiquement


donne

2 types d’encadrés

paragraphe encadré

donne

pour obtenir ce résultat, sélectionner le texte à encadrer puis cliquer sur le bouton de la barre d’outils

citation

donne

pour obtenir ce résultat, sélectionner le texte à encadrer puis cliquer sur le bouton de la barre d’outils

insérer des liens sous forme de boutons

j’ai créé un modèle pour insérer facilement des boutons
<bouton>

Les deux paramètres à renseigner au minimum sont

  • le texte du bouton : libelle
  • l’url du lien cible : url

sous la forme :

<bouton
|libelle=inscrivez-vous en ligne!
|url=monlien.com>

A noter :

  • chaque paramètre est séparé par le caractère | [altGr]+6
  • pas de guillemets pour le libellé
  • l’url doit être en clair (pas de raccourci)

la taille : le paramètre size

Taille paramètrevaleur du paramètrecode résultat
normal size <bouton|libelle=bouton|url=#>
grand btn-lg <bouton|size=btn-lg|libelle=Gros bouton|url=#>
petit btn-sm <bouton|size=btn-sm|libelle=Petit bouton|url=#>
mini btn-xs <bouton|size=btn-xs|libelle=Mini bouton|url=#>

ajouter une icône : le paramètre icon

paramètreValeurcoderésultat
icon user <bouton|libelle= user|url=#|icon=user>
download-alt <bouton|libelle=download|url=#|icon=download-alt>
eye-open <bouton|libelle=regarder|url=#|icon=eye-open>
ok <bouton|libelle=ok|url=article2|icon=ok>
pencil <bouton|libelle=inscription|url=article2|icon=pencil>

Autres icones disponibles

Blocs dépliables

blocs repliés

<bloc>Un titre

Placez votre texte ici
</bloc>

Un titre

Placez votre texte ici

blocs visibles

<visible>Un titre

Placez votre texte ici
</visible>

Un titre

Placez votre texte ici

intégrer les photos

Quelle taille doit faire ma photo ?

Il n’y a pas de « bonne » taille pour afficher une image dans un article. En tout cas, inutile d’envoyer une image de 3000 pixels de large, aucun écran ne pourra l’afficher dans son intégralité ! Sauf si le document est destiné à l’impression.

Si l’image doit être intégrée au texte d’un article, tout dépend de son contenu : si c’est un portrait, une hauteur de 200px devrait suffire sinon gare aux rides ; si c’est un beau paysage, on peut aller jusqu’à 500 pixels max de large.
Si l’image est prévue pour le porte-folio d’un article, ne pas dépasser 1000 pixels de large ou 600 pixels de haut.

illustration ou portfolio ?

Par défaut les images téléchargées sont considérées comme des illustrations.
Les illustrations sont destinées à illustrer un article en étant insérées dans le texte .

Les images du portfolio, si elles ne sont pas incluses dans le texte vont s’afficher dans le portfolio en bas de l’article, sous forme de vignettes cliquable pour afficher un popup permettant de faire défiler toutes les images de façon agrandie.

utiliser le portfolio :

  • pour afficher plusieurs photos à la suite d’un article

utiliser illustration,

  • pour les portraits ou logos à insérer dans un article
  • pour les images petites qui n’ont pas d’intérêt à être agrandies.

Les illustrations non utilisées dans le texte ne sont pas affichées dans le portfolio

Tableau récapitulatif de l’affichage des raccourcis image selon le statut

raccourcimode portfoliomode illustration
img vignette cliquable
sans légende
grande image
non cliquable
sans légende
doc vignette cliquable
avec légende
grande image
non cliquable
avec légende
emb grande image
non cliquable
avec legende
grande image
non cliquable
aveclégende

Exemple illustration
<img2567|center>
image illustration
<doc2567|center>

image illustration

<emb2567|center>

image illustration

Exemple Portfolio
<img2568|center>
image du portfolio {JPEG}
<doc2568|center>

image du portfolio

<emb2568|center>

image du portfolio

L’alignement des images

trois types d’alignement sont disponibles
center, left et right

Quand on choisit "center" l’image est centrée au milieu du texte

Quand on choisit un alignement à droite ou à gauche, l’image "flotte" alors à gauche ou à droite et les autres éléments texte ou images, vont venir entourer l’image

si plusieurs images sont affichées successivement avec le même alignement, elles vont flotter les unes à coté des autres

Remettre à zéro l’alignement des images

Pour éviter que le texte et / ou d’autres images continuent de flotter autour des images, ou" casser" le flottement pour les paragraphe suivants il est possible d’insérer un filet de séparation

----


Procédure archivage

NB : maj 2020
On a décidé de ne plus archiver les anciens concours
- > on met à jour les anciens articles avec les nouvelles dates de l’année à venir
- > les résultats seront tous stockés dans un article dédié
la rubrique archive a été supprimée

Contenus à conserver

créer une nouvelle sous rubrique correspondant à l’année archivé dans la rubrique archive

déplacer chaque article dans la nouvelle sous rubrique

  • cliquer sur déplacer
  • sélectionner la rubrique de destination
  • cliquer sur choisir

revenir sur la rubrique d’origine et continuer les déplacements de tous les articles

procéder de la même façon pour les sous rubriques à archiver

renommer les sous rubrique en précisant l’année pour plus de clarté

Contenus à supprimer

les articles publiés dans la rubrique infos prises bassin par exemple, n’ont pas d’intérêt à être conserver, on peut donc les supprimer directement.

on peut

  • soit changer le statut de l’article au survol de la puce -> passer à la puce sablier noir (procédure rapide)
  • soit ouvrir chaque article pour le modifier et passer le statut à "à la poubelle et cliquer sur [changer]

Les articles mis à la poubelle ne sont pas directement définitivement supprimés : vous bénéficiez d’un droit au remord.

Pour les supprimer définitivement il faut aller dans le menu Maintenance > Corbeille

https://www.capsarcachon.fr/ecrire/?exec=corbeille

vous pouvez sélectionner les articles à supprimer définitivement ou "tout effacer" si vous êtes surs de vous

Mise à jour du planning de l’année

Les rubriques concours et animation utilisent un modèle d’affichage spécial (composition) pour utiliser les informations des événements et les afficher sous forme d’agenda

concours

placez vous dans la rubrique concours

créer un nouvel article

  • créer un nouvel article en lui donnant comme titre le nom du concours.
    enregistrez le
  • ajouter un logo à l’article
  • publier l’article

ajouter un événement à l’article

  • cliquer sur "Créer un événement"
    vous arrivez sur le formulaire de création de l’événement
    le titre de l’événement est pré-rempli avec le titre de l’article : laissez le .
  • renseignez la date de l’événement.
    si vous avez les horaires , renseignez les horaires, sinon cochez "journée entière"
  • cochez la case "inscription en ligne " pour activer l’affichage du formulaire d’inscription
  • enregistrer

l’enregistrement de l’événement vous ramène sur la page d’édition de l’article.

Vous allez pouvoir compléter les informations à afficher dans l’article

dans le texte de l’article coller la structure des blocs dépliables

<bloc>Informations et règlement

informations à venir
</bloc>

<bloc>Classement

Le classement sera publié après la fin du concours
</bloc>

Le contenu à afficher dans les blocs pourra être ajouté ultérieurement

  • enregistrer

Renseigner les tarifs de l’événement

  • Tout en bas du formulaire de modification de l’article , renseigner les tarifs de l’évènement
    • Tarif adhérent : 10 €
    • Tarif non adhérent : 20 €
    • Tarif repas : 20 €

Si l’événement est gratuit, laisser en blanc

  • enregistrer

Ordonner la liste des articles

Si vous souhaitez régler l’ordre d’affichage des articles il suffit de les numéroter en préfixant le titre avec un nombre suivi d’un point et d’un espace

Ex : 10. Mon titre

Renseigner le chapeau de l’article

Même si vous n’avez pas beaucoup d’informations sur l’événement programmé, essayez de rédiger une ou deux phrases d’introduction expliquant en quoi consiste le concours ou l’événement

Voir le détail ci dessous expliquant le fonctionnement de l’introduction

animations

placez vous dans la rubrique animations

créer un nouvel article

  • créer un nouvel article en lui donnant comme titre le nom de l’animation.
    enregistrez le
  • ajouter un logo à l’article
  • publier l’article

ajouter un événement à l’article

  • cliquer sur "Créer un événement"
    vous arrivez sur le formulaire de création de l’événement
    le titre de l’événement est pré-rempli avec le titre de l’article : laissez le .
  • renseignez la date de l’événement.
    si vous avez les horaires , renseignez les horaires, sinon cochez "journée entière"
  • cochez la case "inscription en ligne " pour activer l’affichage du formulaire d’inscription
  • enregistrer l’évènement

NB : l’enregistrement de l’évènement vous ramène sur la page d’édition de l’article.

Vous allez maintenant pouvoir compléter les informations à afficher dans l’article

Ordonner la liste des articles

Si vous souhaitez régler l’ordre d’affichage des articles (dans le menu déroulant et sur la page de rubrique il suffit de les numéroter en préfixant le titre avec un nombre suivi d’un point et d’un espace

Ex : 10. Mon titre

Lorsque cette syntaxe est respectée, le numéro préfixe est utilisé par spip pour ordonner les articles mais il n’est pas affiché sur le site.

L’introduction de l’article

Qu’est ce que l’introduction
L’introduction de l’article ne correspond pas à un champ précis dan le formulaire d’édition de l’article
ce texte d’introduction est calculé automatiquement par défaut à partir du texte contenu dans l’article, il est coupé à 300 caractères.

Cette introduction est affichée

  • dans les liste d’articles des rubriques
  • quand l’article est en page d’accueil
  • mais également dans les pages de résultats de recherche sur google.

Il est très important de soigner ce texte, un peu comme une accroche qui doit donner envie de cliquer pour afficher l’article

Pourquoi personnaliser ce texte d’introduction

Pour les articles rédactionnels, le début du contenu est souvent pertinent et on peut laisser faire l’automatisme.
Mais parfois, on peut souhaiter que le texte ne soit pas coupé arbitrairement au milieu d’un phrase.
Pour les articles plus techniques le contenu affiché peut ne pas être pertinent du tout

comment personnaliser l’introduction ?

La règle de l’automatisme est la suivante : Pour calculer l’introduction, spip regarde d’abord s’il il y a quelque chose dans le champs descriptif, sinon il prend les 300 premiers caractères de l’article (chapo puis texte)

Rédiger un chapeau pertinent

Il est donc souhaitable de rédiger directement un chapo pertinent pour présenter le contenu de l’article
- > le chapo sera afficher en gras au début de l’article
- > il sera utilisé pour alimenter l’introduction

Problème :

  • si il est trop court ( moins de 300 caractères) il sera complété par le texte de l’article
  • si il est trop log il sera arbitrairement coupé à 300 caractères

Renseigner le descriptif

Le descriptif permet de forcer l’automatisme et de prendre la main
On peut alors utiliser le descriptif pour définir précisément le texte à afficher dans l’introduction. Qu’il soit plus court ou plus long que 300 caractères il ne sera plus modifié.

Pour renseigner le descriptif, deux méthodes sont possibles :

  1. dans le formulaire de modification de l’article saisir le texte souhaité dans le champ "descriptif rapide"
  2. sur les pages de rubriques dans la partie publique du site, en activant les crayons, on peut directement modifier le texte de l’introduction calculée. Dans ce cas le texte personnalisé est enregistré dans le champs descriptif.

La deuxième méthode est particulièrement pratique quand on veut juste modifier l’introduction calculée pour couper le texte à la fin d’une phrase par exemple.

NB : si l’on renseigne uniquement le descriptif, l’introduction sera bien affichée dan les listes d’article et sur la page d’accueil, mais pas sur la page de l’article.
C’est pourquoi je préconise de commencer par rédiger un chapo, qui lui s’affichera bien dans l’article, puis d’utiliser le descriptif si nécessaire.

Mise à jour des partenaires / sponsors

Les partenaires sponsors sont gérés dans un article de type "page unique"

article partenaire

Pour y accéder depuis l’espace privé , dans le menu cliquer sur Edition > Pages uniques, puis cliquer sur l’article "Partenaires"

Pour y accéder depuis le site public, sur la page d’accueil, en bas du bloc partenaires, cliquer sur "tous les partenaires", puis sur la page de l’article cliquer en haut sur le bouton [article (18)]

Dans le texte de l’article sont affichés les partenaires institutionnels : la ville d’Arcachon et la cobas.

Les sponsors sont des documents images gérés dans le portfolio.

les sponsors sont des documents joints à l’article puis ajoutés au portfolio.

Les images qui ne sont pas ajoutées au portfolio ne seront pas affichée dans le diaporama défilant

Taille des images

Pour un affichage correct dans le diaporama les images doivent respecter la taille et les proportions suivantes :

Largeur : 450 pixels
Hauteur : 640 pixels

(à 1 ou 2 pixels près)

Cella correspond aux proportions des visuels utilisés pour l’annuaire des marées.

NB : il ne faut pas que l’image soit plus petite, sinon elle sera agrandie et ce sera moche.
En revanche si l’image est plus grande mais respecte ces proportions, elle sera réduite automatiquement pour s’afficher à la taille définie pour le diaporama

Ajouter un nouveau partenaire

pour ajouter un nouveau partenaire :

  • se placer sur la page d’édition de l’article (pas en mode modification)
  • scroller jusqu’en bas de la page et cliquer sur ajouter un document
  • cliquer sur le bouton [parcourir] pour sélectionner l’image sur votre ordinateur
  • cliquer sur [téléverser] pour uploader l’image sur le site

L’image est ajoutée par défaut dans la partie ’Illustrations" (au dessus du portfolio)

  • cliquer sur [1] le document
  • le formulaire de modification du document s’ouvre en popup
  • Renseigner "le titre de l’image" le nom du partenaire précédé d’un préfixe de numérotation correspondant au numéro de la page de l’annuaire des marées
  • cliquer sur enregistrer -> le formulaire se ferme
  • cliquer sur [Déposer dans le portfolio] pour que le visuel du partenaire s’affiche dans le portfolio

Modifier un partenaire

Pour modifier un partenaire, retrouver le document correspondant au partanire dans le portfolio.
Comme les documents sont préfixés avec le numéro correspondant à la page de l’annuaire c’est assez facile.

Quand vous avez trouvé le partenaire à modifier

  • cliquer sur [2] le document
  • le formulaire de modification du document s’ouvre en popup
  • vous pouvez alors
    • modifier le titre de l’image
    • modifier l’image
      • dans la partie fichier, en dessous du nom de fichier , cliquer sur le lien "changer"
      • cliquer sur le bouton [parcourir] pour sélectionner l’image sur votre ordinateur
      • cliquer sur [téléverser] pour uploader l’image sur le site
  • cliquer sur enregistrer -> le formulaire se ferme

Supprimer un partenaire

Pour supprimer un partenaire, retrouver le document correspondant au partenaire dans le portfolio.
Comme les documents sont préfixés avec le numéro correspondant à la page de l’annuaire c’est assez facile.

Quand vous avez trouvé le partenaire à supprimer

survoler le document avec la souris : vous verrez apparaitre les boutons : [retirer du portfolio] [supprimer] et [détacher]
cliquer sur supprimer

c’est tout

Notes

[1**modifier*

[2**modifier*

Météo

+ d'info

Marées

+ d'info