Pyrat.net – Création de sites Internet

Des pictos SVG dans le texte

2023-08-10T16:59:08Z

Navigation

Localisation

Réseaux sociaux

Agenda événementiel avec SoyezCréateurs

2023-06-14T11:02:53Z

Principes

Tout article du site peut recevoir un ou plusieurs événements qui lui seront liés.

Vous pouvez donc, selon la nature de l'événement :

Faire un article pour l'événement et juste mettre la date dans l'événement
Faire un article générique pour plusieurs événements et mettre les détails spécifiques dans chaque événement rattaché

SoyezCréateurs peut être configuré pour lister tous les événements, y compris ceux passés. Ou seulement ceux dans le futur (ou pas encore terminés).

Résultat

Chaque date affichable provoque :

l'affichage d'un bouton calendrier dans les outils en haut du site [1]
ce bouton permet d'afficher un mini-calendrier avec en dessous la liste des prochains événements
le mois et l'année sont cliquables et mènent respectivement à une vue mensuelle ou une liste annuelle
la vue mensuelle permet de naviguer, et de basculer sur une vue à la semaine ou au jour

[1] ou d'un mini-agenda dans des configurations plus anciennes de SoyezCréateurs

Voir en ligne :

Nos formateurs

2018-01-05T14:23:22Z

pyrat.net, une équipe de formateurs

Notre entreprise mobilise l'expertise d'intervenants qualifiés sur chacun des champs couverts par l'offre de formation :

Ces formateurs ont une formation et une expérience qui en font des spécialistes dans leur domaine.

L'équipe de pyrat.net est sectorisée dans un emploi du même secteur d'activité que leurs compétences de formateurs.

Jacques Pyrat, formateur site-web, accessibilité

Agnès Pyrat, formatrice rédaction web

Nouveautés 2014 de SoyezCréateurs

2015-03-16T12:52:22Z

L'année 2014 a été riche en possibilités nouvelles pour soyezCréateurs. C'est surtout le mode communiquant qui a bénéficié de beaucoups d'améliorations [1].

Voici les plus marquantes :

