cyxmedia
9/10/2017 - 5:46 AM

PAGE personalizada // custom-page (WP)

Pasos para crear un layout personalizado para páginas, recordemos que el primer paso es crear un archivo page.php dentro de la carpeta layouts de nuestro tema con el siguiente formato: nombredescriptivo-page.php

El otro requisito para que el sistema detecte nuestra plantilla, es iniciarla con una cabecera con el formato

En el ejemplo utilizamos la maquetación con una plantilla de YooTheme

custom-page
content_copyfile_download
<?php /*  * Template Name: Nombre de la plantilla (ej: foto derecha) */ ?> 
<!-- Al añadir esta línea es cuando el sistema reconocerá que existe una plantilla y nos permitira elegirla en una página a través del menu seleccionable -->

<?php get_header(); ?> <!-- HEADER YOOTHEME: añadimos los ficheros de header de la plantilla de Yootheme-->



<!-- START CODE PAGE.PHP -->
<!-- //////////////////////////////////////////////////////////////////////////////////////////////////// -->

  <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>

      <article class="uk-article">

          <?php if (has_post_thumbnail()) : ?>
              <?php
              $width = get_option('thumbnail_size_w'); //get the width of the thumbnail setting
              $height = get_option('thumbnail_size_h'); //get the height of the thumbnail setting
              ?>
              <?php the_post_thumbnail(array($width, $height), array('class' => '')); ?>
          <?php endif; ?>

          <h1 class="uk-article-title"><?php the_title(); ?> </h1>

          <?php the_content(''); ?>

          <?php edit_post_link(__('Edit this post.', 'warp'), '<p><i class="uk-icon-pencil"></i> ','</p>'); ?>

      </article>

      <?php endwhile; ?>
  <?php endif; ?>

  <?php comments_template(); ?>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////////// -->
<!-- END CODE PAGE.PHP -->



<?php get_footer(); ?> <!-- FOOTER YOOTHEME: añadimos los ficheros de header de la plantilla de Yootheme-->