Suporte » Outros assuntos » Ícones de mídias sociais

  • Resolvido Luiz Fernando Caldeira

    (@luiz-fernando-caldeira)


    Boa tarde Pessoal.

    Eu tenho os ícones de mídias sociais em meu site.
    Porém, eu adiciono o endereço da pagina, e o mesmo não redireciona.

    <?php if ( '' !== get_theme_mod( 'fb_link' ) ){  ?>
                        <a title="facebook" class="fa fa-facebook" target="_blank" href="<?php echo esc_url(get_theme_mod('fb_link','#facebook')); ?>"></a> 

    Este é o código que uso.
    Onde devo adicionar o link da pagina?

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Moderador Felipe Elia

    (@felipeelia)

    Oi @luiz-fernando-caldeira,

    Essa função get_theme_mod() utiliza os valores informados pelo usuário no Personalizar, mas para isso é preciso criar os campos por lá. Você já fez isso? Se ainda não fez, você pode usar o código abaixo no functions.php do seu tema:

    function wpbr_77656_customize_register( $wp_customize ) {
    	// Cria uma seção.
    	$wp_customize->add_section( 'redes_sociais', array(
    		'title'    => 'Redes Sociais',
    		'priority' => 250,
    	) );
    
    	// Cria uma setting e seu control
    	$wp_customize->add_setting( 'fb_link', array(
    		'default'        => '',
    		'capability'     => 'edit_theme_options',
    	) );
    	$wp_customize->add_control( 'fb_link', array(
    		'label'      => 'Facebook',
    		'section'    => 'redes_sociais',
    		'settings'   => 'fb_link',
    	) );
    }
    add_action( 'customize_register', 'wpbr_77656_customize_register' );

    Não esqueça de voltar para dizer se funcionou, se ficou com alguma dúvida e, se for o caso, para marcar seu tópico como resolvido, beleza?

    Boa tarde Felipe.
    Deu certinho desta maneira que você me aconselhou.
    Em Aparência > personalizar, existe o campo para adicionar o link das redes sociais.

    Eu apenas gostaria de acrescentar o ícone do instagram, você poderia me dizer como?

    Obrigado.

    Moderador Felipe Elia

    (@felipeelia)

    Oi @luiz-fernando-caldeira,

    Se o campo já existe no Personalizar você vai ter que ver com qual nome ele foi criado pelo seu tema. Se ele ainda não existe você pode repetir a criação da section e do control, trocando fb_link por instagram_link, por exemplo. Assim, na hora de chamar o link, também é só fazer a mesma troca.

    Para exibir o ícone certo você também vai ter que trocar fa-facebook por fa-instagram, beleza?

    Felipe, fiz tudo o que você disse..
    Deu tudo certo.
    O ícone do instagram apareceu no rodapé da página, porém, não apareceu a opção em aparência para que pudesse colocar o link. Tem ideia do que seja?

    Moderador Felipe Elia

    (@felipeelia)

    Oi @luiz-fernando-caldeira,

    Achei que seu tema já fazia o campo aparecer lá no Personalizar. Você pode criar o campo da mesma forma como fizemos para o facebook. Antes do fecha-chaves (}) da função wpbr_77656_customize_register copie o seguinte código:

    
    	// Cria uma setting e seu control
    	$wp_customize->add_setting( 'instagram_link', array(
    		'default'        => '',
    		'capability'     => 'edit_theme_options',
    	) );
    	$wp_customize->add_control( 'instagram_link', array(
    		'label'      => 'Instagram',
    		'section'    => 'redes_sociais',
    		'settings'   => 'instagram_link',
    	) );

    Felipe, peço desculpas pela confusão.
    Deixa eu explicar direito.

    No rodapé do meu site, consta os ícones das redes sociais. Eu gostaria de acrescentar o link, para ir direto para a rede social. Você me indicou para acrescentar esse link no personalizar, e funcionou. Esse campo já existe lá no personalizar.

    Porém, não existia o ícone do instagram no rodapé, e nem o campo no personalizar para adicionar o link do instagram.
    Eu consegui adicionar o ícone no rodapé do site, porém, não apareceu o campo do instagram no personalizar.

    https://uploaddeimagens.com.br/imagens/imagem-png–352

    Conforme a imagem acima
    Falta adicionar apenas o instagram.

    Moderador Felipe Elia

    (@felipeelia)

    Oi @luiz-fernando-caldeira,

    Agora ficou mais claro! Você vai precisar acrescentar esse código no seu functions.php para criar o campo lá no Personalizar. Para acrescentar o campo nessa aba “Social Settings” que já existe, você vai precisar descobrir no seu tema qual é o nome dessa “section”.

    function wpbr_77656_customize_register( $wp_customize ) {
    	// Cria uma seção.
    	$wp_customize->add_section( 'redes_sociais', array(
    		'title'    => 'Redes sociais',
    		'priority' => 250,
    	) );
    
    	// Cria uma setting e seu control
    	$wp_customize->add_setting( 'instagram_link', array(
    		'default'        => '',
    		'capability'     => 'edit_theme_options',
    	) );
    	$wp_customize->add_control( 'instagram_link', array(
    		'label'      => 'Instagram',
    		'section'    => 'redes_sociais',
    		'settings'   => 'instagram_link',
    	) );
    }
    add_action( 'customize_register', 'wpbr_77656_customize_register' );

    Do jeito que o código está ele cria uma seção nova chamada “Redes sociais” e cria o campo Instagram lá. Se você olhar o código do seu tema e descobrir o identificador da seção que já existe, pode tirar a chamada para o método $wp_customize->add_section() e alterar a linha 'section' => 'redes_sociais',, trocando redes_sociais pelo id da seção que já existe.

    Se ficar com alguma dúvida é só falar.

    Boa tarde Felipe.

    Não consegui encontrar essa “section”.
    Mas colei o código conforme você disse.
    Deu tudo certo.
    Apareceu o campo “Redes Sociais” no personalizar, e agora consigo colocar o link para redirecionar à rede social.

    Obrigado.

    Moderador Felipe Elia

    (@felipeelia)

    Beleza @luiz-fernando-caldeira, que bom. Vou marcar o tópico como resolvido então. Qualquer outro problema é só criar um tópico novo que a gente tenta ajudar 🙂

    Felipe, muito obrigado mais uma vez pela ajuda!
    Sou grato a você.

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Você deve estar logado para responder a este tópico.