Suporte » Outros assuntos » Como deixar apenas um link em negrito (dentro de um post)

  • Resolvido Anapesp

    (@anapesp)


    Olá. Boa tarde. Meu tema é o Encounters lite e eu estou tentando negritar um link dentro do texto do post. Eu li algumas soluções mas não deu certo: o negrito ficou nos títulos dos posts além de negritar também os links. Eu quero um comando que negrite APENAS os links que eu inserir dentro dos textos dos posts. Aguardo ajuda, por favor. Obrigada!

Visualizando 15 respostas - 1 até 15 (de um total de 17)
  • Boa noite,

    Quando você vai inserir conteúdo, existem duas abas: Visual e Texto. Para colocar esse link específico em negrito, clique na aba “Texto”, localize o link e verá que ele está entre <a> e </a>.

    Coloque esse link entre as tags <strong> e </strong> e seu link ficará em negrito.

    Confirme aqui se deu certo. Se sim, favor marcar o tópico como resolvido. Se não, poste aqui.

    Muito boa sorte!

    Criador do tópico Anapesp

    (@anapesp)

    Oi, Ralden. Fiz o que vc disse. A palavra ficou em negrito mas perdeu o link.. Agora quando encosto o mouse, a mãozinha não aparece em cima do que era pra ser o link e a pessoa clicar para ser direcionada para o site. Explicando melhor: faço uma referência a uma loja online no meu post e queria que ele ficasse em tom mais forte que o resto do texto para chamar a atenção. Depois que fiz o que vc disse, o link sumiu e ficou só o nome.
    Tem alguma solução?
    Obrigada.

    Estranho, pois comigo funciona, mas isso é influenciado pelo CSS de seu tema. Vou colocar dois exemplos abaixo, com <div> e <strong> (só pra você conferir e ter certeza se fez certo), aí você adapta para seu objetivo:

    <div style="font-weight: bold;">Esse é um teste do link <a href="http://teste.com">teste.com</a></div>

    <strong>Esse é um teste do link <a href="http://teste.com">teste.com</a></strong>

    Boa sorte!

    Criador do tópico Anapesp

    (@anapesp)

    ai… desculpa a ignorância… mas onde eu tenho que verificar isso? Eu preciso procurar isso no meu tema, no CSS dele e copiar? Tem alguma coisa que eu poderia postar aqui pra vc me ajudar? Estou em apuros!!! Obrigada.

    Criador do tópico Anapesp

    (@anapesp)

    lembrando que o que eu preciso é deixar em negrito (mais escuro) apenas o link de um site que faço referência em um post do meu blog! Não sei se me fiz compreender… como não domino isso fica difícil…

    Boa noite,

    Rs, tranquilo. O que estou lhe ensinando é CSS inline, ou seja, é um ajuste que você faz no próprio texto do WordPress, sem precisar mexer em nenhum arquivo.

    Clique no menu lateral esquerdo em Posts > Adicionar Novo. A primeira “caixa branca” que você vê é para colocar o título do post. Logo abaixo tem uma “caixa branca” bem maior, que é justamente onde você escrever o conteúdo. Perceba que nessa segunda caixa tem duas abas no canto superior direito delas, com os nome “Visual” e “Texto”.

    Na aba “Visual”, você vê o que os usuários verão no próprio site. Na aba “Texto”, você pode editar o texto usando HTML. É nesse aba “Texto” que estou sugerindo você adicionar os cois códigos que passei e testar como fica seu link. Com certeza ficará em negrito, comigo tanto fica negrito e com a mãozinha de link.

    <div style="font-weight: bold;">Esse é um teste do link <a href="http://url">seu link</a></div>

    <strong>Esse é um teste do link <a href="http://url">seu link</a></strong>

    Se precisar de uma imagem para visualizar isso, acesse o tutorial abaixo, ficará fácil visualizar essas abas,

    http://blog.difluir.com/2015/03/guia-wordpress-editor-de-posts/

    Boa sorte!

    Criador do tópico Anapesp

    (@anapesp)

    🙁
    não adiantou… veja se vc descobre o que há de errado, por fvr: http://blogdaana.com.br/dica-da-ana-lojas-onde-eu-compro-cosmeticos-online/

    onde está escrito: Lojas Rede, Essência Brasileira, Casanostra Cosméticos e Mastroshop é onde eu quero que fique em tom mais forte que o restante do texto (pra destacar) e quero que seja link (aparecendo a mãozinha do mouse) para quem ler poder clicar em cima e ser direcionado para o site.

    Desculpa a insistência, Ralden… mas eu não tenho a quem recorrer!!! Muito obrigada pela grande ajuda que vc tem me dado!!!

    Tranquilo, “tamo” aqui é para ajudar no que for possível. Mas nesse post que você passou, qual o link você deseja que fique em negrito? Pois no texto do post não vejo nenhum link.

    Fico no aguardo,

    Criador do tópico Anapesp

    (@anapesp)

    São esses aqui, Ralden:

    1) LOJAS REDE: Lojas Rede

    2) ESSÊNCIA BRASILEIRA: Essência Brasileira

    3) CASANOSTRA COSMÉTICOS: Casanostra Cosméticos

    4) MASTROSHOP:  Mastroshop

    Olhando pro post, não dá pra perceber o link.. só quando encosta o mouse na palavra é que a mãozinha aparece.. Por isso quero deixar a cor dos links mais fortes. Ela está a mesma do restante do texto. Tentei fazer o que vc disse mas não aconteceu nada!

    Ai… que Deus te ajude! rssss…
    Obrigada!

    Eita, agora sumiu o post, quando clico no link dá erro 404, de página inexistente. E quando ovu para a home de seu site só tem o artigo sobre o poncho.

    Verifica aí o que acontece com o post.

    Fico no aguardo,

    Criador do tópico Anapesp

    (@anapesp)

    kkkkkkkkkkkkkkk
    eu e essa mania de limpar tudo… kkkk achei que porque já tinha publicado podia mandar pra lixeira… kkkk mandei tudo…. já restaurei!!! Vê se agora vai… foi mal hein! Mil desculpas!!!

    rs, tranquilo, ainda faço isso também, faz parte…

    Olha, segue abaixo o código fonte em HTML dos links que você quer no seu texto:

    <h6 style="text-align: justify;">A primeira é a <a href="http://www.lojasrede.com.br/" target="_blank">Lojas Rede</a>. Ela tem muita variedade de produtos, o preço é bom e as marcas são de boa qualidade. A entrega é rápida e se você morar ou estiver em BH, pode comprar também nas lojas físicas. Super recomendo!</h6>
    <h6 style="text-align: justify;">A segunda é a <a href="https://www.essenciabrasileira.com.br/">Essência Brasileira</a>. Muito boa também! Ela trabalha com várias marcas que AMO: Vult, Dailus, Cadiveu, Inoar, Ricca, além de secadores e pranchas. Vocês vão adorar!</h6>
    <h6 style="text-align: justify;">A <a href="http://www.casanostracosmeticos.com.br/">Casanostra Cosméticos</a> é outra queridinha minha. Gente, é de babar! Tem Aussie, Alfaparf, Annethun, Babyliss Pro, Belliz, Bioderm, Bioextratus, Fingr’s e um tanto de outras excelentes também!</h6>
    <h6 style="text-align: justify;">Outra loja que me conquistou de cara foi a <a href="http://www.mastroshop.com.br/">Mastroshop</a>. Enlouqueci com o tanto de cílios postiços que ela vende! São todos lindos.. lindos.. lindos! São marcas excelentes como MAC, Ardell, Revlon, Red Cherry, além de produtos de maquiagem e acessórios.</h6>

    Inclusive se você clicar na aba TEXTO, que falei anteriormente, você deve ver seu texto mais ou menos dessa forma. Pois bem, o que sugiro é que você coloque o texto de uma das duas formas que apresento abaixo:

    Com <strong>:

    <h6 style="text-align: justify;">A primeira é a <strong><a href="http://www.lojasrede.com.br/" target="_blank">Lojas Rede</a></strong>. Ela tem muita variedade de produtos, o preço é bom e as marcas são de boa qualidade. A entrega é rápida e se você morar ou estiver em BH, pode comprar também nas lojas físicas. Super recomendo!</h6>
    <h6 style="text-align: justify;">A segunda é a <strong><a href="https://www.essenciabrasileira.com.br/">Essência Brasileira</a></strong>. Muito boa também! Ela trabalha com várias marcas que AMO: Vult, Dailus, Cadiveu, Inoar, Ricca, além de secadores e pranchas. Vocês vão adorar!</h6>
    <h6 style="text-align: justify;">A <strong><a href="http://www.casanostracosmeticos.com.br/">Casanostra Cosméticos</a></strong> é outra queridinha minha. Gente, é de babar! Tem Aussie, Alfaparf, Annethun, Babyliss Pro, Belliz, Bioderm, Bioextratus, Fingr’s e um tanto de outras excelentes também!</h6>
    <h6 style="text-align: justify;">Outra loja que me conquistou de cara foi a <strong><a href="http://www.mastroshop.com.br/">Mastroshop</a></strong>. Enlouqueci com o tanto de cílios postiços que ela vende! São todos lindos.. lindos.. lindos! São marcas excelentes como MAC, Ardell, Revlon, Red Cherry, além de produtos de maquiagem e acessórios.</h6>

    Com <div style="font-weight: bold;">:

    <h6 style="text-align: justify;">A primeira é a <div style="font-weight: bold;"><a href="http://www.lojasrede.com.br/" target="_blank">Lojas Rede</a></div>. Ela tem muita variedade de produtos, o preço é bom e as marcas são de boa qualidade. A entrega é rápida e se você morar ou estiver em BH, pode comprar também nas lojas físicas. Super recomendo!</h6>
    <h6 style="text-align: justify;">A segunda é a <div style="font-weight: bold;"><a href="https://www.essenciabrasileira.com.br/">Essência Brasileira</a></div>. Muito boa também! Ela trabalha com várias marcas que AMO: Vult, Dailus, Cadiveu, Inoar, Ricca, além de secadores e pranchas. Vocês vão adorar!</h6>
    <h6 style="text-align: justify;">A <div style="font-weight: bold;"><a href="http://www.casanostracosmeticos.com.br/">Casanostra Cosméticos</a></div> é outra queridinha minha. Gente, é de babar! Tem Aussie, Alfaparf, Annethun, Babyliss Pro, Belliz, Bioderm, Bioextratus, Fingr’s e um tanto de outras excelentes também!</h6>
    <h6 style="text-align: justify;">Outra loja que me conquistou de cara foi a <div style="font-weight: bold;"><a href="http://www.mastroshop.com.br/">Mastroshop</a></div>. Enlouqueci com o tanto de cílios postiços que ela vende! São todos lindos.. lindos.. lindos! São marcas excelentes como MAC, Ardell, Revlon, Red Cherry, além de produtos de maquiagem e acessórios.</h6>

    Perceba que passei apenas as linhas do texto onde tem os links. E que tanto <strong> como <div> ficam imediatamente antes do <a> e imediatamente após o </a>. Aqui no meu WordPress funcionou, o link fica sublinhado (coisa importante para links, pois isso meio que já foi incorporado na cultura sobre os links), negrito e quando coloca o mouse sobre o link muda o ícone para a mão.

    Teste no seu WordPress, na aba TEXTO (só funciona se você editar na aba TEXTO) e espero que o CSS de seu tema gere problemas.

    Posta aqui se deu certo. Se não der, então terá que editar o arquivo style.css de seu tema, pois ele deve ter uma referência a link absoluta, ou seja, impede que você edite links usando esse código inline.

    Boa sorte e fico no aguardo!

    Moderador Míriam de Paula

    (@miriamdepaula)

    Ralden! Não usa <div> não cara… <div>é um elemento em bloco e pode bagunçar o código. Usa <span> que é inline ou então o <strong> mesmo e bota ele dentro da tag <a>, não fora.

    Abração!

    Grande Miriam, muito bem lembrado!!!

    Anapesp, troca

    <div style="font-weight: bold;"> e </div>

    por

    <span style="font-weight: bold;"> e </span>

    Estou hoje em velocidade 1.000, então não estou enxergando alguns detalhes e tendo alguns cuidados básicos. Até por isso hoje não tou respondendo nenhum tópico, só parei para ajudar a Anapesp e passar em outro tópico uma avaliação sobre imagens de um slide.

    Muito obrigado Miriam!

    Boa sorte Anapesp!

    Criador do tópico Anapesp

    (@anapesp)

    UAAAAUUU!!!! Caaaarrraaaccaaaa…. CONSEGUIRAM!!!! Vcs são demais!!!! MUITO MUTO MUITO OBRIGADA por serem as soluções para os nossos problemas!!! Ralden e Miriam, DEUS que pague vocês, viu!!!Até a próxima (tomara que demore, né?! kkkkk)

    Ralden/Miriam, vão lá e vejam como ficou!!! Era desse jeito mesmo que eu queria!!! Valeu demais!!!!

Visualizando 15 respostas - 1 até 15 (de um total de 17)
  • O tópico ‘Como deixar apenas um link em negrito (dentro de um post)’ está fechado para novas respostas.