Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result

Início » Desenvolvimento WordPress » Use o oEmbed para incrementar seu conteúdo WordPress

Use o oEmbed para incrementar seu conteúdo WordPress

by
8 anos ago
Reading Time: 4 min
3
oEmbed
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

Quando falamos em conteúdo, tudo o que podemos fazer para deixá-lo interessante é bem-vindo. Aliar conteúdo textual e mídias é uma excelente estratégia para chamar a atenção do leitor. Vídeos, apresentações de slides, fotos, áudios incrementam e valorizam qualquer conteúdo, seja ele em um simples blog pessoal ou em um site de uma grande corporação.

Conteúdo relacionado

Como criar Web Stories no WordPress

Como criar blocos reutilizáveis no Gutenberg

Como habilitar recursos ocultos do Gutenberg no tema WordPress

Para que isso aconteça, um processo bem simples precisa ser feito, o qual chamamos de incorporação ou simplesmente embed. É através desse método que podemos assistir vídeos do YouTube apertando o botão de play, sem sair da página em que estamos; acompanhar slide por slide de uma apresentação no SlideShare no post de um palestrante, entre outras tantas coisas tão triviais no nosso cotidiano ao ler conteúdo digital por aí.

Como é o processo habitual de embed?

Código de embed de vídeo do YouTube

O processo é bem simples e pode ser feito por qualquer pessoa, seja ela especialista ou não em códigos. Se eu quisesse fazer o embed de um vídeo do YouTube, por exemplo, eu faria o processo de cópia do código de incorporação e colaria no local adequado. No caso do WordPress, colaria esse código no editor Texto.

iFrame de vídeo do YouTube inserido no editor do WordPress

Esse código será interpretado e voilá! Temos nosso vídeo sendo exibido em nosso conteúdo. Simples, fácil, prático e intuito, mas como tudo tem um porém nessa vida, temos um pequeno agravante: por ser um CMS que se preocupa com segurança, o WordPress por “costume” acaba removendo esses scripts, iframes do conteúdo dos posts achando que foram inseridos por pessoas maliciosas. Com isso, seu conteúdo incorporado vai por água abaixo toda vez que uma edição é feita.

Chato, não é mesmo? Ganhamos em segurança, mas perdemos na parte de conteúdo? Não mesmo! Por conta disso, o WordPress facilitou a vida de todos os gestores de conteúdo ao permitir que o embed seja feito de forma mais simplificada ainda e sem perdas de conteúdo a cada edição.

Fazendo embed de conteúdo no WordPress

URL de vídeo do YouTube

A partir da versão 2.9, o WordPress inovou ao fazer com que o processo de embed fosse feito apenas colando no editor (visual ou texto) a URL do conteúdo. Se fosse um vídeo, é só copiar e colar a URL do vídeo no editor e salvar o post que o vídeo estaria incorporado. Se fosse uma imagem, o procedimento e o resultado são os mesmos.

Link de vídeo do YouTube para oembed no WordPress

Agora posso fazer oEmbed de todo tipo de conteúdo com facilidade

Se você pensou assim após ler o artigo, irei decepcioná-lo um pouco, mas não é bem assim. O WordPress tem suporte apenas a alguns serviços. O que nos deixa confortados é saber que os principais serviços de áudio, vídeo e imagens estão nesta lista e que a cada nova versão do CMS, ela é incrementada.

Só para terem uma dimensão, segue lista dos principais serviços com suporte ao oembed:

  • YouTube
  • Vimeo
  • SlideShare
  • Twitter
  • Instagram
  • Rdio
  • SoundCloud
  • Flickr
  • Spotify
  • Vine, entre outros

O Codex do WP contém toda a lista de serviços suportados em seu conteúdo específico sobre Embed. Aqueles que ainda não são suportados, nos resta apenas continuar seguindo o procedimento padrão, recorrer a plugins ou torcer para que entrem nessa lista nas próximas versões do WordPress. 🙂

