Création de la première boucle : une boucle ARTICLES

de : SPIP : Les fondamentaux

Acheter

À propos de cette vidéo

Créez votre première boucle, la boucle ARTICLES. Il s'agit d'une boucle simple qui permet d'afficher les articles sur la page d'accueil.

Un extrait de : SPIP : Les fondamentaux

Cocorico ! Le formateur Gaspard Beernaert vous présente sa formation consacrée au célèbre CMS français SPIP 3. Tel un écureuil qui amasse les noisettes une à une, vous allez découvrir SPIP pas à pas et vous finirez par obtenir non pas un nombre de fruits inimaginable, mais une multitude de conseils, méthodes et astuces qui vous mettra à l’abri de la famine pendant tout l’hiver - nous vous l’assurons !

EUR 29,80

Acheter

Formations similaires

Qu'est-ce que SPIP, qu'est-ce qu'on peut faire avec, pourquoi utiliser un CMS (gestionnaire de contenu) et pourquoi utiliser SPIP ?

Présentation de SPIP
- Dans cette vidéo, Gaspard Beernaert vous présente sa formation.
  
  Introduction
  
  01:00
- SPIP est un gestionnaire de contenu, c'est-à-dire un outil qui permet de piloter un site web. On dit que SPIP est particulièrement souple : il permet effectivement de réaliser des sites très différents. Voici quelques exemples de sites réalisés avec SPIP.
  
  Ce que l'on peut faire avec SPIP
  
  01:53
- Un Content Management System est un outil hébergé permettant de gérer la mise en ligne de contenus d'un site Internet.
  
  Qu'est-ce qu'un CMS ?
  
  03:31
- SPIP est un logiciel libre, conçu gratuitement par une multitude de développeurs.
  
  SPIP, un logiciel libre
  
  01:53
- Derrière SPIP il y a toute une communauté d'utilisateurs, de développeurs, de traducteurs, etc.
  
  SPIP et la communauté
  
  03:21
Pour fabriquer un site sous SPIP, il faut reproduire sur sa propre machine un environnement de développement, donc installer une série de logiciels.

Installer les logiciels
- Les serveurs web utilisent communément ce qu'on appelle LAMP : Linux, Apache, Mysql et PHP. Pour reproduire cet environnement serveur, nous devons simuler un serveur LAMP sur notre propre machine.
  
  Explication des serveurs
  
  02:14
- Nous allons installer Firefox, Firebug, Fraise et TextMate. Puis nous allons télécharger Mamp sur mamp.info.
  
  Mac : Mamp et Fraise
  
  05:04
- Vous allez maintenant positionner le dossier racine dans le dossier Sites.
  
  Mac : trucs et astuces
  
  02:32
- Installons Firefox, Firebug et Notepad++, puis téléchargeons et installons WampServer.
  
  Windows : Wamp et Notepad++
  
  07:09
- Cette vidéo est consacrée aux menus dans Firefox, à l'affichage des extensions et à l'activation de l'UTF-8 sous Notepad++.
  
  Windows : trucs et astuces
  
  02:07
- Firefox, Firebug et Gedit sont les outils nécessaires pour un travail sous Linux.
  
  Linux : outils
  
  01:15
- Installez maintenant le serveur Lamp avec Tasksel.
  
  Linux : Lamp
  
  06:13
Pour commencer en douceur, nous allons nous baser sur un site déjà fait.

Babel
- Babel est une bibliothèque idéale pour partager les œuvres qui nous plaisent. Votre formateur vous donne plus d'informations sur Babel dans cette vidéo.
  
  Qu'est-ce que Babel ?
  
  01:18
- Commençons par installer les fichiers fournis.
  
  Installer les fichiers
  
  01:20
- Découvrez l'interface du back-office ainsi que quelques fonctions utiles.
  
  L'interface générale
  
  01:45
- Dans cette vidéo, nous allons ajouter l'article Le Dahlia Noir, puis un logo. Ensuite nous proposerons l'article à l'évaluation.
  
  L'interface rédacteur
  
  01:40
- Retouchez et validez un article. Apprenez également à ajouter un utilisateur.
  
  L'interface rédacteur en chef (administrateur)
  
  02:47
- Votre formateur vous explique comment changer les informations du site, activer les statistiques, etc.
  
  L'interface webmestre (administrateur)
  
  01:06
