Suporte » Plugins » Resumo de postagem com Imagens na esquerda e descrição na direita

  • Sou novo no wordpress e ainda estou me adaptando. Me acostumei com o blogger, mas decidi migrar pra algo mais profissional WP.

    Bom pessoal. quero saber como posso deixar meu site com o leia mais. Imagem na esquerda com uma descrição na direita e o link do leia mais. Vou mostrar a imagem

    É deste jeito que quero deixar meu site. Existe algum plugin que faça isso ou algum código CSS para adicionar. Preciso de ajuda.

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Olá pcdrianoc.

    Aplique esse código no .php que deseja exibir essa listagem:

    <div class="cada">
    
        <div class="thumb">
        <?php if ( has_post_thumbnail() ) {
            the_post_thumbnail( 'thumbnail' );
            } else { ?>
            <img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/thumb-default.jpg" />
        <?php } ?>
        </div><!-- .thumb -->
    
        <div class="direita">
    
            <div class="title">
            <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
            </div><!-- .title -->
    
            <div class="summary">
                <?php the_excerpt('Read on...'); ?>
            </div><!-- .summary -->
    
        </div><!-- .direita -->
    
    </div><!-- .cada -->

    Bas ajustar com .CSS.

    Criador do tópico pcdrianoc

    (@pcdrianoc)

    Everaldo, obrigado, vou testar so me responde uma coisa.
    Não entendi onde colocar o código poderia ser mais específico? Não sei quase nada de wordpress.
    Devo colocar em qual?
    (header.php)
    Modelo da página principal
    (index.php)
    Modelo da Página
    (page.php)

    pcdrianoc,

    se você deseja exibir a postagem desta forma na sua home, você insere o código na index.php, ou front-page.php. Se você deseja que este formato apareça somente nas páginas, insira o código na page.php.

    Se você quer que apareça em uma página específica, crie uma pagina com o nome por exemplo: page-noticias.php, antes de chamar o header(<?php get_header(); ?>) insira o código <!–?php /* Template name:noticias */ ?–>; Feito isto no menu administrativo do wp você coloca a página Notícias com o modelo noticias, podendo personalizá-la de forma diferente das outras páginas.

    Esta é a forma que tenho trabalhado.

    Eu ia responder exatamente isso lhaoanlacosa.

    Pcdrianoc, veja ai e nos reporta.

    Uma pergunta de uma pessoa “ignorante” em relação ao wp: qual o caminho para que eu possa inserir esse código no meu blog? Gostaria de fazer com que a aparência dele ficasse como a que foi exemplificada acima.
    Obrigado.

    2lovers, veja as respostas anteriores (acima) minha e do lhaoancalosca que tem o que precisa. Após aplicar esses codigos nos devidos php’s, você vai precisar apenas fazer o css para as div’s e demais elementos.

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Resumo de postagem com Imagens na esquerda e descrição na direita’ está fechado para novas respostas.