fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

WordPress oEmbed: Incorporar (quase) tudo

Você está em:

WordPress oEmbed: Incorporar (quase) tudo
WordPress oEmbed: Incorporar (quase) tudo

Colocar vídeos, imagens, tweets e muitos outros tipos de mídia externa em seu site WordPress é fácil com oEmbed. Os plugins do WordPress são a vida do sistema e mais do que nunca existe um plugin para quase tudo. Mas é bom poder fazer trabalhos sem o uso de plugins extras.

Muitas das tarefas que o WordPress oEmbed pode fazer por você agora, no passado, teriam sido feitas com a ajuda de um plugin WordPress, a equipe de desenvolvimento por trás do WordPress parece bastante comprometida em fazer com que o Embed suporte cada vez mais tipos de mídia ricos, o que é ótimo novo para os usuários.

O que é oEmbed?

Simplificando, o WordPress oEmbed reconhece URLs para vários serviços para formatá-los e exibi-los automaticamente. Por exemplo, vídeos do Youtube, áudio do SoundCloud ou até mesmo posts do WordPress. Quando o WordPress vir o URL, ele se conectará ao serviço externo (como o Youtube) e solicitará o código HTML relevante para incorporar o vídeo na página ou postagem.

Você não precisa mais mexer em trabalhos de copiar e colar para obter o código de um vídeo. Você pode literalmente soltar o URL do vídeo ou outra mídia diretamente em sua postagem ou página do WordPress e funciona.

Para que você pode usar o WordPress oEmbed?

Enquanto oEmbed já existe há algum tempo no WordPress, desde a versão 2.9. Mas desde então eles adicionaram vários novos serviços que funcionam com oEmbed, então a lista está ficando maior.

Serviços de vídeo como Youtube, Vimeo e até Hulu são todos suportados. Sites de fotos, incluindo Instagram, flickr e Photobucket, funcionam muito bem. Até mesmo sites sociais como Twitter e Facebook são suportados. Heck, você pode até adicionar suas postagens no blog.

Para obter uma lista completa dos 36 serviços oEmbed, acesse esta página no WordPress Codex.

Como usar oEmbeds no Editor Clássico

Para aqueles que usam o Editor Clássico, basta colar os links de sua escolha no editor de rich text. Então, se você quiser compartilhar a lista de reprodução Mellow Indie Chill do SoundCloud, primeiro você precisa pegar o URL:

Em seguida, cole-o na área de texto principal e você verá isso:

Legal né?

Há uma coisa que você precisa lembrar ao usar oEmbeds no editor WordPress Classic – o URL para a mídia deve estar em uma linha por si só . Você não precisa mudar para o editor de texto nem nada, apenas lembre-se de clicar em enter para que fique em uma linha por si só.

Como usar oEmbeds em Gutenberg

Se você estiver usando o Gutenberg, adicionar oEmbed é um pouco diferente, pois há um bloco específico para adicioná-los. Para começar, você pode encontrar o bloco para o seu tipo de mídia específico (o Gutenberg tem várias opções de bloco) ou apenas procurar o bloco Incorporar.

WordPress oEmbed em Gutenberg

Em seguida, adicione seu link:

Bloco WordPress oEmbed Gutenberg

E, em seguida, clique no botão para incorporar. O bloco identificará a incorporação e a exibirá de acordo, conforme mostrado abaixo:

Exibição do WordPress oEmbed Gutenberg

É isso!

Controlar o tamanho dos objetos incorporados

Aqui está uma dica adicional que vale a pena notar. O WordPress conta com uma configuração de largura de conteúdo para controlar a largura de um objeto incorporado. Alguns temas do WordPress já terão esse conjunto e corresponderão à largura do conteúdo que está sendo exibido.

Se você tem um tema que não suporta essa largura, é muito fácil adicionar você mesmo.

if ( ! isset( $content_width ) ) {

$content_width = 600;

}

Você pode colocar isso com segurança no arquivo function.php do seu tema.

O WordPress também recomenda adicionar um pouco de CSS ao seu tema:

.size-auto, 

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

max-width: 100%;

height: auto;

}

Basicamente, o que isso faz é verificar se a largura foi definida e, se não, a define para 550 (pixels). Basta alterar o número para o que funcionará na sua situação.

Com base nesse valor, o WordPress usará isso como largura para todos os oEmbeds que ele vê agora. É inteligente o suficiente para calcular a altura com base na largura que você fornece, portanto, não há necessidade de se preocupar com uma configuração de altura.


oEmbed é uma ótima funcionalidade e que eu uso o tempo todo. É brilhante para os usuários finais do WordPress, não precisa mais mexer com plugins e configurações complicadas, basta soltar o URL da mídia na página e pronto!

Vá e experimente em seu site WordPress agora!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(