Voir aussi
Dans la même rubrique :
Suivi de vos articles
Exécuter un Javascript dans une page SPIP
Accueil du nouveau rédacteur
Ecrire ce qu’on veut dans SPIPDu même auteur :
Reprendre un document Word
Les Centres de santé
Quiz en PHP 1/3
Quiz en PHP 2/3
Quiz en PHP 3/3
Comité Départemental d’Education pour la Santé des Yvelines
Les sites des Médecins Maîtres-Toile
Joindre un document à un article
Placer une image dans un article
Les raccourcis typographiques
Ecrire ou modifier un article
Présentation de l’espace rédacteurs
Conseils aux rédacteurs
Lire nos fichiers de syndication
Page contact en PHP 3/3
Syndication, comment s’y retrouver
Afficher plusieurs flux RSS/Atom sur une page
Lecture des caractères spéciaux et d’éléments d’un fil RSS/Atom
Installer un script PHP pour les nuls
Javascript : n’oubliez pas Mac OS !
Page contact en PHP 1/3
Page contact en PHP 2/3
Positionnement fixe... même avec Internet Explorer !
Des fils RSS 1.0, RSS 2.0 et Atom 1.0 pour votre site SPIP
Editez vos flux avec Fil_LE 1/2
Editez vos flux avec Fil_LE 2/2
Editer plusieurs fichiers de syndication 1/3
Editer plusieurs fichiers de syndication 2/3
Editer plusieurs fichiers de syndication 3/3
Documentation sur SPIP
Abandonnons RSS 0.91 !
La syndication de contenu RSS
Utiliser les smileys
Joindre un logo à un article
Référencer un site
Création à distance d’un fichier de syndication
Lecteur RSS/Atom pour votre site 1/2
Lecteur RSS/Atom pour votre site 2/2
Quand JavaScript est désactivé... 2/2
Afficher un fil RSS/Atom sur votre site 1/3
Afficher un fil RSS/Atom sur votre site 2/3
Afficher un fil RSS/Atom sur votre site 3/3
Un Editeur RSS pour votre site 1/2
Un Editeur RSS pour votre site 2/2
Un lecteur RSS pour votre site 1/2
Un lecteur RSS pour votre site 2/2
Menu dépliant pour les rubriques
Quand JavaScript est désactivé... 1/2
Menu de navigation sans JavaScript
Astuce pour les images fréquemment utilisées
Gestion d’une rubrique... en attendant SPIP
Page Erreur 404 en PHP
Utilisation de la classe easyRSS
Proposer plusieurs styles pour votre siteMême indexation :
Technique Web
Publication Spip : forme et typographie
Menu de navigation sans JavaScript
Initiation au xhtml - 2
Gestion d’une rubrique... en attendant SPIP
Un lecteur RSS pour votre site 1/2
Un Editeur RSS pour votre site 1/2
Réaliser un formulaire de contact (5/4)
Etablir un questionnaire statistique en ligne
Quiz en PHP 3/3
Initiation au xhtml - 1
Comment intégrer Snap Shots à Rapidweaver ?
Page contact en PHP 1/3
Javascript : n’oubliez pas Mac OS !
Belles icônes pas chères !
Quand JavaScript est désactivé... 2/2
Editer plusieurs fichiers de syndication 1/3
La Netiquette des forums
Quiz en PHP 1/3
Réaliser un formulaire de contact (3/4)
Editer plusieurs fichiers de syndication 3/3
Quiz en PHP 2/3
Conseils pour débuter un site web
MARST - Le Moteur Automatisé de Recherche en Santé au Travail
Réaliser un formulaire de contact (4/4)
Réaliser un formulaire de contact (2/4)
Qualité, centres d’intérêt et motivations des participants aux forums médicaux.
Un serveur dédié pour les nuls
Quand JavaScript est désactivé... 1/2
Menu dépliant pour les rubriques
Créer une liste de QCM
Installer un script PHP pour les nuls
Page Erreur 404 en PHP
Page contact en PHP 3/3
Tri et Histogramme
Syndication, comment s’y retrouver
Analyser les réponses à une liste de questions
xhtml - 4 : Les entités
Contrôler l’accès d’une partie du site avec .htaccess
Page contact en PHP 2/3
Positionnement fixe... même avec Internet Explorer !
Mise en place d’un forum : une décision qui doit être mûrement réfléchie
Comment faire migrer son site ?
Un lecteur RSS pour votre site 2/2
Editer plusieurs fichiers de syndication 2/3
Le web structuré et sa présentation
Créer un forum à l’aide de phpBB
Initiation au xhtml - 3 : Rappel sur les pointeurs internet (URI/URL)
Utilisation de la classe easyRSS
Proposer plusieurs styles pour votre site
Un Editeur RSS pour votre site 2/2
Soigner en ligne, un art impossible ?
Réaliser un formulaire de contact (1/4)
La syndication de contenu RSS
Lire nos fichiers de syndication
Ecrire ce qu’on veut dans SPIP
Afficher un fil RSS/Atom sur votre site 1/3
Afficher un fil RSS/Atom sur votre site 2/3
Afficher un fil RSS/Atom sur votre site 3/3
Lecteur RSS/Atom pour votre site 1/2
Lecteur RSS/Atom pour votre site 2/2
Lecture des caractères spéciaux et d’éléments d’un fil RSS/Atom
Syndication pour phpBB
Editez vos flux avec Fil_LE 1/2
Editez vos flux avec Fil_LE 2/2
Création à distance d’un fichier de syndication
Exécuter un Javascript dans une page SPIP
Abandonnons RSS 0.91 !
Des fils RSS 1.0, RSS 2.0 et Atom 1.0 pour votre site SPIPSpip
Publication Spip : forme et typographie
Accueil du nouveau rédacteur
Suivi de vos articles
Conseils aux rédacteurs
Ecrire ce qu’on veut dans SPIP
Présentation de l’espace rédacteurs
Ecrire ou modifier un article
Les raccourcis typographiques
Reprendre un document Word
Placer une image dans un article
Joindre un document à un article
Joindre un logo à un article
Référencer un site
Utiliser les smileys
Exécuter un Javascript dans une page SPIP
Abandonnons RSS 0.91 !
Des fils RSS 1.0, RSS 2.0 et Atom 1.0 pour votre site SPIP
Documentation sur SPIPSyndiquer tout le texte
Page Erreur 404 en PHP
Editer plusieurs fichiers de syndication 1/3
Quand JavaScript est désactivé... 1/2
Menu de navigation sans JavaScript
Gestion d’une rubrique... en attendant SPIP
Editer plusieurs fichiers de syndication 3/3
Positionnement fixe... même avec Internet Explorer !
Javascript : n’oubliez pas Mac OS !
Page contact en PHP 1/3
Quiz en PHP 1/3
Syndication, comment s’y retrouver
Page contact en PHP 2/3
Page contact en PHP 3/3
Editer plusieurs fichiers de syndication 2/3
Proposer plusieurs styles pour votre site
Quand JavaScript est désactivé... 2/2
Quiz en PHP 2/3
Menu dépliant pour les rubriques
Installer un script PHP pour les nuls
Quiz en PHP 3/3
Afficher plusieurs flux RSS/Atom sur une page
Conseils aux rédacteurs
La syndication de contenu RSS
Ecrire ce qu’on veut dans SPIP
Lire nos fichiers de syndication
Présentation de l’espace rédacteurs
Afficher un fil RSS/Atom sur votre site 1/3
Ecrire ou modifier un article
Afficher un fil RSS/Atom sur votre site 2/3
Les raccourcis typographiques
Reprendre un document Word
Afficher un fil RSS/Atom sur votre site 3/3
Lecteur RSS/Atom pour votre site 1/2
Lecteur RSS/Atom pour votre site 2/2
Lecture des caractères spéciaux et d’éléments d’un fil RSS/Atom
Placer une image dans un article
Joindre un document à un article
Editez vos flux avec Fil_LE 1/2
Joindre un logo à un article
Editez vos flux avec Fil_LE 2/2
Création à distance d’un fichier de syndication
Exécuter un Javascript dans une page SPIP
Abandonnons RSS 0.91 !
Des fils RSS 1.0, RSS 2.0 et Atom 1.0 pour votre site SPIP
Accueil
Boite à Outils
Aide SPIP
Astuce pour les images fréquemment utilisées
Vous connaissez les smileys utilisés dans les messages, forums et parfois aussi dans nos articles, par exemple ;-) ou B-)
Japanim présente une astuce pour les afficher sur un site Spip sous formes d’images, ainsi, notre exemple devient
ou 
Il s’agit d’un filtre qui peut être appliqué aux boucles :
<BOUCLE_pr (BREVES) {id_breve}> |
Pour que cela fonctionne, il suffit d’inclure la fonction smileys dans le fichier "mes_fonctions.php3" (s’il n’existe pas, créez-le à la racine du site) [2]. Dans la fonction se trouvent les correspondances entre les chaînes de caractères :-p et les images
:
$chaine = str_replace("smiley texte à filtrer",$chemin . "smiley-image\">",$chaine); |
D’autres articles ont repris cette astuce, en particulier Titeuf sur SPIP contrib et Cyberpatrouille, avec surtout des modifications concernant les images des smileys. Ensuite Smileys II, génération automatique puis Des smileys dans SPIP ont perfectionné le fonctionnement, surtout pour des forums utilisant les smileys.
J’ai pensé à appliquer cette astuce à d’autres images que j’utilise fréquemment dans les pages du site du CYES [3].
Voici un exemple de fragment de page :
Liens : |
Catalogues : |
Pour toutes les images affichées ci-dessus, j’utilise l’astuce des smileys [4]. J’ai tout simplement ajouté dans la fonction smileys dans le fichier "mes_fonctions.php3" :
$chaine = str_replace("<fr>", '<img src="/images/drapeau/fr.gif" alt="Français" title="Site en Français" align="middle" width="16" height="16" />', $chaine); |
Et on peut aller plus loin : comme vous pouvez le constater, les symboles pdf, zip, toucan ne sont pas une simple image, mais une chaîne de caractères associant lien, image et code HTML : [5]
$chaine = str_replace("<pdf>", '<a href="/aide/acrobat.php" target="_blank" class="int"><img src="/images/logos/pdf.gif" title="pdf" alt="pdf" width="16" height="16" border="0" align="middle" /></a>', $chaine); |
Ainsi, en écrivant dans un article les quelques caractères choisis (dans mon exemple : <fr> <en> <pdf> <zip> ou <toucan>), j’obtiens la page les éléments que j’ai indiqués dans "mes_fonctions.php3".
J’ai choisi < > pour encadrer les caractères car "fr, en, pdf, zip, ou toucan" peuvent se retrouver dans le texte des pages, il ne faut pas que la chaîne de caractères les remplace si ce n’est pas vraiment ce que l’on veut. On aurait pu prendre d’autres caractères, mais j’ai évité { } et [ ] qui sont déjà utilisés dans le code de Spip.
Evidemment, si je décide de changer une image ou un lien, cette modification effectuée une fois dans "mes_fonctions.php3" ce répercutera pour toutes les pages.
Pour les sous-titres de séparation utilisés dans mon exemple de fragment de page, le principe est le même, car étant utilisés dans toutes les pages du site, il est plus simple de taper quelques caractères que tout le code. Il faut simplement le séparer en 2 parties entre lesquelles on note le sous-titre :
$chaine = str_replace("<sous-titre>", '<table width="100%" border="0" cellspacing="0" cellpadding="3"><tr><td class="soustitre" width="93%"><h3>', $chaine); |
Ainsi, je n’ai plus qu’à taper par exemple <sous-titre>Liens :<sous-titre-fin> dans mon article.
Ceci n’est qu’un exemple, car si vous voulez changer les intertitres de Spip créés par {{{ et }}}, il y a plus simple à faire : l’astuce est indiquée ici.
pour tout le site : Ecrivez dans le fichier "mes_fonctions.php3" placé à la racine du site :
<?php |
seulement pour vos articles : Ecrivez dans le fichier "article.php3" les variables $debut_intertitre et $fin_intertitre modifiées comme ci-dessus, à côté des variables obligatoires $fond et $delais.
On peut sur le même principe utiliser une chaîne de caractères qui sera remplacée par une autre après l’avoir indiquée dans "mes_fonctions.php3".
Ainsi j’ai pu faire fonctionner le raccourci typographique "
" (undercose suivi d’une espace), théoriquement installé dans SPIP, mais qui ne marchait pas. Pour cela, j’ai ajouté à la fonction smileys($chaine) la ligne :
$chaine = str_replace(" |
Si vous utilisez cette astuce, il est souhaitable de préciser (par exemple dans un article ou une page particulière) à vos rédacteurs la liste des éléments utilisables par ce filtre "smileys".
[1] Cet article a été modifié le 24/11/2005 pour ajouter la partie "Autre utilisation".
[2] L’article de Titeuf sur SPIP contrib propose le fichier "mes_fonctions.php3" à enregistrer (Texte, 1,8 Ko) puis à placer à la racine de votre site sous le nom "mes_fonctions.php3", ainsi que les images smileys à télécharger (Zip, 17,1 Ko).
[3] Le site du CYES n’est pas encore sous Spip. J’en suis encore à la recherche de solutions pour permettre le passage prochain du site sous Spip, sans perte de son contenu actuel.
[4] Pour le moment uniquement sur les pages d’essais, mais cette astuce sera appliqué à tout le site du CYES à son passage sous Spip.
[5] Je ne rentre pas dans le détail du code car cela ne concerne pas le sujet de cet article, mais j’utilise une fonction javascript ouvreWindow() écrite dans un fichier externe et l’astuce d’Openweb pour ceux qui ont désactivé Javascript.
Merci pour ces astuces que je vais prochainement tester.
Comme prévu, j’ai testé et ca fonctionne parfaitement, merci encore !
Hello Alain,
Excellent article, clair ; merci :)
On pourrait peut-être aussi envisager un article sur d’autre fonctions adaptées à SPIP. Par exemple : ombrer les images (*toutes* les images affichées dans un site sous SPIP).
Il existe en effet pas mal de pages sur la fonction PHP permettant d’ombrer des GIF et des JPG, mais il n’y a plus de site faisant une synthèse (en français) sur l’intégration d’une telle fonction dans SPIP (Japanim.net a fermé
)
A bientôt,
Cyril
Bonjour Cyril
Quand tu veux
Je suis preneur.