Shortcode para inserir scripts externos na edição do post WordPress

Shortcode é uma funcionalidade muito presente no WordPress, o que permite aos usuários incorporar facilmente elementos dinâmicos, como formulários, galerias, vídeos ou scripts, em suas publicações ou páginas usando códigos abreviados. Com esse método, é possível adicionar recursos avançados ao editor de conteúdo, tornando a criação de páginas ainda mais simples e eficiente.

No entanto, há momentos em que você precisa incluir algum JavaScript externo em seu post, o que por padrão não é possível no WordPress. Entretanto, existe uma solução simples para isso. Você pode adicionar o seguinte código PHP ao arquivo functions.php do seu tema e utilizar a shortcode [script src="url-do-script.js"] para inserir o script externo desejado.

Vejamos como isso é possível criando nossa função personalizada:

<?php

// Função para registrar a shortcode do script
function register_shortcode_script() {
  
  // Adiciona uma nova shortcode chamada 'script'
  add_shortcode('script', function(	&#36;src) {
    
    // Extrai os atributos da shortcode
    extract(shortcode_atts(array(
        'src' => 'src'
    ), 	&#36;src));

    // Retorna o código HTML para incluir o script com a URL fornecida
    return "<script src=\"	&#36;src\"></script>";
  });
}

// Adiciona a função de registro da shortcode à ação 'init' do WordPress
add_action( 'init', 'register_shortcode_script');

Lembre-se de substituir url-do-script.js pela URL do script externo que você deseja incluir.

Essa funcionalidade fornecerá mais flexibilidade ao seu site WordPress ao permitir a inclusão de scripts externos de forma controlada e segura. Bem simples, faça bom proveito!


Tags:

  • Shortcode
  • Actions
  • JavaScript

Compartilhar:

10 Comentários

  • Foto de Arthur Ronconi
    Arthur Ronconi
    Hélio, todos os códigos e ações do plugin podem ser encontrados no próprio script do plugin. Dá uma olhada lá! =D
  • Foto de Marcelo Alexandre
    Marcelo Alexandre
    É a melhor função para validação de data em Javascript que já analisei! Parabéns!
  • Foto de Aristides
    Aristides
    SHOW
  • Foto de Anônimo
    Anônimo
    Obrigado!!!
  • Foto de Anônimo
    Anônimo
    Obrigado!
  • Foto de bretas
    bretas
    Muito bom valeu muito!!!
  • Foto de Cristiano
    Cristiano
    Meu nobre, Boa tarde! Artigo excelente e função melhor ainda. Me ajudou bastante em um dos meus projetos. Inclusive, adicionei a validação da hora, caso seja digitada. Um forte abraço!
  • Foto de Matheus Costa
    Matheus Costa
    muito massa ! sempre me perguntava o porque JS tinha Java no nome, visto que não vivi a época do Netscape Navigator
  • Foto de José Lopes
    José Lopes
    Ainda tenho duvidas entre ele e o Joomla, o WordPress parece que tem umas limitações que o Joomla não tem
  • Foto de Arthur Ronconi
    Arthur Ronconi
    Quais limitações?

O que achou do artigo?

Escreva um comentário, deixe-me saber o que achou do artigo. Se tens uma dúvida basta perguntar:

Resposta ao comentário:
Loading...