Possibilité d'afficher le slideshow du mode communiquant en pleine largeur
Possibilité d'afficher l'introduction de l'édito en page d'accueil communiquant
Nouvelle possibilité : administrer des fonds de page tirés au hasard.Documentation du fonctionnement (comme les bannières)
Pouvoir afficher les rubriques DessousBreves (sous l'image défilante) même si elle n'ont pas d'article.
Si pas d'article, affichage des sous-rubriques
La page d'accès à un espace réservé propose un lien vers l'inscription. Page d'inscription au look du site.
Les crayons sont disponibles sur beaucoup plus d'éléments, en particulier, la page plan du site [2]
Meilleure présentation du retour vers le sommaire automatique : plus compacte avec seulement une image flottant à droite du titre
Les images du carrousel sont désormais cliquables
Avec le plugin QRCode, vous pouvez avoir un QRCode pour chacune des pages du site [3]
GisSecteur : Mettre ce mot clef à une rubrique où l'on veut afficher la carte Gis pour l'ensemble du Secteur (Rubrique racine de SPIP et toutes ses sous rubriques)
Les outils peuvent être toujours affichés en haut, y compris sur la page d'accueil du Mode Communiquant
Les liens sur les rubriques DessousBreves du Mode Communiquant peuvent être désactivés
ClassementAlpha : Mettre ce mot clef à la rubrique pour classer son contenu alphabétiquement
Un modèle pour afficher les détails d'un auteur :
Permet de faire un Trombinoscope, par exemple pour une mairie
Ajout de la configuration de l'affichage des goodies en mode communiquant. Celui-ci pourra soit s'afficher dans le contenu principal soit dans le zone du menu secondaire
Ajout de la possibilité de changer l'affichage de la « Vidéo à la une »
Ajout de la possibilité de configurer l'affichage des nouveautés (alias la syndication)
Possibilité de régler la hauteurs des cartes GIS pour : les rubriques et les articles
Possibilité de paramétrer une transparence alpha sur : en-tête, contenu, navigations principale et secondaire, pied
Pouvoir mettre des « ZoomSur » en dessous de l'Edito en Mode communiquant (Titre, Logo, Introduction)
Le lien « Participer à la vie du site » est déplacé en fin de navigation secondaire
Le lien de Connexion disparaît [4]
Le bandeau d'annonce pulse 3 fois au chargement de la page
De nombreux correctifs et ajustements des CSS, du code HTML pour son accessibilité, des possibilités de paramétrage

[1] Utilisé par exemple sur www.rapic.com, www.epss-edu.com …

[2] Très utile pour réorganiser rapidement l'ordre des éléments du site

[3] Intéressant à copier/coller dans votre communication papier.

[4] Si vous avez besoin d'aller dans l'espace d'administration, il faut rajouter /ecrire/ à l'URL de votre site.

Toutes ces évolutions sont intégrée dans notre offre d'hébergement SPIP+SoyezCréateurs de tout repos !

« Je ne suis pas compétent… » : c'est normal !

2014-06-06T08:35:38Z

Une situation embarrassante

J'entends trop de monde autour de moi s'excuser pitoyablement de ne pas être compétent en informatique.

Et ça m'énerve !

Tordons le coup à une idée reçue !

Pourquoi — sous prétexte qu'un ordinateur s'achète en supermarché et se déballe en 5 minutes — tout un chacun devrait être immédiatement un informaticien chevronné ?

Non, l'informatique n'est pas simple !

Oui, l'informatique, c'est compliqué !

Plus compliqué qu'un autre métier ?

Combien de temps avez-vous passé à apprendre le vôtre ?

Et une fois vos études terminées, au bout de combien de temps avez-vous été considérés comme un expert en votre domaine ?

Nous avons besoin les uns des autres

Vous êtes compétents sur des sujets différents. Et c'est bien !

Un jour, quelqu'un m'a dit :

L'humilité, ça n'est pas se dévaluer devant les autres, c'est au contraire, savoir être à sa place, ni trop haut, ni trop bas. Tu as le droit d'être compétent !

Et, chacun avec nos compétences variées, nous sommes en mesure de les mettre au service des autres, et de recevoir l'aide des autres.

Soyez reconnaissant pour les compétences que vous avez eu le temps de développer !

Fonctionnement de la compilation

2010-07-02T13:55:10Z

Diagramme de compilation avec SPIP

Voir en ligne : SPIP, PHP et Javascript sont dans un bateau

Initiation à la création de plugins

2010-07-01T13:28:05Z

Possibilités d'un plugin

Un plugin ça peut :

Fournir un ou plusieurs filtres
Fournir un ou plusieurs critères à utiliser dans les boucles
Rajouter des CSS ou des JavaScript côté public ou côté privé
Modifier l'interface d'admin visuellement ou dans son fonctionnement
Créer des tables et les utiliser
Ajouter des boutons dans le menu d'admin
Fournir ou modifier des balises
Fournir ou modifier des Boucles
Fournir des modèles (permettant par exemple de faire des raccourcis type comme )
Fournir des fichiers squelettes
Fournir des fichiers squelettes pour l'interface privés

Création d'une rubrique d'archive

2010-07-01T11:45:33Z

Créer une rubrique d'archive

Pour cela, nous avons besoin de définir un comportement spécifique à une rubrique. Sur spip, pour assigner un squelette spécifique à une rubrique particulière ou un article, il vous faudra créer un fichier squelette nommé rubrique=8.html. Ceci est bien sûr un exemple visant à vous montrer un nom type. Pour un article présent dans la rubrique 12, il faudrait utiliser article=12.html.

Mais ce n'est pas tout. Dans notre cas (une archive basé sur la rubrique portant l'identifiant 8) si nous n'utilisons que rubrique=8.html, l'affiche sera bien spécifique pour cette rubrique mais tous les articles inclus ainsi que les sous rubriques auront un affichage classique tel que défini dans rubrique.html si définie. Pour cela nous allons utiliser un nom du type article-8.html. [1] Idem pour la rubrique, rubrique-8.html permettra de définir un fichier squelette qui affectera l'ensemble des sous rubriques à la rubrique 8.

Donc pour faire une archive sur la rubrique 8, il faudra définir 3 fichiers squelettes : rubrique=8.html, rubrique-8.html et article-8.html. Ces derniers contiendront donc le code spécifique pour un affichage sous forme d'archive.

Les boucles pour un affichage chronologique

Afin, dans une rubrique, d'afficher les articles contenus dans un ordre chronologique nous allons utiliser une série de boucles disponible sur spip contrib que nous allons légèrement modifier.

