Como certificar-se de que seu site WordPress esteja pronto para impressão

Como web designer, desenvolvedor ou proprietário de site, é raro que você precise imprimir as páginas do site. No entanto, se surgir a necessidade e você precisar enviar suas páginas da Web para uma impressora, verifique se elas aparecem tão bem quanto no papel e nas telas.


Se o seu site não estiver pronto para impressão, suas páginas não apenas parecerão confusas no papel, mas também poderão renderizadas como uma impressão de baixa qualidade no papel. Obviamente, não é isso que você ou seus visitantes da web desejam ver. Lembre-se, nem todos os visitantes da web estão lendo o conteúdo da web online.

Nesta postagem, discutiremos como fazer um site WordPress pronto para impressão, para que qualquer página impressa apareça nítida e organizada no papel. Em primeiro lugar, qual é a necessidade de um site pronto para impressão?

Por que fazer seu site WordPress pronto para impressão?

Você pode perguntar com razão por que precisa preparar seu site para impressão, considerando que a maioria dos usuários da Internet está usando dispositivos digitais para navegar na web. A verdade é que você não deve fazer suposições sobre como as pessoas leem o conteúdo do seu site. O fato é que a maioria dos visitantes do site lê o conteúdo diretamente on-line, mas é bom atender aos poucos que podem imprimir suas páginas da web. E, considerando que não há muito trabalho para tornar um site pronto para impressão, há poucas razões para não fazê-lo.

Geralmente, você deve atender a todas as formas possíveis de acesso ao seu conteúdo, incluindo impressão. Essencialmente, você quer estar pronto para qualquer coisa que seus visitantes da Web possam querer usar para o seu conteúdo. Se um leitor encontrar uma postagem relevante para o trabalho deles, por exemplo, e decidir usá-la como ponto de referência em uma apresentação, será necessário imprimi-la. Você nunca sabe quem visitará seu site e como eles usarão o conteúdo. Então, como o seu blog WordPress pode renderizar com nitidez nítida em telas e papéis digitais?

Plugins WordPress prontos para impressão

Como seria de esperar nas correções do WordPress, sempre há um plugin para o resgate. Escrever seu próprio CSS para impressão é poderoso, mas precisa de um pouco de planejamento, para não mencionar as horas adicionais nos testes e soluções de problemas que surgem. Portanto, se você não quer sujar as mãos escrevendo CSS, basta escolher um plugin para fazer o trabalho. Existem vários plugins que você pode usar, dependendo da complexidade do layout do seu blog. Aqui estão algumas opções a serem consideradas:

Fácil Social Share WordPress Plugin

compartilhamento-fácil-social-para-wordpress

Um dos plugins mais populares do CodeCanyon, o Easy Social Share possui ótimos recursos que facilitam o compartilhamento do blog de seus leitores. O plug-in não apenas inclui suporte para mais de 20 principais redes sociais, mas também inclui uma opção útil de impressão que você pode adicionar a qualquer postagem ou página. E como o botão Imprimir está incluído em todos os botões de compartilhamento social, esta é uma maneira rápida e fácil de adicionar uma opção de impressão ao seu site.

Botão para Impressão e PDF Plugin Gratuito para WordPress

wordpress-print0friendly-pdf-button

O botão Impressão amigável e PDF cria versões impressas das suas páginas da web com um clique de um botão. Você pode salvar as páginas como PDF ou imprimi-las em papel. Ele suporta mais de 20 idiomas e ajusta automaticamente o idioma para corresponder às configurações de idioma do usuário. O plugin vem com vários outros recursos e, o melhor de tudo, você pode usá-lo gratuitamente (com anúncios). Se você deseja a versão sem anúncios, precisa comprar uma assinatura.

WP Print WordPress grátis Plugin

wp-print-plugin

Este é outro ótimo plugin que deixa seu blog WordPress pronto para impressão sem problemas. Ele não possui tantos recursos quanto o plug-in anterior, mas possui um conjunto respeitável de configurações para controlar os elementos da página a serem impressos. Na página da web, ele exibe um único botão de impressão que permite aos usuários gerar uma versão pronta para impressão de qualquer página desejada.

CSS personalizado para impressão

Se você se sente à vontade com a codificação, um bom ponto de partida para imprimir seu blog WordPress pronto é o CSS. De fato, tornar seu site pronto para impressão envolve essencialmente escrever alguns estilos CSS para ocultar ou exibir elementos, para que fiquem claros no papel. Se o seu tema não estiver pronto para impressão ou você quiser adicionar estilos de impressão personalizados, primeiro crie um tema filho para adicionar seu CSS personalizado ou instalar e ativar seu plug-in CSS personalizado favorito.

Agora tudo o que você precisa fazer é adicionar seus estilos de impressão personalizados (CSS) para deixar suas páginas da Web prontas para imprimir, e isso também é fácil. Basta fazer uma declaração e, em seguida, escreva seus estilos nessa declaração da seguinte maneira:

@media print {
/ * seus estilos de impressão * /
}

A declaração é uma consulta de mídia que usa os estilos especificados para controlar a aparência de suas páginas da web quando impressas .

O segundo método é onde você coloca todos os seus estilos de impressão em um arquivo CSS separado. Essa é uma maneira mais limpa e organizada de fazer as coisas e é particularmente útil ao executar tarefas de manutenção no seu blog. Basta criar um novo arquivo CSS, escrever seus estilos (não esquecendo de começar com o @media print declaração e, em seguida, carregue seu arquivo CSS de impressão personalizado no seu tema. O que você coloca no seu arquivo de estilos depende inteiramente de você, mas basicamente você incluirá tudo o que deseja que apareça na versão impressa do seu blog..

Aqui estão algumas diretrizes gerais ao estilizar para impressão:

  • Existem algumas partes que você não deseja que apareçam na sua versão impressa, como a barra lateral. Nesse caso, quando você usa Mostrar nenhum para ocultar essas partes, reorganize os blocos restantes para que suas páginas não pareçam desordenadas quando impressas.
  • Use pontos para tamanhos de fonte em vez de medidas em ou pixel, que são melhores para telas digitais. As impressoras, por outro lado, funcionam melhor com pontos.
  • A versão impressa do seu blog deve usar largura total. Em dispositivos digitais, é bom limitar os tamanhos de largura, mas isso não parece bom quando impresso em papel.
  • Remova o conteúdo da seção de comentários, especialmente se o seu blog for muito ativo.
  • Remova o conteúdo da navegação e do rodapé (basta usar Mostrar nenhum nesses elementos). Na maioria dos casos, o conteúdo de texto nas suas páginas é tudo o que importa nas versões impressas, por isso deve ser seu foco principal ao escrever seu CSS impresso.
  • Além do ponto anterior, você também deve ocultar todas as imagens, a menos que sejam absolutamente necessárias para entender o conteúdo relevante do texto. Obviamente, todos os outros elementos de mídia interativa devem estar ocultos por padrão, pois são apenas desorganizados no papel. Os links também devem ser removidos, pois não fazem sentido no papel.

O WordPress.org tem um bom exemplo de uma folha de estilo de impressão que você pode usar como referência ao escrever a sua. Veja aqui.

Empacotando

Fazer um site pronto para impressão não é algo que muitas pessoas pensam ao criar seus sites. No entanto, é importante projetar para a Web e imprimir desde o início. No entanto, se você não fez isso e agora se sente preso, é muito fácil de corrigir. De fato, dada a simplicidade de implementar os estilos de impressão em seu tema, a maioria das pessoas – mesmo os iniciantes no WordPress – deve fazer essas alterações por conta própria, principalmente se usar um dos plug-ins recomendados acima.

Então, você planeja tornar seu blog pronto para impressão? Se você já tomou essas medidas, como foi? Eu adoraria ouvir tudo sobre suas experiências nos comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me