Estou fazendo tudo certo, mas não funciona #comofaz?

Se você está seguindo tudo o que foi recomendado e não está tendo o resultado esperado, vale a pena analisar alguns pontos:

  1. Verifique a versão do seu WordPress. Alguns desses serviços estão disponíveis apenas a partir de uma versão específica do CMS. No Codex, temos logo à frente de cada serviço a versão em que o suporte ao oEmbed foi concedido.
  2. Veja se há algum plugin ou se o tema que está sendo usado estão gerando algum conflito. Para saber, desative-os e faça novos testes.
  3. Abra o editor texto e veja se não há algum código HTML juntamente com a URL. Geralmente, algumas tags de formatação podem ficar “escondidas” e comprometer o funcionamento do oEmbed.
  4. Sua URL contém algum parâmetro (ex: https://www.youtube.com/watch?v=wxGswXokkqM&list=RDwxGswXokkqM#t=0)? URLs de vídeos, por exemplo, podem conter parâmetros de canais, listas de reprodução, entre outros que fazem com que o seu conteúdo não seja incorporado.
  5. Algumas URLs encurtadas podem não funcionar. Opte por sempre usar as URLs completas das mídias.

Se quiser saber um pouco mais sobre o oEmbed, abaixo seguem links de alguns artigos em sites de referência sobre o assunto:

https://codex.wordpress.org/Embeds

http://www.escolawp.com/2013/09/como-incorporar-arquivos-de-audio-e-video-no-wordpress/

http://mashable.com/2011/06/05/embedly-how-to/

https://animoto.com/blog/business/easy-wordpress-embedding/

https://premium.wpmudev.org/project/oembed/?cb=d&utm_expid=3606929-42.r9JlJFl9S_KH_TBJodrCtA.3&utm_referrer=https%3A%2F%2Fwww.google.com.br%2F

http://churchthemes.com/2013/08/20/how-to-embed-audio-and-video-players-in-wordpress/

Tags: Apiki WP CursosGerenciamento de Sitesmídiasoembedwp
Share8Share1SendShare
Previous Post

Otimize suas imagens para ter um WordPress mais rápido

Next Post

Entrevista com Roberto Soares, especialista em Segurança da Informação

Related Posts

Anatomia do Gutenberg, o editor do WordPress
Desenvolvimento WordPress

Anatomia do Gutenberg, o editor do WordPress

13 de janeiro de 2021
As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Next Post
Entrevista com Roberto Soares, especialista em Segurança da Informação

Entrevista com Roberto Soares, especialista em Segurança da Informação

Internacionalização de temas e plugins para WordPress

Internacionalização de temas e plugins para WordPress

Comments 3

  1. Rodrigo Vieira Eufrasio da Silva says:
    8 anos ago

    Primeiramente gostaria de parabenizar a Apiki pelo o conteúdo publicado acima. Mais eu fiquei com uma pequena dúvida como eu faço no caso para embed com o Google Maps? Uma alternativa que ainda seja seguro.

    Abraços

    Responder
    • Mayara Alanna says:
      8 anos ago

      Oi, Rodrigo. Por padrão, ainda não há uma alternativa nativa para o embed de mapas do Google Maps. Dê uma olhada na lista de plugins do repositório gratuito do WP

      Responder
  2. Maycon Matos says:
    3 anos ago

    Fala pessoal blz, preciso de ajuda. Gostaria de cria uma página igual para todos da minha equipe e mudar apenas uma parte do conteúdo para colocar as informações desse colaborador, e ca um terá sua própria página.
    site.com/joao
    site.com/maria

    e para evitar evitar a duplicação de conteúdo gostaria de encontrar uma forma de ser a mesma página, apenas que alterasse uma pequena parte com de acordo com o link usado.
    Alguém sabe como eu posso fazer isso sem programação, talvez um plugin ou algo manual?

    Obrigado.

    Responder

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.

  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.