Comment ajouter un bouton d`impression sur votre page web

Vous savez, quelque chose comme l`ajout d`un bouton d`impression sur une page web semble assez simple, non? En fait, pourquoi avons-nous besoin même d`ajouter un bouton d`impression ou d`un lien vers la page du tout, quand tout le lecteur doit faire est de cliquer sur «Fichier

" et "Impression…» Dans le menu du navigateur?

En fin de compte, différentes personnes veulent la fonction d`impression sur leur page web pour des raisons différentes. Vous pouvez juste vouloir ajouter la commodité. Lorsque le lecteur peut simplement cliquer sur un bouton pour obtenir une impression - il enregistre quelques clics, et chaque clic compte. D`autres personnes veulent personnaliser le texte imprimé - en d`autres termes, masquer certains éléments de la page de l`impression. Dans d`autres situations, les gens préfèrent créer un soin personnalisé, version imprimable du site.

Pour chacune de ces situations, il existe différentes solutions. Nous avons toujours essayé d`offrir des solutions d`impression innovantes ici à MUO, comme l`article de Justin au sujet impression sur demi-pages et l`article sur Karl PrintWhatYouLike. Dans cet article, je vais donner quatre façons que vous pouvez intégrer un bouton d`impression ou un lien dans votre site web - du HTML très simple et approche javascript, à l`approche CSS plus personnalisable. Enregistrer papier par le formatage & Impression de vos fichiers avec l`outil de Govert Imposition [Windows]Enregistrer papier par le formatage & Impression de vos fichiers avec l`outil de Govert Imposition [Windows]frais de papier d`argent. Enregistrer à la fois par l`impression de vos fichiers PDF sur des demi-pages. Si vous voulez un livret ou des copies côte à côte, un outil gratuit pour Windows permet non seulement cela possible, mais aussi simple. Arrêtez de déconner ...Lire la suite

L`intégration de l`impression dans votre site web

Quand vous regardez une page Web, il est assez facile de voir pourquoi vous pouvez personnaliser l`impression. Une page Web typique a des annonces, des bannières, des liens publicitaires, barres latérales et des sections de bas de page qui ne font que manger l`espace de la page et consomment du papier gaspillée.

Si vous avez un site assez simple, ou vous ne se soucient pas vraiment si oui ou non tous les graphiques et les impressions de formatage, tout ce que vous avez à faire est d`ajouter un simple bouton à votre page Web et d`utiliser le « print () » javascript méthode d`envoyer la page Web à l`imprimante.

Placer ce code dans votre site à un endroit qui est rapide et facile pour vos lecteurs à utiliser ressemble à quelque chose comme ça.

Tout le lecteur doit faire est de cliquer sur le bouton et la page se directement envoyé à l`imprimante sans mise en page que ce soit. Si la page est au-delà de la largeur imprimable de l`imprimante, il est possible que vous pourriez finir par imprimer beaucoup plus de pages que est réellement nécessaire.

Certaines personnes ne sont pas vraiment comme l`apparition d`un bouton de forme, de manière alternative, vous pouvez simplement utiliser un lien avec le javascript intégré pour faire exactement la même chose.

Imprimer cette page

Vous pouvez voir comment dans bien des cas, un texte simple ressemble beaucoup plus propre qu`un bouton, mais que vous utilisez vient vraiment à ce qui semble mieux dans la zone de la page Web où vous voulez fournir la fonction d`impression.

Comme vous pouvez le voir dans l`exemple ci-dessus l`impression, la mise en forme de nombreuses annonces et des bannières ne correspondent pas parfaitement à l`affichage du navigateur lorsque vous utilisez simplement la commande d`impression. Cela devient beaucoup plus évident pour les sites plus complexes. Une autre approche des gens utilisent est de bloquer des sections entières du site Web en utilisant CSS, et attribuer des sections spécifiques de la page à imprimer. Pour ce faire, d`abord relier le fichier CSS dans la section d`en-tête.

Ensuite, vous devrez créer le fichier CSS réel et l`enregistrer dans le même répertoire que votre page Web. Le fichier CSS doit affecter toutes les sections de la page qui ne devraient pas être imprimés, puis faire également les éléments de la page que vous attribuez à imprimer comme visible.

Video: Comment ajouter un bouton sur une page WordPress avec Total

DIV #header, DIV # newflash, bannière DIV # {display: none-} corps. {De visibility: hidden -} {print visibilité: visible-}

Maintenant que votre fichier CSS est mis en place, tout ce que vous avez à faire est de passer par votre page et l`étiquette de chaque section avec la classe « d`impression ».

Cette ligne sera imprimé.
Cette ligne ne sera pas.

Maintenant, vous pouvez voir dans l`impression où seules les sections de la page marquée par la classe « print » seront imprimés sur la page, et toutes les autres sections ne sont pas. La seule difficulté de cette approche est que vous devez vous assurer de désactiver l`affichage pour toutes les sections DIV que vous ne désirez pas imprimer. Comme vous pouvez le voir ci-dessous, je n`ai pas ajouté la section « div » pour l`annonce de Google, de sorte que toujours imprimé.

Il peut prendre un certain temps pour construire le fichier CSS et mettre les cours correctement. Si vous ne voulez vraiment pas la peine de faire cela sur chaque page, vous pouvez opter pour une dernière approche. Ceci est ma technique préférée pour fournir parfaitement formatés, des versions imprimables de la page Web. Tout ce que vous devez faire est de créer une version au format PDF du contenu de la page Web, enregistrez-le sur votre hébergeur, puis lier le fichier dans l`en-tête de la page.

C`est tout ce que vous avez à faire! Vous pouvez intégrer le bouton d`impression sur votre site comme dans les exemples ci-dessus, mais au lieu du fichier CSS chargé pour la méthode d`impression, PDF, DOC ou tout autre fichier est envoyé à l`imprimante. Comme vous pouvez le voir ci-dessous, cela génère la plus propre version imprimable de votre page, et vous pouvez personnaliser assez bien pour regarder exactement comment vous le souhaitez.

Comme vous pouvez le voir, il y a beaucoup d`options à choisir quand vous voulez placer un bouton d`impression ou un lien sur votre page Web. Tous ces choix fonctionnent bien, mais le bon choix est vraiment à la façon dont la page Web est complexe, et le contenu que vous souhaitez offrir à vos lecteurs quand ils choisissent d`imprimer votre page Web.

Avez-vous essayé l`une de ces techniques pour ajouter un bouton d`impression sur une page Web? Quelle technique préférez-vous? Avez-vous d`autres solutions? Partagez votre connaissance dans la section commentaires ci-dessous.