Últimas pinceladas de la obra:

Desarrollo de los posts individuales.
Código en single.php:

<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package lookalive
 */

get_header();
?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">

        <?php
        while ( have_posts() ) :
            the_post();
            ?>
            <div class="row border-between">
            <div class="col-md-4">
                <?php
                if ( is_active_sidebar( 'left-sidebar-widget-area' ) ) :
                    dynamic_sidebar( 'left-sidebar-widget-area' );
                endif;
                ?>
            </div>
            <div class="col-md-8">
            <?php get_template_part( 'template-parts/content', "single" ); ?>
            </div>
            </div>
            <?php
        endwhile; // End of the loop.
        ?>

        </main><!-- #main -->
    </div><!-- #primary -->

<?php
get_sidebar();
get_footer();

Si hay algún widget agregado en el área de la barra izquierda se muestra esa barra. En la columna derecha, se incluye el código de template-parts/content-single.php:

<?php
/**
 * Template part for displaying page content in page.php
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package lookalive
 */

?>
    <div class="row">
    <div class="col-md-12">
   
    <div class="card border-0 mx-auto">
       
        <?php echo '<p></p><p class="card-category-text" style="line-height:1rem;margin-bottom:0.5rem;">';
            the_category( '/' );
        echo '</p>';?>
        <?php the_title( '<h1 class="entry-title" style="margin-left:-0.25rem;line-height:2rem;">', '</h1>' ); ?>
        <p class="card-category-author"><a href="/contact-page/"><?php echo get_the_author_meta('user_firstname', $post->post_author)." ".get_the_author_meta('user_lastname', $post->post_author); ?></a></p>
        <div class="pic border-0">
        <?php
         the_post_thumbnail("large", array('class' => 'card-img-top img-fluid'));?>
        </div>
           
        <div class="card-block text-justify px-0 article-text">
            <?php
            the_content();

                wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pag.:', 'lookalive' ) . '</span>',
                 'after'       => '</div>',
                 'link_before' => '<span class="num_pag">',
                 'link_after'  => '</span>',
               ) );
            ?>
        </div>
</div>
       
   
</div>
</div>

Explicación: agrupando todo el contenido en un card, se imprime primero la categoría del post, el título, la foto destacada y el texto.

Aunque existen algunos desarrollos menores más, son poco relevantes. La última versión del código puede obtenerse en su repositorio de github.

Fin de acción – Versión 0.0.2

Metas

  • Establecer los objetivos principales del proyecto.
  • Definir cómo llevar a cabo el proyecto (a nivel global).
  • Limitaciones.
  • Fortalezas.
  • Metodología de trabajo: marco operativo, tiempos, plataforma soporte, etc.
  • Relevamiento preliminar de themes de WordPress.
  • Diseño Web.
    • Relevamiento de sitios de noticias o magazine.
    • Instalación, prueba y evaluación de themes tipo magazine.
    • Implementación prototipo o template de home. (HTML, CSS, Javascript)
      • Elección de herramientas para el prototipado.
      • Creación del logo.
      • Implementación del template.
      • Creación de grilla bootstrap con las principales secciones: logo, menú, sticky menu sin implementación javascript, distintos modelos de portada, footers posibles, widgets posibles, sección principal y barra lateral.
      • Modelado de objetos: artículos para sección de portada.
      • Modelado de objetos: artículos para sección principal.
      • Ajuste de opciones.
      • Desarrollo de interacción javascript (sticky menu y sombreado de fotos).
  • Desarrollo WordPress
    • Obtener starter theme de underscores
    • Desarrollo de elementos generales
    • Desarrollo de la portada del Home
    • Desarrollo del feed principal del Home
    • Últimas pinceladas de la obra:
      • Desarrollo de los posts individuales
      • Desarrollo de resto de template-parts y página error 404
      • Corrección de bugs
Pag.: 1 2 3 4 5 6