Como criar screenshots no WordPress
você cria capturas de tela automatizadas no WordPress? Se você costuma adicionar capturas de tela do site em seus artigos / páginas do WordPress, automatizar o processo poupa o tempo gasto nas capturas de tela manualmente.
Neste tutorial, mostraremos como criar capturas automatizadas de sites no WordPress.
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 plug-in " Tiros navegador ". Para mais detalhes, consulte o nosso guia passo a passo em como instalar um plugin do WordPress.
O plug-in funciona diretamente e não há parâmetros para configurar.
Basta editar um artigo / página ou criar um novo artigo / página. Você notará um novo botão no editor visual para adicionar capturas de tela do site.
Ao clicar nele, será exibida uma janela onde é possível inserir o URL do site, texto alternativo, um link para o URL da imagem e a altura / largura da captura de tela.
Clique no botão "OK" e o plug-in adicionará um código curto ao seu artigo WordPress. Agora você pode visualizar seu artigo para ver o plug-in em ação.
Se você usa o editor de texto do WordPress e não deseja usar esse novo botão no editor visual, também pode adicionar manualmente esse código de acesso manualmente.
[URL da captura do navegador = "https://blogpascher.com"]
Por padrão, o plug-in criará uma captura de tela dos pixels 600 x 600. Você pode alterar isso adicionando os atributos de largura e altura ao código de acesso.
[URL da captura do navegador = "http: // www. blogpascher.com »width =» 400 "height =" 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 da captura do navegador = "http: // www. blogpascher.com »width =» 400 "height =" 400 "link =" http://example.com "]
Se você deseja adicionar uma legenda à captura de tela, pode fazê-lo envolvendo o texto em torno do código de acesso.
[URL da captura do navegador = "http: // www. blogpascher.com »] Criação de site - Blog do WordPress, loja de comércio eletrônico [/ browser-shot]
O plug-in Browser Shot usa " mshots A API do WordPress.com para gerar capturas de tela em tempo real. Essas imagens não são armazenadas na sua biblioteca multimídia do WordPress. Eles são gerados diretamente dos servidores 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) {extrair (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" => "captura de tela", "w" =>' 600 ', // largura "h" =>' 450 '// altura), $ atts)); $ img = '<img alt = "' $ alt. '" src = "'. $ snap. ''. urlencode ($ url). '? w ='. $ w. '& h ='. $ h. '"/>'; 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 em tempo real.
Para exibir uma captura de uma captura de site em seus artigos e páginas do WordPress, você precisará inserir o código curto da seguinte maneira:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Substitua os campos de URL e Alt com seus próprios valores.
Por padrão, esse código gera uma captura de tela dos pixels 600 x 450. Você pode alterar isso adicionando seus próprios atributos de altura e largura ao código de acesso.
[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.