2 formas de hacer que su sitio de WordPress sea amigable con la impresora

Ya sea que las personas guarden un formato PDF o se impriman en papel, los visitantes a veces quieren tener una versión permanente de su contenido (especialmente si publica para siempre). Desafortunadamente, la mayoría de los estilos de sitio web predeterminados no se traducen bien en la impresora. Optimizar su sitio de WordPress para un diseño fácil de impresión es una forma sutil pero poderosa de hacer esfuerzos adicionales para sus visitantes. Esto no solo afecta las impresiones físicas, sino también en PDF descargables. En otras palabras, puede proporcionar hermosos PDF a pedido e incluso alentar al lector a descargar sus artículos para el almacenamiento.
En este artículo, le mostraremos dos opciones diferentes para que su sitio web de WordPress sea amigable con la impresora y el PDF, a través de hojas de estilo en cascada (CSS) y un complemento de WordPress. ¡Vamos a empezar! Por qué debe hacer que su blog sea fácil de imprimir, aunque es posible que ya optimice su sitio web para que se vea genial en todos los dispositivos, es posible que se pregunte y si vale la pena cambiarlo para las impresoras. Aunque las copias físicas son parte de la historia, es importante recordar que “amigable con la impresión” también se aplica a PDFS-We nos referiremos a este último a través de este artículo para facilitar la comprensión.
El diseño fácil de imprimir elimina los elementos web innecesarios y se centra solo en el contenido. Esto crea una página de apariencia limpia y profesional, sin elementos que serían inútiles en un PDF estático. Puede ver un buen ejemplo de esta técnica con pestañas disponibles en Ultimate Guitar:

El formato elimina todos los elementos de diseño web innecesarios para proporcionar una pestaña limpia, lo que hace que sea más fácil leer y mirar. Es una forma sutil pero increíblemente útil de ayudar al lector, potencialmente ganando tráfico repetido en el futuro. Independientemente del tipo de contenido que ofrezca, aquí hay algunos beneficios importantes de un blog amigable: puede compartir archivos PDF en sitios como SlideShare o LinkedIn.
Puede proporcionar instrucciones de paso de paso impresas.
Puede reutilizar rápidamente el contenido verde eterno como regalos electrónicos.
Afortunadamente, es relativamente simple limpiar los modelos de impresión de su sitio: WordPress fabrica el estilo de impresión. 2 formas de hacer que su sitio amigable con WordPress para la impresora sea dos formas principales de hacer que el sitio de WordPress sea amigable con la impresora. Para continuar, le sugerimos que active el cliente de su archivo de transferencia de protocolo favorito y haga una copia de seguridad completa de su sitio antes de comenzar.
Comencemos mirando interrogatorios de diseño personalizados, luego pasemos a la solución de complemento de WordPress. 1. Escriba la consulta de medios personalizada en CSS
CSS Media interroga ejemplos de los interrogatorios de los medios CSS Tricks son un selector de CSS único que permite que ciertos estilos se dirigen a diferentes aspectos de su sitio. Muchas personas asocian los medios con un diseño receptivo, ya que este es el uso más popular. Sin embargo, hay varias aplicaciones. Por ejemplo, puedo apuntar a la orientación, la resolución, las dimensiones de la pantalla y las páginas impresas. La principal ventaja de escribir su propia consulta de medios es que tendrá un control total sobre los resultados. Puede volverse tan “valioso” como desee, lo cual es importante si la marca es una preocupación importante para usted o su cliente. Sin embargo, este método no toma un poco más de grasa y comprensión de diseño para poner correctamente, cómo escribir el suyo propio Consultas de los medios en el CSS Las tres categorías principales para los interrogatorios de los medios son la impresión, la pantalla y el habla. Aquí hay un ejemplo rápido de cómo puede apuntar a los estilos de impresión y puede eliminar completamente las secciones que no son necesarias para la versión de impresión: @Media Print {

/ * Los estilos de impresión van aquí */
#HeaAder, #footer, #nav {display: none! importante; }
} Por supuesto, los selectores CSS reales que usa variarán según el diseño de su sitio. Sin embargo, debe hacer más, como registrar su CSS fácil de impresión:
Primero, cree un archivo print.css personalizado en su tema.
Luego coloque el archivo print.css en las funciones de funciones.php de la base.
Finalmente, agregue CSS personalizado a los estilos de impresión de destino en el archivo print.css.
Ahora, veamos cada uno de estos pasos. En la carpeta de temas, cree un archivo impreso vacío. CSS. Aquí luego agregará estilos de impresión específicos. Luego use wp_enqueue_style para registrar su nuevo archivo CSS en el frente de su sitio, por ejemplo:/**
* Registre un archivo CSS personalizado y colóquelo en la cola
*/

