Como usar imagens Unsplash no WordPress com um clique

Unsplash é um dos melhores lugares online para obter imagens gratuitas para usar em seus projetos. Eles não exigem atribuição, são de alta qualidade, novas imagens são adicionadas todos os dias, é fácil de pesquisar e você pode encontrar fotos sobre praticamente qualquer assunto que possa imaginar.

A maioria dos artigos que escrevi que usam postagens de exemplo incluem imagens tiradas do Unsplash. Eles têm uma qualidade incrível, mas também são arquivos muito grandes. Normalmente, eles exigiam várias etapas para deixá-los prontos para o meu site.

O processo geralmente era mais ou menos assim: ir para Unsplash em meu navegador, pesquisar ou rolar, baixar cada imagem individual para meu laptop, redimensionar cada imagem com meu software de edição de fotos e depois carregá-las no WordPress para usar em meus projetos.

Agora encontrei uma maneira de encurtar esse processo. Agora fica assim: selecione Unsplash no WordPress, pesquise ou role e selecione as imagens que desejo. As imagens são redimensionadas automaticamente e colocadas na minha pasta de mídia do WordPress, onde posso usá-las em meus projetos, ou são colocadas automaticamente no meu conteúdo. Isso significa que agora posso usar imagens Unsplash no WordPress com um clique. Sem download. Sem redimensionamento.

Inscreva-se no nosso canal no Youtube

Imagens instantâneas - Uploads do Unsplash com um clique

A solução é um plugin gratuito no depósito do WordPress chamado Instant Images. Você pode baixá-lo do depósito ou pesquisá-lo no menu Plug-ins do WordPress.

Uma vez ativado, um novo item de menu é adicionado ao menu Mídia chamado Imagens Instantâneas . Aqui você pode ajustar as configurações, ver fotos novas, populares ou mais antigas ou pesquisar fotos. As imagens carregam com AJAX, então novas imagens são exibidas enquanto você rola (o que pode ser viciante, mas isso é um problema diferente). Um menu na parte inferior da tela fornece links para se conectar, deixar um comentário ou ver as perguntas frequentes.

O plug-in oferece duas maneiras de adicionar imagens Unsplash ao WordPress:

• Na guia Mídia - funciona tanto com o editor atual quanto com Gutenberg.
• Dentro da página ou postagem - funciona com o editor atual e com os criadores de páginas que utilizam o editor WordPress atual.

Configurações de imagens instantâneas

Clicar em Configurações no canto superior direito fornece uma tela com várias configurações e áreas de conteúdo. As configurações do Unsplash incluem as configurações de tamanho da imagem para largura e altura máximas e uma caixa de seleção para ocultar o botão Imagens instantâneas que fica próximo ao botão Adicionar mídia na tela de edição de postagem. Estou deixando-os em seus padrões, mas este é um excelente recurso para controlar o tamanho das imagens.

O que há de novo fornece informações sobre as duas últimas atualizações. Nossos plug-ins listam outros plug-ins do editor e fornecem botões para que você possa instalá-los a partir do depósito do WordPress. Clique no botão Configurações X no canto superior direito para fechar esta tela.

Configurando Permissões do Servidor

Provavelmente, você conseguirá fazer upload de imagens sem problemas. Tentei duas instalações diferentes. O primeiro não teve problemas enquanto o segundo não carregava as imagens. O problema eram as configurações de permissões do meu servidor. As permissões foram definidas para 341. Precisa ser definido pelo menos para 755. Se você estiver usando o cPanel, navegue até a pasta instant-images dentro da pasta wp-content / uploads em seu servidor e clique em Permissões . O seu pode parecer diferente deste.

Se você tiver problemas para importar uma imagem, certifique-se de verificar as permissões do servidor. Se esse não for o problema, verifique as Perguntas frequentes para obter mais informações sobre solução de problemas. Não há muitos problemas, mas eu tive que definir as permissões.

Adicionando imagens à sua biblioteca de mídia

Para adicionar imagens diretamente à sua biblioteca de mídia, clique em Imagens instantâneas no menu do painel de mídia. Você pode encontrar imagens selecionando Novas, Populares, Mais antigas ou pesquisando. A rolagem revela mais imagens.

