Ir para o conteúdo principal

Como criar screenshots no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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.

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 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.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

captura de tela do site WordPressAo 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.

Opções do navegador tiros

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.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

[URL da captura do navegador = "http: // www. blogpascher.com »] Criação de site - Blog do WordPress, loja de comércio eletrônico [/ browser-shot]
captura de tela blogpascher

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:

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

[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.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
5 ações
ação2
chilrear
Enregistrer3