Torque_custom_print_css function () {
wp_enqueue_style (‘print-css’, get_template_directory_uri (). ‘/css/print.css’);
}
add_action (‘wp_enqueue_scripts’, ‘torque_custom_print_css’); Finalmente, es hora de crear sus propios estilos de impresión personalizados en el archivo print.css. Hay dos preguntas que debe saber. Ya hemos cubierto el primero (consultas de medios), que servirán como un paquete para todos los estilos de su impresora. El segundo es un selector único llamado @Page, que le permite dictar estilos de página especiales que generalmente no están disponibles para CSS.
Aquí hay un ejemplo de lo que todos podrían mirar juntos: @Media Print {
/ * Estilos de impresión únicos y limpios aquí */
H1 {
Page-break-Bore: siempre;
}
#HeaAder, #footer, #sideBar {Display: Ninguno! IMPORTANTE; }
@pagina {
/ * Dicta la configuración especial de la página aquí */
Tamaño: 5.5 en 8.5in;
Huérfanos: 4;
viudas: 3;
}
} Ahora comprenda los elementos esenciales del estilo de un sitio web fácil de imprimir, verifiquemos un complemento que se ocupa automáticamente de todo el proceso. 2. Use el complemento impreso-o-matic wordpress
Si bien el uso de un complemento es más rápido (y es adecuado si necesita algo que funcione inmediatamente desde la caja), es posible que deba renunciar a un poco de control. Aun así, Print-O-Matic es una opción sólida si trabaja rápidamente. Proporciona un diseño prefabricado que se aplica a sus publicaciones y páginas de WordPress, tiene muchas características y se actualiza con frecuencia, por lo que debería funcionar con las instalaciones actuales. Una bonificación adicional es la opción de incluir un botón de impresión en cada una de sus publicaciones. Esto mostrará que su contenido es fácil de imprimir, lo que significa que puede implementar esta función sin ningún problema. Cómo usar los complementos de WordPress para un diseño fácil de imprimir para iniciar, instalar y activar el complemento Print-O-Matic en su sitio web de WordPress. Después de haber terminado, vaya a Configuración> Print-O-Matic en el tablero de WordPress. Aquí, se le presentará un formulario. Si ha seguido el método anterior, debería poder reconocer algunas de las configuraciones que cubrimos, junto con otras.
Desde esta pantalla, salta al estilo de la página de impresión personalizada. Aquí, puede agregar cualquier estilos adicionales necesarios para asegurarse de que el resultado PDF se ajuste a su marca.
A continuación, debe encontrar tantos elementos de elementos que no deben imprimirse, como encabezado, barra lateral y sótano. Ingrese estas usando comas en el cuadro No imprima los elementos:

Finalmente, revise el resto de las opciones para asegurarse de que coincidan con sus preferencias personales. Cuando haya terminado, haga clic en Guardar los cambios. Para incluir el botón de impresión en una página o publicación, simplemente agregue el código corto [imprent-me] a la ubicación deseada. ¡Eso es todo! Breve conclusión, proporcionar estilos de impresora y PDF para su sitio web hace que su contenido sea más fácil de compartir para los usuarios. También podría convertirse en parte de su estrategia de marketing (como crear regalos de libros electrónicos). Es fácil agregar este soporte a WordPress, por lo que no hay excusa para no estar a bordo. Para revisar, le mostramos dos formas simples de incluir modelos para imprimir en su sitio de WordPress:
Escribe tu propio CSS personalizado. Esto es lo mejor para una buena marca y experiencia en el usuario.
Use un complemento como Print-O-Matic. Esto funciona bien para situaciones en las que solo quieres algo que funcione fuera de la caja.

¿Qué preguntas tiene sobre la activación del diseño fácil de la impresión en su sitio web de WordPress? ¡Háganos saber en la sección de comentarios! Crédito de la imagen: píxel crudo.