Depois de encontrar uma imagem que deseja adicionar à sua biblioteca, clique na imagem. Passe o mouse sobre a imagem para ver o botão para editar os detalhes dessa imagem, a miniatura do fotógrafo com um link para suas imagens no Unsplash, um botão para curtir a imagem ou ver o botão que permite visualizar a imagem no Unsplash.com.

Clicar na engrenagem abre Editar detalhes da imagem para essa imagem. Aqui você pode renomeá-lo, adicionar seu próprio texto alternativo e adicionar sua própria legenda.

Clicar na imagem a importa automaticamente para sua biblioteca de mídia.

Após a importação da imagem, você receberá uma mensagem de que a imagem está sendo redimensionada.

Você pode importar várias imagens de uma vez.

Depois que eles forem redimensionados e adicionados à sua biblioteca de mídia, você verá um ícone de marca de seleção verde.

As imagens agora estão na biblioteca de mídia, onde posso usá-las onde quiser.

A pesquisa fornece uma contagem do número de imagens que usam essa palavra-chave. Clicar no x no número limpa os resultados da pesquisa. Você pode pesquisar por palavra-chave ou por foto de identificação. A identificação da foto é útil se você encontrou a imagem em Unsplash.com e deseja usar as imagens instantâneas para importá-la.

Adicionar imagens diretamente a postagens e páginas

Se você já adicionou as imagens à sua biblioteca de mídia, pode usá-las normalmente. Se você ainda não os adicionou, não é necessário adicioná-los à biblioteca de mídia primeiro. Um novo botão é adicionado ao editor do WordPress chamado Instant Images . Ele fica próximo ao botão Adicionar mídia .

Isso abre um modal onde você pode rolar pelas imagens novas, populares ou mais antigas e pesquisar as imagens que desejar.

Clique na imagem desejada e ela passará pelo processo de download de um redimensionamento. Depois de concluir o processo e dar a você a marca de seleção verde, ele abrirá uma nova tela dentro do modal onde você pode editar a imagem. Aqui você pode ver o título, texto alternativo, legenda, descrição, URL do link, alinhamento e tamanho. Depois de fazer suas seleções, clique no botão para inserir a imagem em seu conteúdo.

A imagem será adicionada à postagem da mesma forma que se você a tivesse selecionado na sua biblioteca de mídia.

Neste exemplo, adicionei uma imagem dentro do conteúdo com o tamanho Médio e dei a ela um atributo Alinhar à Esquerda.

Este não é um plugin Divi, mas o botão Instant Images também está disponível para qualquer módulo Divi que usa o editor WordPress.

No entanto, a guia Instant Images não é adicionada ao construtor de front end. Obviamente, você ainda pode usar quaisquer imagens adicionadas à biblioteca de mídia, incluindo aquelas adicionadas com Imagens Instantâneas.

Licença de imagens Unsplash

As fotos do Unsplash são ideais para seus projetos por causa de sua licença. Todas as fotos no Unsplash podem ser usadas gratuitamente para fins comerciais e não comerciais. Você não precisa de permissão e não precisa fornecer crédito ao Unsplash ou ao fotógrafo.

Você pode baixar, distribuir, copiar e modificar as fotos da maneira que desejar. Você não pode vendê-los ou criar um serviço concorrente para a Unsplash.

Reflexões finais

Esta é a nossa visão sobre como usar imagens Unsplash no WordPress com um clique. Imagens instantâneas é de longe a maneira mais fácil que vi para importar imagens Unsplash para o WordPress. Gosto da capacidade de definir o tamanho máximo da imagem e redimensioná-la à medida que a imagem é importada. Isso é excelente para preencher sua biblioteca de mídia com fotos de alta qualidade para usar em seus projetos.

Se você precisa de fotos de alta qualidade em seus projetos, as Instant Images podem ser o plug-in de que você precisa para agilizar o processo de uso.

Nós queremos ouvir de você. Você já experimentou o Instant Images - One Click Unsplash Uploads? Deixe-nos saber o que você pensa sobre isso nos comentários abaixo.

Imagem em destaque via GoodStudio / shutterstock.com