En este artículo, le mostraremos cómo crear una galería de álbumes de fotos en WordPress sin un complemento.
Todos sabemos que con los complementos en WordPress, nada es imposible de lograr.
Pero cuantos más complementos use, más se degradará el rendimiento de su sitio web.
Para cualquier sitio web, la galería juega un papel muy importante.
Si su galería tiene trabajos y filtros intrincados, el rendimiento de su sitio puede superar.
Desea tener varias fotos en la galería de álbumes de fotos.
Aquí creamos un álbum mensual para que cada álbum tenga una imagen de portada y al hacer clic en la imagen de portada te llevará dentro del álbum para revisar cada foto individualmente.
también debes saber cómo crear una galería de álbumes de fotos en WordPress sin un complemento para realizar tareas complicadas para las que tuvo que comprar un complemento premium si desea utilizar el complemento.
Además, puedes usar uno de ellos. software de edición de fotos editar fotos que se incluirán en la galería del álbum de fotos.
Pasos para Crea una galería de álbumes de fotos en WordPress sin plugin
Todas las funciones necesarias para lograr el objetivo se pueden realizar utilizando las funciones integradas de WordPress. Trata cada álbum mensual como una publicación con una página separada. Considere cada imagen de su álbum como un archivo adjunto con su propia página.
Los álbumes requerirán una miniatura y la función está integrada en WordPress. Si su sitio es el sitio de un fotógrafo, puede cambiar las publicaciones predeterminadas con Álbum. De lo contrario, deberá crear un tipo de publicación personalizada.
Cree un complemento específico del sitio (no listo) y un tipo de publicación personalizada
Debe crear un complemento específico del sitio que no dependa de su tema. Son útiles para crear tipos de publicaciones personalizadas, agregar accesos directos, mostrar miniaturas y cosas por el estilo. Para crear un complemento específico del sitio, debe navegar al directorio de complementos mediante FTP.
En wp-content / plugins / cree una nueva carpeta y asígnele el mismo nombre que el complemento que desea crear. Vaya a la carpeta y cree un archivo php con el mismo nombre que la carpeta. Pegue el siguiente código en el archivo.
/* Plugin Name: Site Plugin for website.com Description: Site-specific code changes for website.com */ /* Start Adding Functions Below this Line */ /* Stop Adding Functions Below this Line */
Guarda el archivo y cierra. El código anterior no tiene significado y será reemplazado cuando cree su tipo de publicación personalizada.
Genere código para un tipo de publicación personalizada desde Generador de código postal personalizado de WordPress.
Visualización de tamaños de imagen adicionales y campos adicionales –
Desde el panel de administración ve a Apariencia y luego a Editor. Busque el archivo functions.php y agregue el siguiente código para registrar el tamaño de imagen adicional para la visualización de la cuadrícula.
add_image_size( 'album-grid', 225, 150, true );
Si desea agregar campos personalizados adicionales al Cargador de medios, como el nombre del fotógrafo, las páginas y otra información al cargar la imagen, debe agregar el siguiente código en functions.php.
/**
* Add Photographer Name and URL fields to media uploader
* @param $form_fields array, fields to include in attachment form
* @param $post object, attachment record in database
* @return $form_fields, modified form fields
*/
function be_attachment_field_credit( $form_fields, $post ) {
$form_fields['be-photographer-name'] = array(
'label' = 'Photographer Name',
'input' = 'text',
'value' = get_post_meta( $post-ID, 'be_photographer_name', true ),
'helps' ='If provided, photo credit will be displayed',
);
$form_fields['be-photographer-url'] = array(
'label' ='Photographer URL',
'input' ='text',
'value' =get_post_meta( $post-ID, 'be_photographer_url', true ),
'helps' = 'Add Photographer URL',
);
return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'be_attachment_field_credit', 10, 2 );
/**
* Save values of Photographer Name and URL in media uploader
* @param $post array, the post data for database
* @param $attachment array, attachment fields from $_POST form
* @return $post array, modified post data
*/
function be_attachment_field_credit_save( $post, $attachment ) {
if( isset( $attachment['be-photographer-name'] ) )
update_post_meta( $post['ID'], 'be_photographer_name', $attachment['be-photographer-name'] );
if( isset( $attachment['be-photographer-url'] ) )
update_post_meta( $post['ID'], 'be_photographer_url', esc_url( $attachment['be-photographer-url'] ) );
return $post;
}
add_filter( 'attachment_fields_to_save', 'be_attachment_field_credit_save', 10, 2 );
Como puede ver, agregará dos cuadros de texto en el cargador de medios, a saber, el nombre del fotógrafo y la URL del fotógrafo.
Crear páginas para mostrar todos los álbumes
Ahora es el momento de crear algunos álbumes (tipos de publicaciones personalizadas) y agregarles fotos. La imagen presentada será la portada del álbum. El contenido que agrega al área de contenido de la publicación se convierte en la descripción del álbum.
Página de plantilla para álbumes
Cree un archivo y asígnele el nombre archive-albums.php. Copie y pegue el código del encabezado, el pie de página, la barra lateral y otros elementos de la interfaz de usuario. Pegue el siguiente código para ver todos los álbumes en una página.
<li class="album-grid">a href="https://www.sktthemes.org/wordpress/photo-album-gallery-wordpress-plugin/title=""</a></li>
post_type == 'albums' $post-post_status == 'publish' ) {
$attachments = get_posts( array(
'post_type' ='attachment',
'posts_per_page' =-1,
'post_parent' =$post-ID,
'exclude' =get_post_thumbnail_id()
) );
if ( $attachments ) {
foreach ( $attachments as $attachment ) {
$class = "post-attachment mime-" . sanitize_title( $attachment-post_mime_type );
$title = wp_get_attachment_link( $attachment-ID, 'album-grid', true );
echo '<li class="' . $class . ' album-grid">' . $title . '</li>';
}
}
}
Coloque el siguiente código en el archivo CSS principal de su tema para que las imágenes de portada aparezcan en una cuadrícula.
.album-grid{width: 225px; height: 150px; float: left; list-style: none; list-style-type: none; margin: 0 18px 30px 0px;}
Página de plantilla para cada imagen
Cree un archivo y asígnele el nombre single-attachments.php. Copie todo el código del archivo single.php del tema terminado. Puede encontrarlo en el Editor en el menú Apariencia. Luego busque el código de bucle en el archivo single-attachments.php y reemplace esa sección con lo siguiente.
if ( have_posts() ) : while ( have_posts() ) : the_post();
$photographer = get_post_meta($post-ID, 'be_photographer_name', true);
$photographerurl = get_post_meta($post-ID, 'be_photographer_url', true);
<h1>the_title();</h1>
<div class="photometa"><span class="photographername"> echo $photographer; </span> // <a href="https://www.sktthemes.org/wordpress/photo-album-gallery-wordpress-plugin/echo $photographerurl" target="_blank" class="photographerurl" rel="noopener noreferrer"> echo $photographerurl </a></div>
<div class="entry-attachment">
if ( wp_attachment_is_image( $post-id ) ) : $att_image = wp_get_attachment_image_src( $post-id, "full");
<p class="attachment"><a>id); "https://www.sktthemes.org/wordpress/photo-album-gallery-wordpress-plugin/title=" the_title(); " rel="attachment"<img src=" echo $att_image[0];" width=" echo $att_image[1];" height="echo $att_image[2];" class="attachment-medium">post_excerpt;" /</a>
</p>
else :
<a>ID) "https://www.sktthemes.org/wordpress/photo-album-gallery-wordpress-plugin/title=" echo wp_specialchars( get_the_title($post-ID), 1 )" rel="attachment"echo basename($post-guid) </a>
endif;
</div>
endwhile;
endif;
