Suporte » Plugins » Botão do Add This (modificar localização)

  • Resolvido adrianaa

    (@adrianaa)


    Olá a todos,

    Sou meio crua em programação mas costumo aprender rápido… espero não estar perguntando nada muito óbvio!

    O botão do add this num site que estou montando fica no fim do post, logo abaixo de outro plugin que mostra os related posts…

    Eu queria um jeito de imprimir uma linha entre o plugin anterior e ele e talvez mudar o alinhamento de na esquerda para centro, ou direita… ou ainda, adicioná-lo ANTES do plugin do related posts e imprimir uma linha depois, para que não fiquem grudados. (Exatamente onde como eu quero que fique eu teria que testar para saber 🙂 Mas só não deixar os 2 plugins grudados já seria perto da perfeição! )

    Acontece que
    a) Se marco para que ele apareça no fim do post, ele fica abaixo do related post, grudado nele, e isso está me incomodando!

    b) Se eu não marco, e peço manualmente post a post para adicionar o botão, ele coloca lá em baixo, no fim de tudo, depois dos comentários, onde definitivamente não é o lugar onde eu quero que ele fique!

    Já testei com e sem o <?php do_action( 'addthis_widget' ); ?> no template (Que coloquei no single.php, onde suponho que fosse o local, mas não estou 100% confiante disso! 🙂 )

    Procurei nos modelos do plugin algum lugar que eu pudesse fazer uma alteração de alinhamento ou algo assim que não fosse no texto mas na imagem, mas não achei.

    Em tempo: o tema que estou usando é o graphene

    Se alguém tiver sugestões, agradeço. 🙂

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • Myst1010

    (@myst1010)

    Adrianaa eu queria ajudar, mas acho que eu não entendi bem o que vc quer, talvez por não conhecer os plugins e o tema.

    De qualquer forma acredito que seja um ajuste de CSS e não de código php ou html.

    Criador do tópico adrianaa

    (@adrianaa)

    No CSS geral não vejo como… Lá eu faço (e já fiz) modificações na estrutura do post, no alinhamento padrão, tamanho de fonte, estilo do parágrafo, essas coisas…

    O que eu preciso é algo que no script do plugin imprima uma linha (de forma a que o plugin não fique grudado no que está antes dele) e mude o alinhamento na imagem. O que talvez fosse no CSS do plugin (o alinhamento, acho que não a impressão de uma linha extra)… mas já olhei ele de cima a baixo e não vi muito como…

    Tentei colocar os códigos do plugin aqui (CSS, Java e PHP) mas aparentemente a mensagem ficou grande demais e não entrou….

    Obrigada pela intenção, de qualquer forma! :))))

    Pro caso deu não ter conseguido me fazer entender, uma screenshot do problema… Como o site ainda não está no ar, eu tirei de foco as pistas de qual site é, pro caso dos meus usuários não esbarrarem na imagem antes da divulgação da mudança e estragar a surpresa! 🙂

    Myst1010

    (@myst1010)

    Mesmo que a alteração tenha que ser supostamente no css do plugin vc ainda sim pode fazer no css do seu tema.

    Para substituir uma regra de um css já existente você pode usar

    !important

    Vamos supor que no css do plugin tenha
    .sua_classe{margin-top:0px;}

    você pode substituir essa declaração colocando em seu tema isso
    .sua_classe{margin-top:20px!important;}

    Me passe o link de uma página com este seu problema para eu dar uma olhada e e se possível me passa os links dos plugins e tema que eu testo aqui e te dou um retorno.

    Criador do tópico adrianaa

    (@adrianaa)

    O link da imagem:
    Probleminha no plugin 🙂

    O plugin:
    Add This

    O tema:
    Graphene

    Obrigada! 🙂

    Criador do tópico adrianaa

    (@adrianaa)

    Myst1010

    SUPER OBRIGADA por tentar ajudar! Como disse, aprendo rápido 🙂

    Seguindo a sua linha de raciocínio (que os templates do tema poderiam sobrescrever o do plugin), consegui mudar o botão de lugar. Ainda não consegui TUDO que eu queria fazer com ele, mas agora ele já não está grudado no outro plugin, e mesmo que eu não consiga centraliza-lo ou coisa assim, já não é uma prioridade.

    Se alguém tiver o mesmo problema, o que eu fiz:
    – Descobri que para esse tema, o arquivo correto para colocar o comando do Addthis que me permitiria modificar sua localização é o loop.php (e não o single.php). Assim, dependendo de onde coloco o comando nesse php, eu determino a altura que o plugin irá aparecer na página.

    – Testei várias localizações. Muito em cima, ele aparecia no resumo do post, tumultuando a 1a página. Logo após o comando que finaliza o post, ele grudava no outro plugin (identico à situação anterior). Mas logo acima do comando para tags, se elas existirem, ele cria um espaçamento do outro plugin e como as tags são textos, não dá a aparência de estar grudada nelas! 🙂 Dependendo do tema, a localização ideal vai ser diferente.

    – Como o comando <?php do_action( 'addthis_widget' ); ?> não está ligado a nenhuma classe, ainda não descobri como centraliza-lo, ou aumentar a margem superior ou inferior, etc… E tambem não sei se posso (ou como fazer) associar essa action com uma classe do CSS… Então a dúvida inicial ainda procede. Mas já não estou tateando no escuro…

    Moderador Leo Baiano

    (@leobaiano)

    Adrianaa, você pode tentar colocar o comando que chama o plugin dentro de uma DIV, atribuir um ID a esta e depois fazer o que quiser no CSS, ficaria algo tipo assim:

    <div id='addthis'>
    <?php do_action( 'addthis_widget' ); ?>
    </div>

    Então no CSS você estiliza como quiser:

    #addthis{
    ...
    }

    Se você compartilhar o link do seu blog fica bem mais fácil, alguém, até mesmo eu, poderia abrir no firefox, alterar com o firebug e depois te mandar o código prontinho para uso, mas você não compartilhou o link e ainda borrou a imagem pra ninguém ver a URL, suponho que não queira que visitemos o blog.

    Myst1010

    (@myst1010)

    Adrianaa o que o Leobaiano falou é verdade, seria melhor o link do blog, mas de qualquer forma baixei o tema e o plugin addthis e instalei aqui, só não pude testá-lo com o related posts porque vc não me passou o link dele.

    O plugin addthis já eu inseri por ele mesmo, não adicionei nenhum código no post e ele desta forma tem uma div com a class addthis_container então acho que com ela podemos resolver seu problema.

    coloque este código no seu arquivo style.css

    .addthis_container{
    	padding-top:20px;
    	border-top:#D5D5D5 solid 1px;
    	}
    .addthis_button{
    	position:relative;
    	left:50%;
    	margin-left: -63px;
    	}

    o código está adicionando um espaçamento superior na div para não ficar muito perto do outro plugin e adicionando uma linha que você queria, se não for bem isso é só alterar a gosto.

    Agora o botão eu joguei ele para o centro do post, mas levando em concideração a div entry-content e não a div post porque todo o conteúdo do post está na div entry-content, mas se vc quiser centralizá-lo em relação a div post é só alterar margin-left: -63px; para o que vc quer.

    Imagem de exemplo de como ficou vc pode ver aqui

    Se não for nada disso me passa o link do seu blog para eu olhar o código e poder fazer as alterações e se possível desenhe como vc quer exatamente para eu alterar ok.

    Criador do tópico adrianaa

    (@adrianaa)

    Antes de tudo, OBRIGADA DE CORAÇÃO PELA AJUDA

    Como meu contato com PHP é o de aprender correndo para algum projeto, não ter tempo para continuar em contato, desaprender, aprender correndo no projeto seguinte, acabo ficando presa em coisas como essa.

    Com essas duas dicas, problema resolvido… Tá centralizado, no lugar que eu quero, com espaçamento, perfeitinho. Então obrigada aos dois!

    Quanto a imagem com blur:
    Eu sei gente, o link é bem melhor, mas o site não é só meu e não está aberto à público. Uma vez divulgando um link, cai na boca do povo. A última vez que fiz alteração de plataforma pro site em questão, no fórum onde fui pedir ajuda, encontrei alguns usuários do site e lá se foi a surpresa por água abaixo. E embora eu tivesse bloqueado o site pra mecanismo de busca, ao procurarem pelo site, acharam o link nesse fórum, e mais gente acessando antes do site ficar pronto. Quando foi ao ar, a maioria dos comentários era: “eu já tinha visto antes de ir ao ar e…” E lá veio o povo da equipe do site a me olhar torto…

    Myst1010

    (@myst1010)

    Tá explicado então o sumiço do link rsrsrs
    e que bom que o problema foi resolvido.

    Já que foi resolvido classifica o tópico como resolvido, não sei onde faz isso, mas acho que só vc ou um moderador pode fazer.

    Beijos e fica com Deus, precisando é só voltar.

    Criador do tópico adrianaa

    (@adrianaa)

    Já setei como resolvido… 🙂

    É bem possivel que eu apareça chorando por ajuda mais pra frente, mas a cada problema resolvido, a gente vai ficando mais confiante para testar e resolver os seguintes… !

    Acabei de resolver um parecido nos banners, sozinha, usando a mesma lógica da solução usada nesse caso e adaptando pras especificidades do plugin de banner! 🙂

    Obrigada novamente!

    Oi pessoal, meu problema seria parecido. Queria juntar mais os ícones das redes sociais, um mais próximo do outro, como faço?

    http://i55.tinypic.com/svl75w.png

    xxx

    Nada?

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • O tópico ‘Botão do Add This (modificar localização)’ está fechado para novas respostas.