Personalización de Post Types en WordPress

Clase 7 de 29 • Curso Profesional de WordPress

Resumen

¿Qué es un custom post en WordPress?

Un 'custom post' o contenido personalizado en WordPress es una herramienta valiosa para quienes desean crear o gestionar diferentes formas de contenido dentro de su sitio web. Mientras que los posts estándar pueden incluir entradas de blogs, los custom posts permiten una mayor personalización y diversidad.

Estos tipos de contenido se utilizan para distinguir contenido específico, como un catálogo de productos, de otros tipos de publicación, como noticias o blogs, asegurando que cada uno tenga una apariencia y formato únicos. Por lo tanto, un custom post mejora la funcionalidad de tu sitio al adaptarse a tus necesidades específicas.

¿Cómo funciona la jerarquía de archivos en WordPress?

WordPress utiliza una jerarquía específica de archivos para determinar cómo debe presentarse cada tipo de contenido. Entender cómo opera esta jerarquía es fundamental para personalizar la apariencia y funcionalidad de los posts en tu sitio.

Archivo Predeterminado: WordPress comienza buscando el archivo específico de un custom post. Por ejemplo, si trabajas con productos, el archivo correspondiente puede ser single-product.php.
Personalización por ID: Para personalizaciones extremadamente específicas, podrías crear un archivo de post basado en el ID de un producto individual. Sin embargo, esto es menos común.
Archivo Genérico: Si no existe un archivo específico para el custom post, WordPress recurre al archivo single.php, que es genérico y usado para mostrar contenido si no se ha especificado ninguna personalización.

¿Cómo aplicar personalizaciones a los custom posts?

Personalizar los custom posts te permitirá ofrecer una experiencia más rica y adaptada a los usuarios de tu web. Aquí te explicamos cómo llevar a cabo esta tarea:

Crear Archivos Específicos: Comienza creando archivos específicos para tus tipos de contenido personalizados. Por ejemplo, para un custom post de 'productos', crea un archivo single-product.php.
Adaptar la Plantilla: Diseña plantillas únicas para cada tipo de contenido. Utiliza etiquetas de plantilla y funcionalidades de WordPress para mostrar datos específicos pertinentemente.
Revisión y Pruebas: Revisa la apariencia de tus posts para asegurarte de que esté alineado con tus objetivos y prueba el diseño en distintos dispositivos para verificar su eficacia.

Al dominar estos aspectos, no solo optimizas la funcionalidad de tu web, sino que también mejoras la experiencia del usuario. ¡Ahora es tu turno de experimentar y llevar tu sitio web al siguiente nivel!

María José Ledesma

student•

Jose L. Figueroa

student•

Muchas gracias de nuevo por el aporte @María José Ledesma !!!!!!

Sebastian Tamayo

student•

Tus notas son increíbles

Mauricio Perera

student•

Una vez que entiendes la lógica detrás de las diferentes funciones y como se utilizan puedes acelerar el proceso de desarrollo utilizando un generador de código. Personalmente utilizo el plan gratuito de https://generatewp.com/ para generar el esqueleto básico de las funciones y lo modifico directamente en código.

Juan Guillermo Perez Cardozo

student•

esto si es un aporte, gracias mauro

Sebastian Vizcarra

student•

¿Qué es un Post Type y cómo se pueden personalizar los diferentes tipos?

Post Types son los diferentes tipos de publicaciones del sitio

Custom Post Type

Esta capacidad de Wordpress nos permite crear tipos de contenidos que se adapten a las necesidades de cada proyecto.

Esto lo vuelve muy versátil y permite generar diferentes archivos para personalizar su UI

Jerarquía de Archivos

Para los tipos de post personalizados, la jerarquía es:

"single-posttype-slug", "single-posttype", single.php y singular.php

Andrés David Madrigal Quiroz

student•

Hola todos, estoy siguiendo la ruta de aprendizaje, en esta parte de navegacion he revisado el codigo y esta exactamente ingual al del profe, pero aun asi no aparece la navegacion alguien me ayuda porfa?

Archivo single.php:

<?php get_header() ?> <main class='container'> <?php if ( have_posts() ) { ?> <?php while ( have_posts() ) { ?> <?php the_post(); ?> <h1 class='my-5'><?php the_title() ?></h2> <div class="row"> <div class="col-4"> <?php the_post_thumbnail( 'large' );?> </div> <div class="col-8"> <?php the_content();?> </div> </div> <?php get_template_part( 'template-parts/post', 'navigation' ) ? <?php } ?> <?php } ?> </main> <?php get_footer() ?>

Archivo: post-navigation.php:

PD: No se pegar imagenes todavía para referencia ... jejeje

AYUDA PORFAVOR.

SALUDOS CORDIALES,

Lucio Negrello

teacher•