- Pourquoi utiliser des mots-clés et comment les utiliser ? La réponse dans cette vidéo !
  
  Les mots-clés
  
  04:47
- Penchez-vous sur la mise en forme du texte d'un article et apprenez à ajouter une image.
  
  Édition riche et mise en forme
  
  08:12
- Cette vidéo vous présente les principales fonctions de l'administrateur.
  
  Les fonctions d'administrateur / webmestre
  
  02:43
- SPIP dispose d'un système d'aide interne, mais n'hésitez pas à vous adresser à la communauté.
  
  De l'aide sur SPIP
  
  01:29
Maintenant que nous en savons un peu plus sur SPIP, nous allons fabriquer un site à partir d'un SPIP vierge.

Créer son site avec SPIP
- Dans cette section, nous allons procéder à l'installation réelle de SPIP en MySQL et charger des données.
  
  Installer SPIP et charger des données
  - Nous allons créer un site à partir de SPIP. Bien entendu il va falloir commencer par installer SPIP et assimiler les différentes notions de boucles, balises et filtres.
    
    Ce que nous allons faire
    
    01:58
  - Téléchargez la dernière version de SPIP et installez-la avec MySQL.
    
    Installer SPIP
    
    02:46
  - Ajoutons les premières rubriques et les premiers articles à notre site.
    
    Remplir le site
    
    04:41
  - Dans cette vidéo, nous allons charger un dump de données ainsi que les médias associés à un site.
    
    Chargement d'un dump et d'images
    
    04:37
  - Les objets articles de SPIP peuvent contenir différents champs. Pour en savoir plus, regardez cette vidéo.
    
    Les différents champs des articles
    
    01:11
- Votre formateur vous présente les boucles.
  
  Les premières boucles
  - Comprenez la manière dont les dossiers sont organisés dans SPIP.
    
    La structure des fichiers dans SPIP
    
    02:14
  - Cette vidéo est consacrée au dossier de squelettes et aux différentes pages.
    
    Création du dossier de squelettes / page sommaire.html
    
    02:11
  - Créez votre première boucle, la boucle ARTICLES. Il s'agit d'une boucle simple qui permet d'afficher les articles sur la page d'accueil.
    
    Création de la première boucle : une boucle ARTICLES
    
    04:24
  - Utilisons maintenant les boucles RUBRIQUES et AUTEURS sur la même logique que la boucle ARTICLES.
    
    Une boucle RUBRIQUES et une boucle AUTEURS
    
    02:17
  - Qu'est-ce qu'un critère ? La réponse est dans cette vidéo.
    
    Les critères communs
    
    02:32
  - Apprenez à utiliser les critères de contexte.
    
    Le contexte
    
    07:38
  - Mélangez maintenant les critères de contexte, les critères d'ordonnancement et les critères de tri.
    
    Les critères et le contexte
    
    03:19
- Voici une présentation globale des balises.
  
  Les balises
  - Découvrez les principales balises de la boucle ARTICLES, notamment #TITRE et #TEXTE.
    
    Les balises de la boucle ARTICLES
    
    06:43
  - La balise #LOGO permet d'afficher le logo de l'article. Elle est très utile pour illustrer une publication.
    
    La balise #LOGO
    
    03:25
  - Passons maintenant aux principales balises de la boucle RUBRIQUES, notamment #TITRE.
    
    Les balises de la boucle RUBRIQUES
    
    03:16
  - Voci les principales balises de la boucle AUTEURS, notamment #NOM.
    
    Les balises de la boucle AUTEURS
    
    04:19
  - La boucle HIERARCHIE sert principalement à faire un fil d'Ariane. Cette vidéo lui est consacrée.
    
    Les balises de la boucle HIERARCHIE
    
    02:45
  - Nous n'avons pas vu tous les types de boucles, il en existe d'autres que nous n'utiliserons pas dans cette formation dédiée à l'initiation et qui ont des balises spécifiques.
    
    Les balises des boucles FORUMS, MOTS, etc.
    
    00:54
  - Les principales balises propres au site sont #NOM_SITE_SPIP, #SLOGAN_SITE_SPIP et #DESCRIPTIF_SITE_SPIP.
    
    Les balises propres au site
    
    01:58
