Entradas etiquetadas con search

WordPress 3.x para desarrolladores: temas y plantillas, tag.php, search.php, searchform.php e image.php
0Llegamos a las penúltimas plantillas por comentar.
TAG.PHP
Creamos el archivo tag.php y añadimos el siguiente código:
- <?php
- /**
- * The template used to display Tag Archive pages
- *
- * @package WordPress
- * @subpackage New_Theme
- */
-
- get_header(); ?>
-
- <section id="primary">
- <div id="content" role="main">
-
- <?php if ( have_posts() ) : ?>
-
- <header class="page-header">
- <h1 class="page-title"><?php
- sistema de citas de matrimonio( __( 'Tag Archives: %s', 'newtheme' ), '<span>' . single_tag_title( '', false ) . '</span>' );
- ?></h1>
-
- <?php
- $tag_description = tag_description();
- echo apply_filters( 'tag_archive_meta', '<div class="tag-archive-meta">' . $tag_description . '</div>' );
- ?>
- </header>
-
- <?php newtheme_content_nav( 'nav-above' ); ?>
-
- <?php /* Start the Loop */ ?>
- <?php while ( have_posts() ) : the_post(); ?>
-
- <?php
- /* Include the Post-Format-specific template for the content.
- * If you want to overload this in a child theme then include a file
- * called content-___.php (where ___ is the Post Format name) and that will be used instead.
- */
- get_template_part( 'content', get_post_format() );
- ?>
-
- <?php endwhile; ?>
-
- <?php newtheme_content_nav( 'nav-below' ); ?>
-
- <?php else : ?>
-
- <article id="post-0" class="post no-results not-found">
- <header class="entry-header">
- <h1 class="entry-title"><?php _e( 'Nothing Found', 'newtheme' ); ?></h1>
- </header><!-- .entry-header -->
-
- <div class="entry-content">
- <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'newtheme' ); ?></p>
- <?php get_search_form(); ?>
- </div><!-- .entry-content -->
- </article><!-- #post-0 -->
-
- <?php endif; ?>
-
- </div><!-- #content -->
- </section><!-- #primary -->
-
- <?php get_sidebar(); ?>
- <?php get_footer(); ?>
Prácticamente es idéntico al resto de plantillas del estilo que hemos visto. En este caso muestra un listado de post por la etiqueta elegida.
SEARCH.PHP
Creamos el archivo search.php y añadimos el siguiente código:
- <?php
- /**
- * The template for displaying Search Results pages.
- *
- * @package WordPress
- * @subpackage New_Theme
- */
-
- get_header(); ?>
-
- <section id="primary">
- <div id="content" role="main">
-
- <?php if ( have_posts() ) : ?>
-
- <header class="page-header">
- <h1 class="page-title"><?php sistema de citas de matrimonio( __( 'Search Results for: %s', 'newtheme' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
- </header>
-
- <?php newtheme_content_nav( 'nav-above' ); ?>
-
- <?php /* Start the Loop */ ?>
- <?php while ( have_posts() ) : the_post(); ?>
-
- <?php
- /* Include the Post-Format-specific template for the content.
- * If you want to overload this in a child theme then include a file
- * called content-___.php (where ___ is the Post Format name) and that will be used instead.
- */
- get_template_part( 'content', get_post_format() );
- ?>
-
- <?php endwhile; ?>
-
- <?php newtheme_content_nav( 'nav-below' ); ?>
-
- <?php else : ?>
-
- <article id="post-0" class="post no-results not-found">
- <header class="entry-header">
- <h1 class="entry-title"><?php _e( 'Nothing Found', 'newtheme' ); ?></h1>
- </header><!-- .entry-header -->
-
- <div class="entry-content">
- <p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'newtheme' ); ?></p>
- <?php get_search_form(); ?>
- </div><!-- .entry-content -->
- </article><!-- #post-0 -->
-
- <?php endif; ?>
-
- </div><!-- #content -->
- </section><!-- #primary -->
-
- <?php get_sidebar(); ?>
- <?php get_footer(); ?>
Esta plantilla es la que muestra el listado de post que coinciden con la búsqueda que realiza el usuario.
SEARCHFORM.PHP
Creamos el archivo searchform.php y añadimos el siguiente código:
- <?php
- /**
- * The template for displaying search forms in Twenty Eleven
- *
- * @package WordPress
- * @subpackage New_Theme
- */
- ?>
- <form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
- <label for="s" class="assistive-text"><?php _e( 'Search', 'newtheme' ); ?></label>
- <input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search', 'newtheme' ); ?>" />
- <input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'newtheme' ); ?>" />
- </form>
Esta plantilla es la que genera el formulario de búsqueda. Como ves no tiene mucho que explicar.
IMAGE.PHP
Creamos el archivo image.php y añadimos el siguiente código:
- <?php
- /**
- * The template for displaying image attachments.
- *
- * @package WordPress
- * @subpackage New_Theme
- */
-
- get_header(); ?>
-
- <div id="primary" class="image-attachment">
- <div id="content" role="main">
-
- <?php while ( have_posts() ) : the_post(); ?>
-
- <nav id="nav-single">
- <h3 class="assistive-text"><?php _e( 'Image navigation', 'newtheme' ); ?></h3>
- <span class="nav-previous"><?php previous_image_link( false, __( '← Previous' , 'newtheme' ) ); ?></span>
- <span class="nav-next"><?php next_image_link( false, __( 'Next →' , 'newtheme' ) ); ?></span>
- </nav><!-- #nav-single -->
-
- <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
- <header class="entry-header">
- <h1 class="entry-title"><?php the_title(); ?></h1>
-
- <div class="entry-meta">
- <?php
- $metadata = wp_get_attachment_metadata();
- sistema de citas de matrimonio( __( '<span class="meta-prep meta-prep-entry-date">Published </span> <span class="entry-date"><abbr class="published" title="%1$s">%2$s</abbr></span> at <a href="%3$s" title="Link to full-size image">%4$s × %5$s</a> in <a href="%6$s" title="Return to %7$s" rel="gallery">%8$s</a>', 'newtheme' ),
- esc_attr( get_the_time() ),
- get_the_date(),
- esc_url( wp_get_attachment_url() ),
- $metadata['width'],
- $metadata['height'],
- esc_url( get_permalink( $post->post_parent ) ),
- get_the_title( $post->post_parent )
- );
- ?>
- <?php edit_post_link( __( 'Edit', 'newtheme' ), '<span class="edit-link">', '</span>' ); ?>
- </div><!-- .entry-meta -->
-
- </header><!-- .entry-header -->
-
- <div class="entry-content">
-
- <div class="entry-attachment">
- <div class="attachment">
- <?php
- /**
- * Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery,
- * or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file
- */
- $attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) );
- foreach ( $attachments as $k => $attachment ) {
- if ( $attachment->ID == $post->ID )
- break;
- }
- $k++;
- // If there is more than 1 attachment in a gallery
- // get the URL of the next image attachment
- $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
- else
- // or get the URL of the first image attachment
- $next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
- } else {
- // or, if there's only 1 image, get the URL of the image
- $next_attachment_url = wp_get_attachment_url();
- }
- ?>
- <a href="<?php echo esc_url( $next_attachment_url ); ?>" title="<?php the_title_attribute(); ?>" rel="attachment"><?php
- $attachment_size = apply_filters( 'newtheme_attachment_size', 848 );
- echo wp_get_attachment_image( $post->ID, array( $attachment_size, 1024 ) ); // filterable image width with 1024px limit for image height.
- ?></a>
-
- <div class="entry-caption">
- <?php the_excerpt(); ?>
- </div>
- <?php endif; ?>
- </div><!-- .attachment -->
-
- </div><!-- .entry-attachment -->
-
- <div class="entry-description">
- <?php the_content(); ?>
- <?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'newtheme' ) . '</span>', 'after' => '</div>' ) ); ?>
- </div><!-- .entry-description -->
-
- </div><!-- .entry-content -->
-
- </article><!-- #post-<?php the_ID(); ?> -->
-
- <?php comments_template(); ?>
-
- <?php endwhile; // end of the loop. ?>
-
- </div><!-- #content -->
- </div><!-- #primary -->
-
- <?php get_footer(); ?>
Esta plantilla nos permite crear una galería de imágenes simplemente añadiendo las imágenes desde la administración.