Suporte » Plugins » Botão compartilhar ao lado do post

  • Resolvido KellyBatista

    (@kellybatista)


    Como acrescentar botão compartilhar em redes sociais ao lado do título do post?
    Já utilizei alguns plugins, os botões aparecem abaixo do título, preciso que fique ao lado, alguém sabe como proceder? Obrigada

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Olá @kellybatista

    Você precisa procurar por plugins com essa funcionalidade ou implementar o AddThis no seu site (creio que eles tem uma sidebar de compartilhamento flutuante).

    Caso nada lhe agrade, o jeito seria altera o Tema para ficar do jeito que deseja.

    Criador do tópico KellyBatista

    (@kellybatista)

    Obrigada pela resposta Mário, já usei este plugin, realmente é muito bom, mas no caso a pessoa pediu para acrescentar go lado direito do título mesmo, na mesma linha.

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Então você tem uma tarefa que exige a edição do código do seu tema.

    Sugiro usar o AddThis pois ele permite incluir os botões usando código ou que procure um plugin que permita algo como isso ou um shortcode.

    Depois você precisará achar o arquivo do seu Tema e modifica-lo para incluir os botões e por fim os ajustes de aparência (CSS).

    P.S.: caso seu Tema seja comprado ou baixado, sugiro que crie um Tema Filho para isso.

    Criador do tópico KellyBatista

    (@kellybatista)

    Uso o Tema DIvi. Acrescentei shortcode no arquivo single.php edo programa simple social share, mas não funcionou, só pareceu simplesmente o código no topo do post, mas vou tentar com este que comentou, obrigada =)

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Olá, shortcodes não funcionam diretamente no código. Você precisa fazer o seguinte:

    echo do_shortcode( '[seu-shortcode-aqui]' );

    Criador do tópico KellyBatista

    (@kellybatista)

    Obrigada pelo retorno Mário, sou iniciante em PHP e estou encontrando dificuldades.
    Tentei da forma que falou, apareceu, porém embaixo da postagem, agora instalei o AddAny e encontrei uma forma de acrescenta-lo, como esta abaixo, mas ainda ficou embaixo do título:

    
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style" >
        <a></a>
        <a>
        <a></a>
        <a></a>
        <a></a>
        <a></a>
    </div>
    <!-- AddThis Button END -->
    

    O código do meu tema, do título das postagens (single.php) esta abaixo, acrescentei o código na parte <h1 class "ëntry-title"> <?php the_title();?> </h1>

    
    <div class="et_post_meta_wrapper">
    	<h1 class="entry-title"><?php the_title();?>  </h1> 
    
    	<?php
    	if ( ! post_password_required() ) :
    
    		et_divi_post_meta();
    
    	$thumb = '';
    
    	$width = (int) apply_filters( 'et_pb_index_blog_image_width', 1080 );
    
    	$height = (int) apply_filters( 'et_pb_index_blog_image_height', 675 );
    	$classtext = 'et_featured_image';
    	$titletext = get_the_title();
    	$thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' );
    	$thumb = $thumbnail["thumb"];
    
    	$post_format = et_pb_post_format();
    
    	if ( 'video' === $post_format && false !== ( $first_video = et_get_first_video() ) ) {
    		printf(
    			'<div class="et_main_video_container">%1$s</div>',
    

    Qual melhor solução para este caso no seu ponto de vista? Desde já agradeço!

    • Esta resposta foi modificada 6 anos, 11 meses atrás por Deblyn Prado.
    Criador do tópico KellyBatista

    (@kellybatista)

    Me desculpe, corrigindo, o código que adicionei no single.php o primeiro trecho não foi, seria esse:

    
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
        <a class="addthis_button_facebook"></a>
        <a class="addthis_button_twitter"></a>
        <a class="addthis_button_google_plusone_share"></a>
        <a class="addthis_button_favorites"></a>
        <a class="addthis_button_compact"></a>
        <a class="addthis_counter addthis_bubble_style"></a>
    </div>
    <!-- AddThis Button END -->
    
    • Esta resposta foi modificada 6 anos, 11 meses atrás por KellyBatista.
    • Esta resposta foi modificada 6 anos, 11 meses atrás por Deblyn Prado. Razão: Formantando código
    Criador do tópico KellyBatista

    (@kellybatista)

    Desde já agredeço!

    • Esta resposta foi modificada 6 anos, 11 meses atrás por KellyBatista.
    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Bom dia @kellybatista, tudo bem?

    Antes de mais nada, gostaria de pedir que ao copiar código muito grande utilize algum serviço como o pastebin. Assim fica mais fácil de entender.

    Sobre onde colocar o código, bem, se você quer abaixo do título, vai precisar achar onde o título é impresso e provavelmente é com a função the_title() ou echo get_title() ou algo como echo $post->post_title.

    No seu caso, vai ser logo abaixo do H1 .entry-title. Fazendo isso, ele vai aparecer lá. A questão é que pode ter CSS influenciando, então, particularmente eu adicionaria uma DIV (com alguma classe particular) abaixo do H1 e dentro dela eu colocaria o código dos botões, assim poderia estilizar da melhor forma possível.

    Caso tenha a implementação em um link acessível, seria interessante compartilhar o link da postagem aqui para que possamos dar uma olhada.

    Criador do tópico KellyBatista

    (@kellybatista)

    Bom dia @mariovalney, estou e você?

    Muito obrigada pelas informações e pela atenção, no caso seria ao lado do título, pois abaixo já havia conseguido com código que comentei e com shortcode, com ajuda da estrutura que você passou Agora não consigo nem com posicionamento css acrescentar do lado direito do texto.

    esse seria o código Link

    Outra questão é, se quiser acrescentar em todos títulos de posts, devo acrescentar tb no index, certo?

    Desde já agradeço =)

    • Esta resposta foi modificada 6 anos, 11 meses atrás por KellyBatista.
    Criador do tópico KellyBatista

    (@kellybatista)

    ficou assim, posicionando padding-left:100px; apenas fiz um teste. http://kellybatista.com/sakura/index.php/2017/04/05/373/

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Fica bastante difícil sugerir como, sem o link para ir testando.

    De qualquer forma, você precisa entender um pouco de CSS e HTML para isso, mas basicamente, você pode tentar forçar a largura do título (algo como 70%) e colocar os botões ao lado com um float ou outra forma de posicionamento (e largura de 30%, para fechar os 100% da linha).

    Porém, pessoalmente eu recomendo não acrescentar do lado direito do título. Pois, caso os títulos sejam maiores ou a tela do usuário menor, pode causar a quebra da linha e do layout. Acrescentando uma linha, só com os botões, abaixo do título permite editar mais fácil o posicionamento e também facilita o clique/toque do usuário, sem falar que não perde em relevância e ainda facilita seu ajuste para telas menores.

    Criador do tópico KellyBatista

    (@kellybatista)

    Obrigada Mário, realmente acrescentar botões ao lado do título não é uma boa idéia, dependendo to tamanho do título da postagem causa uma quebra de linha, mas agradeço muito pela ajuda.

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • O tópico ‘Botão compartilhar ao lado do post’ está fechado para novas respostas.