você cria capturas de tela automatizadas no WordPress? Se você costuma adicionar capturas de tela do site em suas postagens / páginas do WordPress, automatizar o processo economizará o tempo gasto em capturas de tela manualmente.

Neste tutorial, mostraremos como criar capturas automatizadas do site da Web WordPress.

WordPress captura automática

Método 1: criar capturas automáticas com um plug-in

Este método é mais fácil, portanto, recomendado para iniciantes e usuários que não desejam usar o código.

A primeira coisa que você precisa fazer é instalar e ativar o plugin " Tiros navegador ". Para mais detalhes, consulte o nosso guia passo a passo em como instalar um plugin do WordPress.

O plugin funciona imediatamente e não há configurações a serem configuradas.

Basta editar um post/página ou criar um novo post/página. Você notará um novo botão no editor visual para adicionar capturas de tela do site da Web.

captura de tela do site WordPressClicar nele abrirá uma janela onde você pode inserir o url do site, o texto alternativo, um link do url da imagem e a altura / largura da captura de tela.

Opções do navegador tiros

Clique no botão "OK" e o plugin adicionará um código de acesso à sua postagem do WordPress. Agora você pode visualizar sua postagem para ver o plugin em ação.

Se você estiver usando o editor de texto WordPress e não quiser usar este novo botão no editor visual, você também pode adicionar manualmente esse código de acesso.

[navegador-shot url = "https://blogpascher.com"]

Por padrão, o plug-in criará uma captura de tela de 600 x 600 pixels. Você pode alterar isso adicionando os atributos de largura e altura ao shortcode.

[URL de foto do navegador = »http: // www. blogpascher.com "largura =" 400 ″ altura = "400 ″]

Ele também terá um link para a página em questão. Você pode alterar isso adicionando um atributo de link no shortcode e adicionar qualquer link que desejar.

[URL de foto do navegador = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]

Se você quiser adicionar uma legenda na captura de tela, pode fazê-lo envolvendo o texto em torno do código de acesso.

[url de captura do navegador=”http://www. blogpascher.com »] Criação de site – Blog do WordPress, butique Loja virtual [/foto do navegador]
captura de tela blogpascher

O plug-in Browser Shot usa " mshots »API do WordPress.com para gerar capturas de tela instantaneamente. Essas imagens não são armazenadas na sua biblioteca de mídia do WordPress. Eles são gerados diretamente dos servidores do WordPress.com.

Método 2: Criar captura adicionando um código

Este método requer que você adicione código aos seus arquivos do WordPress. Não é recomendado para iniciantes. Mostramos como criar um plug-in no WordPress, para que você possa usá-lo para adicionar esse código.

function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' imagem ', "w" =>' 600 ', // largura "h" =>' 450 '// altura), $ atts)); $ img = ' '; return $ img; } add_shortcode ("screen", "bpc_screenshots");

Semelhante ao plug-in mencionado anteriormente, esse código também usa a API " mshots Do WordPress.com para gerar capturas de tela instantaneamente.

Para ver uma captura de tela de um site da Web capture em suas postagens e páginas do WordPress, você precisará inserir o shortcode da seguinte forma:

[screen url = "https://blogpascher.com" alt = "BlogPasCher"]

Substitua os campos de URL e Alt com seus próprios valores.

Por padrão, este código irá gerar uma captura de tela de 600 x 450 pixels. Você pode alterar isso adicionando seus próprios atributos de altura e largura ao shortcode.

[url da tela = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]

Isso é tudo para este tutorial. Espero que você possa fazer capturas de tela no seu site. Não hesite em nos contatar em caso de problemas.