- Effectuons un tour d'horizon des filtres.
  
  Les filtres
  - À quoi servent les filtres et comment doit-on les utiliser ?
    
    Utiliser les filtres
    
    04:12
  - Les filtres de date sont un très bon exemple d'utilisation des filtres.
    
    Les filtres de date
    
    03:45
  - Les filtres de texte répondent aux besoins les plus courants d'un site à contenu.
    
    Les filtres de texte
    
    02:57
  - Les filtres de test permettent d'afficher du contenu de manière conditionnelle.
    
    Les filtres de test
    
    01:58
  - Les filtres d'image sont très puissants dans SPIP. Voici quelques fonctionnalités usuelles.
    
    Les filtres d'image
    
    04:54
  - Voici quelques exemples de ce qu'il est possible de réaliser avec les filtres d'image.
    
    Les filtres d'image avancés
    
    05:19
- Cette section est dédiée à la gestion des fichiers de squelette dans SPIP.
  
  Cache, inclusions, dépendances et modèles
  - La mise en cache des squelettes permet d'accueillir un grand nombre de visiteurs sans avoir à investir dans une infrastructure technique puissante.
    
    Les caches
    
    01:54
  - La logique d'INCLURE permet de ne pas avoir à écrire plusieurs fois la même chose.
    
    Inclure un menu
    
    05:43
  - Dès qu'on inclut du contenu, il faut penser au contexte !
    
    Inclure, Contexte et EXPOSE
    
    02:05
  - Avec les différents niveaux de squelette et de dist, toutes les inclusions s'effectuent avec des dépendances.
    
    Ajout d'une feuille de style CSS
    
    03:35
  - Les modèles sont une autre manière d'inclure des contenus. Leur utilisation permet plus de souplesse, mais veillez à ne pas perdre en performance ce que vous gagnez en fonctionnalité.
    
    Les modèles
    
    05:43
  - Créez des articles conditionnels et effectuez des changements en y ajoutant par exemple des modèles.
    
    Articles conditionnels
    
    07:09
- C'est parti : réalisons le site d'une crèche !
  
  Fabrication du site
  - Découvrez l'aspect final de notre projet.
    
    Présentation du site final
    
    01:44
  - Remplacez les fichiers de squelette par les fichiers de la dist et préparez le travail en créant d'ores et déjà les fichiers nécessaires.
    
    Nettoyer et dupliquer des fichiers
    
    02:31
  - Interessons-nous à la mise en page des articles du blog.
    
    Les articles de blog
    
    06:37
  - Cette vidéo est consacrée à la mise en pages de la rubrique Actualités du blog et à la création d'un nouveau modèle.
    
    La rubrique Actualités
    
    05:10
  - Mettons en page un article À propos très simple.
    
    Les articles À propos
    
    02:47
  - Après l'article À propos, occupons-nous de la rubrique À propos.
    
    La rubrique À propos
    
    05:06
  - Cette vidéo est consacrée à la rubrique Infos pratiques. Nous allons même inclure un lien vers une Google Map.
    
    La rubrique Infos pratiques
    
    03:53
  - Mettons en page le squelette sommaire.html.
    
    La page d'accueil
    
    05:12
Pour aller un peu plus loin dans SPIP, voici quelques pistes...

Bonus : les mots-clés et les plug-ins
- On peut utiliser les mots-clés pour modifier le comportement de SPIP : cela porte le nom de mots-clés techniques.
  
  Utilisation des mots-clés comme mots-clés de mise en pages
  
  04:10
- On va rajouter deux boucles pour mieux gérer les artistes dans Babel. Cela va nous permettre de voir les fonctionnalités liées aux groupes de mots et aux mots-clés.
  
  Utilisation des mots-clés et des groupes de mots-clés
  
  05:04
- Dans Babel, nous utilisons les mots-clés pour les artistes. Il est cependant plus élégant de changer les intitulés dans la page mots.html.
  
  Paramétrage de la page mots.html
  
  03:18
- Paramétrez la page de recherche.
  
  La page de recherche
  
  02:20
- Le plug-in crayon permet de modifier directement le contenu des articles à partir de l'espace public du site.
  
  Installer un plug-in
  
  03:35
- Renseignez SPIP sur spip.net.
  
  Conclusion
  
  00:59