SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 325 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > Choix Polices > Choix Police Typo

Choix Police Typo

15 novembre 2010 – par cy_altern, Loiseau2nuit – commentaires

13 votes

Ceci est une archive périmée mais qui reste intéressante, parfois autant pour l’article que les commentaires associés.

EDIT 01.02.2013

Ce plugin, bien que compatible SPIP 3, reste néanmoins très ancien et répond à un besoin qui a depuis, trouver solution à la fois :

  • plus récente
  • plus « standard »
  • plus légère en terme d’implémentation et de performances

Vous pouvez par exemple regarder du côté :

Ce plugin permet de transformer des portions de textes en image typographiques, en utilisant des fichiers de polices disponibles sur le serveur.

le principe

Propose au rédacteur un modèle <typo|texte=bla bla bla> permettant d’appliquer dans ses articles (ou brèves), un traitement similaire à celui qu’applique le filtre |image_typo.
Ce traitement consiste à générer une image typographique à partir du texte passé par le paramètre |texte de ce modèle.
L’aspect de l’image obtenue est largement configurable via les paramètres fournis par ce modèle (police utilisée, couleur, taille...)

Pour plus de précision sur le fonctionnement des modèles, voir la page de documentation des modèles.

Installation et configuration

Pour l’installation et l’activation, suivez la procédure standard : cf la documentation officielle

Le plugin utilise les polices placées dans le répertoire /polices (celui de /squelettes si il en existe un, sinon c’est celui du plugin). Il est donc vivement conseillé de créer un dossier /polices dans votre dossier de squelettes dès lors que vous installez ce plugin !

JPEG - 61.9 ko
Page de configuration CFG

Une page CFG (.../ecrire/?exec=cfg&cfg=choix_police) propose de configurer les paramétrages par défaut qui seront appliquées lors de l’utilisation du modèle. Ces traitements sont donc ceux appliqués en l’absence de tout autre paramètre passé explicitement au modèle.
Bien évidement, dès que vous ajoutez un paramètre au modèle, les options génériques du CFG passent alors au second plan.

Pour que la page CFG existe, il faut que vous activiez le plugin du même nom.

Utilisation

Les paramètres disponibles sont :

  • texte : le texte à passer en image (obligatoire !)
  • police : le nom du fichier de police (avec l’extension)
  • accents : non (si la police ne gère pas les caractères accentués)
  • taille : taille de la police (sans unité)
  • couleur : couleur du texte (de la forme #EE0000, avec ou sans #)
  • largeur : largeur occupée par l’image avant retour à la ligne (sans unité)
  • padding : padding autour du texte pour les polices qui débordent (sans unité)
  • margev : marge au-dessus et dessous de l’image (avec unité : px ou em au choix)
  • margeh : marge à droite et à gauche de l’image (avec unité : px ou em au choix)
  • valign : alignement vertical de l’image typo (valeurs possibles : bottom, baseline, middle, top)

Ce qui donne pour une utilisation dans le texte d’un article :

  1. <typo|texte=bla bla bla
  2. |police=dustismo.ttf
  3. |couleur=DDDDDD
  4. |largeur=720
  5. |padding=5
  6. |margev=30px
  7. |margeh=0px
  8. |valign=top>

Télécharger


ou dans un squelette :

  1. [(#MODELE{typo}
  2. texte=bla bla bla,
  3. police=dustismo.ttf,
  4. couleur=DDDDDD,
  5. largeur=720,
  6. padding=5,
  7. margev=30px,
  8. margeh=0px,
  9. valign=top })]

Télécharger

Exemple 1 : utilisation dans le texte d’un article
avec les paramétrages par défaut

  1. <typo|texte="Lorem ipsum"> dolor sit amet, consectetur adipiscing elit. Mauris quis tortor quam. Vestibulum et ipsum quam, ut facilisis massa.

Avec des paramètres personnalisés :

  1. <typo|texte="Mauris quis sagittis"|couleur=123456|police=une_police.ttf> metus. Quisque rutrum, massa eget ornare consequat, ipsum nibh cursus elit, quis imperdiet nisl nisi id mi. Nulla sagittis nisl quis metus adipiscing nec porta lorem rutrum. Curabitur vulputate placerat est ut sagittis.

Exemple 2 : dans les squelettes

  1. <h2>#MODELE{typo}{texte="votre texte ou votre <:chaine_de_langue:>"}</h2>
  2. <p>Quisque rutrum, massa eget ornare consequat, ipsum nibh cursus elit, quis imperdiet nisl nisi id mi. Nulla sagittis nisl quis metus adipiscing nec porta lorem rutrum. Curabitur vulputate placerat est ut sagittis. </p>

Télécharger

  1. <h2>[(#MODELE{typo}{texte="votre texte ou votre <:chaine_de_langue:>"}{police=votre_police.ttf, couleur=123456})]</h2>
  2. <p>Quisque rutrum, massa eget ornare consequat, ipsum nibh cursus elit, quis imperdiet nisl nisi id mi. Nulla sagittis nisl quis metus adipiscing nec porta lorem rutrum. Curabitur vulputate placerat est ut sagittis. </p>

Télécharger

Astuce : Pour une utilisation optimale avec des squelettes de type « Z »

Voila de quoi agrémenter très joliment vos thèmes avec ce plugin, en ajoutant à chacun d’eux une police qui s’intègrera au design quelque soit le thème choisi.

La méthode est simple :

  • ajouter un dossier /polices dans le répertoire de votre thème
  • placez-y un fichier police (pas plus pour ne pas virer trop au « sapin de noël » non plus) que vous intitulerez police.ttf (ou autre, mais le but est de donner le même nom à chacun des fichiers de polices que vous placerez dans vos thèmes)
  • utilisez le #MODELE{typo} dans vos squelettes en appelant la police police.ttf ce qui donne :
    1. [(#MODELE{typo}{police=police.ttf, texte = bla bla bla...})]

Et en toute logique, tous vos thèmes s’afficheront alors avec chacun une police spécifique, sans que vous ayez à remettre les mains dans les fichiers de votre /squelettes à chaque changement de thème.

Voir en ligne : http://plugins.spip.net/choix_police

Dernière modification de cette page le 23 avril 2013

Retour en haut de la page

Vos commentaires

  • Le 13 novembre 2012 à 18:19, par Luapmada En réponse à : Choix Police Typo

    Bonjour, quelles autres alternatives a part web fonts ?

    • Le 14 novembre 2012 à 12:52, par Loiseau2nuit En réponse à : Choix Police Typo

      @font-face en CSS3 ... (cf http://www.font-squirrel.com )

      mais l’implémentation sera manuelle et un plus fastidieuse. l’avantage étant que pour le coup tu ne seras pas limitée aux seuls fonts de google.

    Répondre à ce message

  • Le 31 mai 2012 à 03:43, par Zaa En réponse à : Choix Police Typo

    Bonjour,

    J’ai testé en SPIP 3 et le plugin fonctionne.

    Bonne journée

    • Le 31 mai 2012 à 09:40, par Loiseau2nuit En réponse à : Choix Police Typo

      Wah cool ! Merci pour ton retour :-)

      Bon ceci dit, des solutions plus légères existent désormais pour faire la même chose sans passer par un traitement d’image (donc plus légère) dont notament Webfonts entre autre :)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là