Impression d'un article : réduire la taille de la police de caractères

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Impression d'un article : réduire la taille de la police de caractères

    Bonjour,

    Les utilisateurs de l'un de mes sites veulent pouvoir imprimer des articles du site, mais la police de caractères est trop grande : font-size = 16 px ; cette taille convient bien à l'affichage sur le site mais je voudrais une police plus petite ...

    Caractéristiques du site : dernière version de Joomla, termplate JA Simpli de JoomlArt
    url : http://www.libre-association-freudienne.org/

    J'ai vu en fouillant sur Internet la possibilité de définir dans le template une section @media print { .... } , cette instruction étant liéee au bootstrap ... Qu'en pensez vous ?

    merci
    Didier L
    Le webmaster de quelques sites associatifs développés sur Joomla !

  • #2
    Re : Impression d'un article : réduire la taille de la police de caractères

    Bonjour,

    J'ai vu en fouillant sur Internet la possibilité de définir dans le template une section @media print { .... } , cette instruction étant liéee au bootstrap ... Qu'en pensez vous ?
    Cette instruction n'est pas liée au Bootstrap, c'est du CSS comme Bootstrap
    C'est une bonne idée. Commencez par un
    @media print {
    body{font-size:12px; }
    }
    puis après test, ajouter les balises hx, etc
    Analysez votre CSS avec firebug pour découvrir les héritages
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Impression d'un article : réduire la taille de la police de caractères

      Bonjour

      merci pour votre réponse

      J'ai bien ajouter le code que vous proposiez dans votre réponse (avec quelques blancs en plus, une fois dans le fichier template.css puis une autre fois dans le fichier less avant de le compiler) : cela ne marche pas

      Voici une copie de la fenêtre d'impression analysée par firebug ; je ne vois pas de référence à @media print...

      Avez-vous quelques idées ? merci

      <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" dir="ltr" lang="fr-fr">
      <head>
      <body class="contentpane modal">
      <div id="system-message-container"> </div>
      <div class="item-page" itemscope="" itemtype="https://schema.org/Article">
      <meta itemprop="inLanguage" content="fr-FR">
      <div id="pop-print" class="btn hidden-print">
      <div class="clearfix"> </div>
      <div class="page-header">
      <div itemprop="articleBody">
      <p class="readmore">
      <p style="text-align: justify;">La complaisance volontaire et délibérée à la servitude, n’a jamais atteint la force et l’extension qu’une science de l’information, par ses techniques, lui confère aujourd’hui. Cette science, c’est l’informatique : elle asservit qui s’en sert, sans plus pouvoir s’en désolidariser. Qu’est-elle donc d’autre qu’une névrose de contrainte ?</p>
      <p style="text-align: justify;">
      </div>
      </div>
      </body>
      </html>
      Didier L
      Le webmaster de quelques sites associatifs développés sur Joomla !

      Commentaire


      • #4
        Re : Impression d'un article : réduire la taille de la police de caractères

        Voici une copie de la fenêtre d'impression analysée par firebug ; je ne vois pas de référence à @media print...
        C'est normal, c'est dans l'onglet CSS de firebug que vous allez le voir.
        Mais le test ultime est de l'imprimer en PDF pour ne pas gacher de papier mais avoir le rendu impression
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Impression d'un article : réduire la taille de la police de caractères

          salut
          lorsque tu utilises le bouton imprimer en haut de l'article, tu es redirigé vers une page avec les variables
          ?tmpl=component&print=1
          ce qui veut dire que ça charge le fichier "component.php" qui se truove dans le répertoire du template

          dans ce fichier tu peux écrire un truc du genre
          Code:
          $app = JFactory::getApplication();
          $print = $app->input->getCmd('print', '', 'int');
          if ($print == 1) {
          	$bodyStyle = "font-size: 10px;";
          } else {
          	$bodyStyle = "";
          }
          puis modif sur la balise <body> :
          Code:
          <body style="<?php echo $bodyStyle ?>">
          c'est une technique parmi d'autres, tu peux aussi jouer avec des classes CSS si tu préfères, tout est possible
          CEd
          Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
          http://www.template-creator.com Outil de création de templates
          Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

          Commentaire


          • #6
            Re : Impression d'un article : réduire la taille de la police de caractères

            Dans la série des variantes, tu peux aussi porposer un service comme Print Friendly (https://www.printfriendly.com/) que tu peux utiliser avec un plugin comme LM-ArtPlug (https://lomart.fr/extensions/lm-artplug). Regardes le bouton en bas de la page.
            Comme cela tes utilisateurs font ce qu'ils veulent
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Impression d'un article : réduire la taille de la police de caractères

              Merci pour ces réponse ! je compile touty cela et je vois quelle est la meilleure solution à mon problème
              Didier L
              Le webmaster de quelques sites associatifs développés sur Joomla !

              Commentaire


              • #8
                Re : Impression d'un article : réduire la taille de la police de caractères

                Bonjour,


                Envoyé par didier l Voir le message
                [...] la police de caractères est trop grande : font-size = 16 px.
                En complément de ce qui a été dit (et bien dit ) : tout dépend de la manière de procéder de l'utilisateur.

                En particulier, s'il utilise le menu du navigateur (= Fichier > Imprimer...), l'impression concerne l'article, mais aussi les modules qui l'environnent. Elle n'utilise alors pas cette valeur de 16 px, mais celle qui est définie pour tous les médias dans les CSS du site : le fichier /media/ja_simpli/css/custom-styles/14.css (custom.css) définit la police par défaut comme étant 'Open Sans' en taille 14 px, et non pas 16 px. Cette définition concerne notamment le texte des articles, à gauche, ainsi que le texte des modules situés à droite. Le fichier /templates/ja_simpli/css/template.css définit quant à lui le titre <H2> des articles comme devant être 'PT Sans' en taille 18 px. Idem pour les titres <H3> des modules situés à droite.


                Les utilisateurs de l'un de mes sites veulent pouvoir imprimer des articles du site, mais la police de caractères est trop grande : font-size = 16 px ; cette taille convient bien à l'affichage sur le site mais je voudrais une police plus petite.
                J'ai fait l'essai d'imprimer la page d'accueil par la voie évoquée (= Fichier > Imprimer...). Elle s'imprime dans une taille tout à fait correcte — ni trop petite ni trop grande — avec les valeurs relevées avec Firebug à l'écran. Les articles s'impriment sur la première page de façon lisible et non encombrante, et les modules prennent place de même sur la deuxième page.

                Le problème de tailles de polices survient donc uniquement lorsque l'utilisateur appuie sur l'icône lui permettant de cliquer 'Imprimer', ce qui imprime alors uniquement la zone 'component', donc seulement l'article.

                => Si vous définissez des styles spéciaux pour l'impression avec des media queries : la surcharge /media/ja_simpli/css/custom-styles/14.css (custom.css) n'est pas utilisée lorsqu'on imprime en appuyant sur l'icône Joomla permettant de cliquer 'Imprimer'. Il ne sert donc à rien d'intervenir dans ce fichier. Il faut le faire dans /templates/ja_simpli/css/template.css — de préférence plutôt dans une copie de ce dernier fichier, de façon à ne pas altérer l'original afin d'éviter tout risque d'écrasement lors d'une mise à jour.

                Le code à ajouter dans cette copie :
                @media print
                body {
                font-size: 14px;
                }
                .contentpane .item-page .page-header h2 { /* titre de l'article */
                font-size: 18px;
                }
                }

                Le template.css comprenant déjà un @media print (à partir de la ligne 113), vous n'avez qu'à insérer les deux règles au bon endroit sans même déclarer @media print...
                Dernière édition par PhilJ à 19/01/2017, 01h36
                Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                Commentaire


                • #9
                  Re : Impression d'un article : réduire la taille de la police de caractères

                  Je vous remercie pour cette réponse que semble parfaitement convenir à mon besoin.

                  J'ai choisi le template JA Simpli que j'ai trouvé bien structuré et assez facile à personnaliser pour quelqu'un qui a quelques compétences techniques.

                  J'ai rencontré quelques problèmes sur ce template, voire des bugs que j'ai déclaré sur le forum de Joomlart ( https://www.joomlart.com/forums/foru...ums/ja-simpli/ ) mais ici le problème était a priori difficile à localiser pour moi : template, css, joomla ... et c'est pourquoi je l'ai placé sur le site joomla.fr

                  Questions aux modérateurs du forum :
                  Etant un vieux de Joomla, j'ai l'impression qu'avant, il existait des sites web où certains d'entre nous présentaient des templates ou des extensions et où on trouvait quelques trucs et astuces.
                  A défaut, aujourd'hui, ne pourrait-on pas créer des forums dans le forum joomla.fr consacrés à des templates ou des extensions gratuites, dans l'esprit de la communauté Open Source ?
                  Didier L
                  Le webmaster de quelques sites associatifs développés sur Joomla !

                  Commentaire


                  • #10
                    Re : Impression d'un article : réduire la taille de la police de caractères

                    Questions aux modérateurs du forum :
                    Etant un vieux de Joomla, j'ai l'impression qu'avant, il existait des sites web où certains d'entre nous présentaient des templates ou des extensions et où on trouvait quelques trucs et astuces.
                    A défaut, aujourd'hui, ne pourrait-on pas créer des forums dans le forum joomla.fr consacrés à des templates ou des extensions gratuites, dans l'esprit de la communauté Open Source ?
                    Il est difficile de créer des catégories pour chaque extension. Ce forum est généraliste et maintenant la plupart des développeurs ont leur propre forum de support
                    Cela ne t'empêche pas de partager des infos, ou poser des questions relatives à des extensions.

                    il existait des sites web où certains d'entre nous présentaient des templates ou des extensions et où on trouvait quelques trucs et astuces.
                    Je vois ce que tu veux dire, effectivement le monde évolue et les ressources avec. Les gens n'ont plus le temps de faire des démos pour des extensions quelconques et les développeurs font leur propre démos.

                    N'hésite pas à partager tes idées sur le forum
                    CEd
                    Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                    http://www.template-creator.com Outil de création de templates
                    Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X