Pas à pas pour l’importation d’un article

1. Où trouver les articles?

http://download.tuxfamily.org/linuxgraphic/

tout est classé dans une arborescence qui duplique l’ancienne organisation du site.
Certains articles étaient au format HTML ou au format PDF.
Les liens vers les images, des documents HTML, sont parfois brisés. Mais les images existent toujours dans les sous-répertoires d’image.

2. Création du futur article

Elle ne diffère en rien de la procédure décrite dans la FAQ pour les auteurs. L’import consiste essentiellement à:

  • réaliser le copier-coller depuis le document source vers un article joomla
  • de nettoyer le code:
    • à transformer <p style= »… »> en simple <p>
  • importer les images dans joomla (cf tes questions de la veille)
  • lier les images, à la bonne place, dans l’article

Voir procédure plus détaillée ci-après.

3. Le copier-coller 

Cette partie peut se faire de deux façons :

  • Soit vous copiez-collez directement depuis le document dans la fenêtre de l’éditeur joomla, et vous passez ensuite au nettoyage de l’article importé.

  •  Soit, avec l’éditeur avancé (JCE), vous utilisez le bouton « Paste as Plain Text » (il s’agit du 2ème bouton de la 2ème rangée, avec un « T »). Ce bouton ouvre une fenêtre dans laquelle vous pouvez coller votre texte puis valider. Le texte se retrouve collé avec le minimum de mise en page (juste quelques <p> et  <br/> et un <div> qui encadre le tout.) 

L’avantage de la 2ème méthode est qu’elle permet d’échapper presque totalement à ce qui suit, à savoir le nettoyage de l’article importé. Néanmoins, une vérification de l’aspect du code peut quand même être intéressante.

4. Nettoyage de l’article importé

il s’agit de l’étape la plus importante de tout le process. Voici comment je m’y prend pour y passer le moins de temps possible:

  • une fois l’article importé et sauvegardé
  • je bascule l’éditeur du mode WYSIWYG en mode code (bouton en bas à droite, sous l’éditeur
  • je copie/colle l’intégralité du code dans un simple fichier texte (j’en fais une copie de sécurité pour pouvoir remonter à l’article original en cas de souci, je travaille sur une copie)
  • j’attaque le document par le haut (évidence, diront certains) et je repère la première balise <p style= »… »>
    • je lance la fonction Remplacer de l’éditeur de texte et remplace cette balise ENTIÈRE par <p> (sans espaces)
    • et ainsi de suite pour toutes les balises <p style= »… »>

  • une fois fini, je remonte en haut du document
  • je recommence avec les balises span, même procédure, même méthodologie
    • attention car souvent il y a plusieurs <span> imbriqués
    • donc à la fin je fais les remplacements suivants:
    • <span><span> par <span>  et  
    • </span></span> par </span>
  • enfin, je copie-colle l’intégralité du code nettoyé depuis l’éditeur de texte vers l’éditeur Joomla
  • je rebascule en mode WYSIWYG pour vérifier que tout est joli et propre à l’oeil
  • une sauvegarde s’impose
  • enfin, j’applique les styles de titre, de paragraphe aux textes et aux images sous Joomla, conformément à la FAQ d’écriture des articles

Et voilà l’article est prêt à être corrigé.

 


 

Olivier Saraja

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *