Botão Imprimir post

evandrosr
(@evandrosr)

7 anos atrás

Estou precisando criar um botão para imprimir as postagens, porém sem alguns elementos que aparece.. no caso, menu, vídeos, etc… precisa imprimir apenas o texto.

Encontrei algo em um blog que ajudou, mas não sei como faço para eliminar os itens… o botão de impressão funcionou direitinho.

Código para o botão:
<a href=”javascript:window.print()”>Imprimir esse Artigo</a>

código para puxar o css que não sei como fazer:
<?php wp_enqueue_style( ‘style_print’, get_stylesheet_directory_uri() . ‘/style_print.css’, ”, ”, ‘print’ ); ?>

Desde de já obrigado!

Visualizando 11 respostas - 1 até 11 (de um total de 11)

Everaldo Matias
(@everaldomatias)

7 anos atrás

@evandrosr sei o de encontrou rsrs..

Você precisa ter esse style_print.css no seu tema.

Pela função acima ele será usado apenas para o ‘print’ e não afetará o site. E então nesse arquivo você pode editar como quiser que seja feita a impressão.

Veja se isso lhe ajuda é qualquer coisa é só chamar..

Criador do tópico evandrosr
(@evandrosr)

7 anos atrás

Bom dia @everaldomatias,
Primeiramente obrigado p responder.
Procurei em todos os css do meu tema, e realmente não tem nada relacionado a impressão…
pelo que eu percebi, o código <a href=”javascript:window.print()”></a>abre a página de impressão do navegador… ficou perfeito, mas só precisava eliminar o menu e o vídeo que está imprimindo junto.
poderia me ajudar a resolver isso?

desde de já obrigado!

Everaldo Matias
(@everaldomatias)

7 anos atrás

@evandrosr, esse trecho de código (avaixo) carrega no seu site o qrquivo style_print.css. Se ele não existe você deve criar e editar nesse arquivo o que deseja remover da impressão.

<?php wp_enqueue_style( ‘style_print’, get_stylesheet_directory_uri() . ‘/style_print.css’, ”, ”, ‘print’ ); ?>

Explicando melhor, esse style específico para o print faz com que a impressora faça o que está determinado nesse arquivo style_print.css.

Criador do tópico evandrosr
(@evandrosr)

7 anos atrás

@everaldomatias, esse código php onde vai??
Acho que o css para excluir os elementos consigo fazer.

Everaldo Matias
(@everaldomatias)

7 anos atrás

@evandrosr no seu functions.php, deve ter outro wp_enqueue_style() nesse arquivo, coloque junto.

Leandro de Souza
(@leandrocsguitar)

7 anos atrás

Oi Evandro, fiz assim no meu site
coloque
<link rel=”stylesheet” href=”http://www.seusite.com.br/wp-content/themes/seutema/imprimir.css” type=”text/css” media=”print” />
no arquivo header.php do seu tema, entre as <head> </head>

Cria um arquivo imprimir.css e coloque dentro da pasta do tema, com o seguinte código, acrescenta o que você não quer que apareça na impressão, com display:none

@media print {
#menu{display:none;}
#vídeos{display:none;}
}

O botão para imprimir
Imprimir
pode usar no single.php, page.php

estiliza a classe imprimir no css do tema.

Criador do tópico evandrosr
(@evandrosr)

7 anos atrás

Bom dia @leandrocsguitar,
Fiz alguns teste e quando clica no botão imprimir vai p uma página de erro do site, coom se a página não existisse.. só confirma p mim se é esse código abaixo msm que devo usar:

<a title="Imprimir" href="window.print()" rel="nofollow">Imprimir</a>

Eu adicionei ele logo no final da postagem que pretendo imprimir

Obrigado!

Leandro de Souza
(@leandrocsguitar)

7 anos atrás

Oi Evandro, o botão
Imprimir

Cria o imprimir.css com as classes que quer ocultar

e o link rel dentro do <head> na pagina header.php

Criador do tópico evandrosr
(@evandrosr)

7 anos atrás

@leandrocsguitar, acho q segui isso msm que falou no teste, mas o botão imprimir tá aparecendo como um link quando está respondendo para mim e tive que usar inspecionar do navegador para pegar o código.

01 – Criei um css com o nome de imprimir.css e coloquei na pasta do tema
02 – Coloquei a linha <link rel=”stylesheet” href=”http://www.seusite.com.br/wp-content/themes/seutema/imprimir.css” type=”text/css” media=”print” /> no header.php entre as tags <head> </head>
03 – e criei um botão na postagem que quero imprimir (?) <a title="Imprimir" href="window.print()" rel="nofollow">Imprimir</a>

será que fiz corretamente?

Leandro de Souza
(@leandrocsguitar)

7 anos atrás

javascript:window.print()

eu colo o link completo mais não sei porque ele tira a palavra javascript do código

Criador do tópico evandrosr
(@evandrosr)

7 anos atrás

Quando que for colocar algum código na resposta, vc deve clicar em “code” no menu do editor de texto do fórum… isso no início e no final do código… desculpa se falei besteira, rs.

Mas já fiz o teste com o javascript:window.print() e não eliminou o menu nem o vídeo… acho q pode ser que é um multi-tema que estou usando, ele tem mais de um header.php… vou tentar aplicar nos outros para ver oq acontece e já te falo se deu certo..

Valew!

Visualizando 11 respostas - 1 até 11 (de um total de 11)

O tópico ‘Botão Imprimir post’ está fechado para novas respostas.

Tags de tópico

Visualizações