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, a automatização do processo economizará o tempo gasto nas capturas de tela manualmente.
Neste tutorial, mostraremos como criar capturas automatizadas de sites no WordPress.
Método 1: Crie capturas automáticas com um plugin
Este método é mais fácil, portanto, recomendado para iniciantes e usuários que não querem 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 sobre 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.
Clicar nele abrirá uma janela na qual você poderá inserir o URL do site, o 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 shortcode ao seu artigo do WordPress. Agora você pode visualizar seu artigo para ver o plug-in em ação.
Se você usar o editor de texto do WordPress e não quiser usar esse novo botão no editor visual, também poderá adicionar esse código manualmente manualmente.
[url de URL do navegador = "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 width e height ao shortcode.
[url de URL do navegador = "http: // www. blogpascher.com »width =» 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 desejado.
[url de URL do navegador = "http: // www. blogpascher.com »width =» 400 "altura =" 400 "link =" http://example.com "]
Se você quiser adicionar uma legenda à captura de tela, poderá fazer isso agrupando o texto ao redor do shortcode.
[url de URL do navegador = "http: // www. blogpascher.com »] Criação de sites - WordPress Blog, loja de comércio eletrônico [/ browser-shot]
O plugin do navegador tiro usa " mshots A API do WordPress.com para gerar capturas de tela na hora. Essas imagens não são armazenadas na sua biblioteca multimídia 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 a você como criar um plugin no WordPress, para que você possa usá-lo para adicionar este 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 plugin mencionado anteriormente, este código também usa a API " mshots Do WordPress.com para gerar capturas de tela na hora.
Para ver uma captura de uma captura de site em seus artigos e páginas do WordPress, você precisará inserir o shortcode 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 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.
[Tela url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
Isso é tudo sobre este tutorial. Espero que você possa tirar screenshots no seu site. Não hesite em nos contactar em caso de problemas.
