Styling pour impression - WordPress Codex

Par défaut, lorsqu'un utilisateur imprime une page web WordPress qui n'a pas été conçu avec l'impression à l'esprit, la feuille de style est dépouillé et les impressions de page comme s'il n'y a pas de feuille de style. Il a tendance à ressembler à une longue ligne d'information en commençant par votre tête, le contenu, puis la longue liste qui est votre barre latérale, puis le pied de page. Pas très joli.







Création de styles d'impression

A l'intérieur de la feuille de style

Styles pour l'impression peut être réglée dans la feuille de style lui-même. Le navigateur doit être « chargé » de rechercher les styles d'impression dans la feuille de style, et ils doivent être dans leur propre section.

De demander au navigateur de rechercher les styles d'impression dans la feuille de style, changer votre lien de feuille de style dans la section de la tête de votre fichier modèle header.php de ceci:

à cela, demandez au navigateur de rechercher des styles d'impression dans la feuille de style:

Dans votre feuille de style, généralement au bas, ajoutez ce qui suit pour commencer vos styles d'impression:

Création d'une feuille de style d'impression

Pour créer une feuille de style indépendant avec tous vos styles d'impression:







  1. Créez un fichier texte appelé print.css.
  2. Enregistrez-le dans votre dossier Thème WordPress.
  3. Type (ou coller) dans ce qui suit pour obtenir les styles d'impression ont commencé et enregistrez le fichier:
4. Créer un lien dans la section de la tête de votre fichier modèle header.php comme suit:

En utilisant display: none. tout élément sur votre page Web peut disparaître lors de l'impression. Si vous avez la publicité ou d'autres éléments que vous ne voulez pas apparaître lors de l'impression, puis ajoutez le display: none à leur sélection dans la section d'impression.

changements structurels

Depuis, la plupart des utilisateurs veulent déposer la barre latérale et positionner le contenu de sorte qu'il étend sur la page dans une mise en page de lecture confortable, utilisez cet exemple:

Impression des formats d'impression

Vous pouvez contrôler les tailles de police imprimées en utilisant des points au lieu de pixels ou em que ceux liés à l'information de l'imprimante peut comprendre.

Les sauts de page

Bien que ceux-ci ne fonctionnent pas pour tous les navigateurs ou une imprimante, vous pouvez leur demander de ne pas « casser » vos images ou des graphiques en deux pièces, ou briser des blocs de citation ou de ne pas avoir un saut de page après un titre, mais pour le forcer à briser avant la rubrique. Ce n'est pas une science parfaite, mais si vous êtes vraiment particulier sur la façon dont votre page Web imprimée semble, vous pouvez les utiliser.

Il y a de nombreux aspects de la conception de votre page Web que vous pouvez contrôler lors de l'impression, y compris la taille, les couleurs et les regards des liens, des titres, des titres, des informations sur l'auteur, les données post méta, une partie de votre page Web. Voici un exemple d'une utilisation que vous pouvez utiliser comme référence.







Articles Liés