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

WordPress captura automática

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.

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

Opções do navegador tiros

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]

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.

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 de URL do navegador = "http: // www. blogpascher.com »] Criação de sites - WordPress Blog, loja de comércio eletrônico [/ browser-shot]
blogpascher tela

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.

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]

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.

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.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

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