A partir de ça, il nous suffit de rajouter le critère branche aux 3 boucles afin qu'elles aient le comportement voulu (pour afficher tous les articles contenus). Ce qui nous donne :

  [(#DATE|annee)]    [(#DATE|nom_mois)]    #TITRE

[1] Attention, le 8 ne pointe pas vers l'article 8 mais vers la rubrique

Utilisation avancée de spip

2010-06-29T12:05:30Z

Les Inclusions (INCLURE) sous SPIP

Dans certains cas, vous avez certaines parties de votre squelette qui sont répétées sur plusieurs pages. Il devient alors fastidieux de recopier ou copier/coller des parties entières de code qui sont identiques.

Afin de « remédier » à cela, nous pouvons utiliser les 2 possibilités suivantes :

[(#INCLURE{fond=votrefichiersquelette})]

les 2 possibilités fonctionnent, mais elles ne fonctionnent pas tout à fait de la même façon. Je vous invite bien sûr à consulter la doc de spip.net à ce sujet.

Les boucles récursives

Je trouve que la documentation d'origine sur les boucles récursives est très bien, je vous invite donc à aller la voir : Article sur les boucles récursives

La balise EXPOSE

Cette balise, permet d'exposer l'article en cour. Plus clairement, cela va vous permettre de distinguer par exemple l'article en cour de lecture dans un menu ou une liste d'articles. Cela fonctionne également dans le cadre d'une rubrique. Il vous faut donc l'utiliser dans une boucle d'article ou de rubrique afin d'exposer l'article ou la rubrique choisie dans l'URL. Voici un exemple de syntaxe :

#EXPOSE{contenu à afficher si actif}

Vous pourrez trouver plus d'information sur spip.net

La boucle HIERARCHIE

Cette boucle va vous permettre d'afficher les rubrique qui contienne la rubrique ou l'article passé en paramètre. Cela vous permettra d'afficher par exemple un file d'Ariane sur vos page afin de pouvoir revenir au rubriques parente. Cette boucle ne retourne ni la racine, ne la rubrique ou l'article en cour. Il convient donc de les rajouter dans le cas d'un file d'Ariane. Un petit exemple :

 Acceuil >  [(#TITRE|supprimer_numero)] >  [(#TITRE|supprimer_numero)]

Documentation spip.net de HIERARCHIE

Utilisation de `{doublons}`

Le critére doublons, va vous permétre de générer une liste d'éléments qui poura vous servir plus tard pour filtrer les article d'une seconde boucle afin par exemple d'enlever certain article d'un menu. Bien évidement vous pourrez retrouver plus d'info sur spip.net.

Allons plus loin dans les boucles

2010-06-29T09:43:55Z

En cas de résultat vide

Nous avons vu comment afficher les informations d'une boucle, comment trier les résultats avec les critères, comment traiter les résultats pour changer/modifier leur contenu avec les filtres.

Mais si il n'y a aucun résultat ?

Dans notre cas si il n'y a aucun résultat, cela enverra une simple

à notre visiteur. Afin de ne pas afficher ce qui contient les éventuels résultats au cas ou il n'y a pas de résultat nous allons utiliser ce code :


 [(#TITRE|supprimer_numero)]

Nous avons donc rajouté pour encadre les ligne et .

Cela nous permet donc d'encadrer le code qui sera à afficher autour des boucle si ces dernières retournent des résultats.

D'accord mais si je veux afficher un message à la place de rien ?

Et bien c'est dans le même principe. Si je veux afficher autre chose si il n'y a pas de résultat il me faudra encadrer ce quelque chose par le qui encadre les boucle et . Vous pouvez ainsi afficher ce que vous voulez en cas de non résultats, même une boucle !

Le même principe peut s'appliquer aux Balises

Dans le cadre de l'affichage d'un article, nous voulons afficher le titre, le chapeau, et le texte de l'article ou afficher un message si l'article n'existe pas. Voici donc un code qui permet cela :


 [(#TITRE|supprimer_numero)]
  #CHAPO 
  #TEXTE


 Désolé il n'y aucun article correspondant à ce numéro.

Il n'est normalement pas nécessaire de commenter ce code puisque qu'il n'y à rien de nouveau.

Mais voilà, si par exemple un rédacteur n'a pas entré de chapeau dans son article, le code HTML

s'affichera quand même. Pour remédier à ce problème nous allons utiliser la même technique que dans la partie précédente mais spécifique aux Balises.


 [(#TITRE|supprimer_numero)]
 [ (#CHAPO) 
]  #TEXTE


 Désolé il n'y aucun article correspondant à ce numéro.

Qu'est-ce qui a changé ?

Et bien c'est très simple, nous avons encadré la balise avec des parenthèses, puis nous avons encadré le code à afficher, si la balise contient quelque chose, avec des crochets. Cela permet donc de n'afficher le div du chapeau que si le chapeau a été complété par le rédacteur.