Hola Andrés, cómo estás? Podrías subir tu código a un repo apra que lo podamos revisar y ayudarte? Saludos!

Andrés David Madrigal Quiroz

student•

https://drive.google.com/file/d/1cDvHV7HQnSlZe6GxhGVSFKkD0o_kjJdd/view?usp=sharing

Erick Nicolas Palacios

student•

¿alguien conoce por que ocurre este error ?

Lucio Negrello

teacher•

Hola Erick, cómo estás? Por la imagen puedo interpretar que tal vez sea un paginado de categorías o algo por el estilo? Por favor, compartinos un repo con el código para poder darte una mano. Saludos!

Luis Fernando Morla Mora

student•

por que a mi no me aparece mi custom_post_type en la barra de la izquierda?

<?php 

/* en la siguiente funcion se hara la configuracion del tema, los menus */

function init_template() {

    add_theme_support('post_thumbnails');
    add_theme_support('title-tag');

    register_nav_menus(
        array(
        'top_menu' => 'Menú de Navegación'
        )
    );
}

add_action('after_setup_theme', 'init_template');

/* aquí en la funcion assets podremos añadir las hojas de estilos, fuentes, librerias y JavaScript */

function assets(){

    wp_enqueue_style('style.css', get_template_directory_uri().'./style.css', array(), '1.0.0' );

    wp_enqueue_script('custom.js', get_template_directory_uri().'/assets/JavaScript/custom.js', '', '1.0.0', true);

}

add_action('wp_enqueue_scripts', 'assets');

/* vamos a inicializar los widgets */ 

function sidebar(){
    register_sidebar(
        array(
            'name' => 'Pie de página',
            'id' => 'footer',
            'description' => 'Zona de Widgets para pie de página',
            'before_title' => '<p>',
            'after_title' => '</p>',
            'before_widget' => '<div id="%1$s" class="%2$s" >',
            'after_widget' => '</div>'  
        )
    );
}

add_action('widgets_init', 'sidebar');

/* Vamos a generar el custom post type para el portafolio */

function portafolio_type(){
    $labels = array(
        'name' => 'Proyectos',
        'singular_name' => 'Proyecto',
        'menu_name' => 'Proyectos',
        'supports' => array('title', 'editor', 'thumbnail', 'revisions', 'color', 'fontSize'),
        'public' => true,
        'show_in_menu' => true,
        'menu_position' => 5,
        'menu_icon' => 'dashicons-admin-home',
        'can_export' => true,
        'publicly_queryable' => true,
        'rewrite' => true,
        'show_in_rest' => true,
    );
    $args = array(
        'label' => 'portafolio',
        'description' => 'Proyectos realizados',
        'labels' => $labels,
    );
    register_post_type('portafolio', $args);
}

add_action('init', 'portafolio_type');

Luis Fernando Morla Mora

student•

hasta le cambie el register y no funciono:

function portafolio_type(){
    $labels = array(
        'name' => 'Proyectos',
        'singular_name' => 'Proyecto',
        'menu_name' => 'Proyectos',
        'supports' => array('title', 'editor', 'thumbnail', 'revisions', 'color', 'fontSize'),
        'public' => true,
        'show_in_menu' => true,
        'menu_position' => 5,
        'menu_icon' => 'dashicons-admin-home',
        'can_export' => true,
        'publicly_queryable' => true,
        'rewrite' => true,
        'show_in_rest' => true,
    );
    $args = array(
        'label' => 'portafolio',
        'description' => 'Proyectos realizados',
        'labels' => $labels,
    );
    register_post_type('portafolio_type', $args);
}

add_action('init', 'portafolio_type');

cesar sarabia

student•

hola, debes ir a dashboard, settings, enlaces permanentes y Ir dar click en guardar, para que se regenere el httpaccess que es donde se controla el pedido de datos a la pagina

Usuario anónimo

user•

Custom Post Types Esta capacidad de WordPress nos permite crear tipos de contenidos que se adapten a las necesidades de cada proyecto. Esto lo vuelve muy versátil y permite generar diferentes archivos para personalizar su UI.

Usuario anónimo

user•

Jerarquía de Archivos Para los tipos de post personalizados, la jerarquía es: “singleposttype-slug”, “singleposttype”, single.php y singular.php

Daniel da Silva Jarque

student•

Gracias por la clase. Todo clarísrimo.

Kenneth Angulo L

student•

Jorge Luis Paiva Huamán

student•

Consulta, la data en bruto de la información de los CPT se encuentra en campos estructurados en sintaxis propia de wordpress. ¿Esta técnica supone ser mejor que estructurar la data en tablas de filas y columnas? Qué ventajas trae usar este técnica?

gracias por culturizarnos :-)

Cristian Orlando Rincon Bonilla

student•

Jerarquía de post types

Usuario anónimo

user•

Post Types son los diferentes tipos de publicaciones del sitio