Suporte » Temas » Como alterar o HTML do Read More?

  • Como faço para alterar o HTML do READ More?

    Eu quero adicionar umas classes CSS customizadas ao link do read-more.

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Posta o link do site para análise.

    Criador do tópico wemersonrv

    (@wemersonrv)

    Ainda estou ajustando… Não tem nada real publicado…

    http://zentyal.linkedon.com.br/

    Quero add algumas classes CSS customizadas no link… só isso.

    Criador do tópico wemersonrv

    (@wemersonrv)

    Estive dando uma analisada no código e encontrei no código onde é exibido o read more…

    Estou usando o tema responsive e no arquivo home.php tem a linha abaixo:

    <?php the_content( __( 'Read more ›', 'responsive' ) ); ?>

    Pensei que viria como um código HTML e era só add a classe CSS que preciso… mas como não é o caso, não sei como ajustar. Talvez exista como usar um hook pra isso.

    Dá uma analisada no elemento pelo Chrome
    clique com o segundo botão do mouse em cima do elemento,
    e inspecionar elemento e procure o arquivo CSS responsável para alterar.

    Criador do tópico wemersonrv

    (@wemersonrv)

    Amigo, bom dia.

    Não dá para fazer assim… Vou ter vários fatores que interferem no que será ajustado de CSS, então o tema tem várias classes para simplificar, como por exemplo definir o link como um botão, temos a classe button, para mudar a cor do botão temos as classes, blue,red, orange, etc… além ainda das classes de tamanho do botão, etc…

    Então preciso interceptar o que vai ser mostrado, e adicionar as classes como precisar… tipo: button medium orange ou button large red

    Criador do tópico wemersonrv

    (@wemersonrv)

    Eu consegui resolver parcialmente… eu add um filtro ao the_content e na Home funcionou, os posts são listados com o botão do jeito que eu quero:

    function readmore_as_button($content){
    
    	if( strpos($content, 'more-link') )
    		$content = str_replace('more-link', 'button orange',
    				$content);
    
    	return $content;
    }
    add_filter('the_content','readmore_as_button');

    Observem as mudanças aqui: http://www.wguimaraes.com.br/

    Porém nas outras páginas do tema, como pesquisa ou arquivo, não dá certo, pois o tema não add a classe “more-link” ao link do read more nessas páginas…

    Vejam:
    http://www.wguimaraes.com.br/servidores/

    http://www.wguimaraes.com.br/?s=servidor&submit=Ir

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Como alterar o HTML do Read More?’ está fechado para novas respostas.