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

**lomart** · 18/01/2017, 07h29

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

**didier l** · 18/01/2017, 08h27

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>

**lomart** · 18/01/2017, 08h34

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

**ced1870** · 18/01/2017, 08h45

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

**lomart** · 18/01/2017, 09h10

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

**didier l** · 18/01/2017, 19h52

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

**PhilJ** · 19/01/2017, 01h33

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...

**didier l** · 25/01/2017, 11h08

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 ?

**ced1870** · 25/01/2017, 14h25

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

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

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

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association