0
212

SHARE

Reproduzir vídeo

Como Criar Plugin WordPress – Parte 3

Este post é a parte 3 de 5 da Série Criar Plugin WordPress

Nesse post, vamos continuar vendo como criar plugin WordPress, agora, como adicionar shortcodes de vários tipos.

Aqui estão alguns dos shortcodes que criamos no vídeo:

function meu_ig($atts)
{
    return "<a href='https://instagram.com/asllan.maciel' target='_blank'>Siga-me no Instagram</a>";
}
function botao_site($atts)
{
    $a = shortcode_atts(array(
        'cor' => 'green',
    ), $atts);

    return "<a href='https://asllanmaciel.com.br' target='_blank' class='btn' style='color:#fff; background-color:{$a['cor']}'>Meu Site</a>";
}
function video_yt($atts)
{
    $a = shortcode_atts(array(
        'id' => 'VDadtQaAatI',
    ), $atts);

    $html = '<iframe width="560" height="315" src="https://www.youtube.com/embed/'.$a['id'].'" title="YouTube video player" frameborder="0" allowfullscreen></iframe>';

    return $html;
}
function cta($atts, $content = null)
{
    $a = shortcode_atts(array(
        'background' => '',
        'link' => '',
    ), $atts);

    return "<a href='{$a['link']}' target='_blank' class='cta' style='color:#fff; background-color:{$a['background']}'>" . $content . "</a>";

}

Aqui vai a função para carregar todos os shortcodes:

function np_register_shortcodes()
{
    //Shortcodes registrados 
    add_shortcode('meu-ig', 'meu_ig');
    add_shortcode('meu-site', 'botao_site');
    add_shortcode('yt-video', 'video_yt');
    add_shortcode('cta', 'cta');
}
add_action('init', 'np_register_shortcodes');
Navegação<< Como Criar Plugin WordPress – Parte 2Como Criar Plugin WordPress – Parte 4 >>

Não perca mais nenhuma atualização aqui!

Ative as Notificações!

Clique aqui e, em seguida, clique em Permitir na caixa que aparecerá na parte superior da janela, próximo à barra de endereços.

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! Ao se tornar um assinante do WP24Horas, você terá acesso a:

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!

Não perca mais nenhuma atualização aqui!

Tabela de Conteúdo
PUBLICIDADE
Últimos Posts
Componentes Reutilizáveis e Campos Compostos no Gutenberg

Componentes Reutilizáveis e Atributos Compostos em Blocos Gutenberg

Adicionando Imagem Ícone e Classe CSS Personalizada em Bloco Gutenberg

Ícones, Imagens e Classes Personalizadas no Gutenberg

Atributos Visuais e Estilo Dinâmico com Gutenberg

Cor, Alinhamento e Estilo Dinâmico com Gutenberg + React

Como Estilizar Blocos Gutenberg com CSS e Classes Dinâmicas

Estilizando Blocos Gutenberg com CSS e Classes Dinâmicas

Criando Campos Dinâmicos e InspectorControls no Gutenberg

Campos Dinâmicos e InspectorControls no Gutenberg: Deixe Seu Bloco Interativo

Criando Blocos Personalizados com Gutenberg e React

Criando Blocos Personalizados com Gutenberg e React

Você precisa estar logado para ver esta informação.

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! 

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!