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.
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.
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]' );
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 7 anos, 5 meses atrás por
Deblyn Prado.
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 7 anos, 5 meses atrás por
KellyBatista.
-
Esta resposta foi modificada 7 anos, 5 meses atrás por Deblyn Prado. Razão: Formantando código
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.
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 7 anos, 5 meses atrás por 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.
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.
