Personalización de Post Types en WordPress

Contenido del curso

Comprender las bases y el punto de partida

Crear Post Types y Archivos

Utilizar AJAX

La REST-API de WordPress

Utilizar Bloques

Deployment

Finalizar el Curso

29
Creación y Personalización de Sitios Web con WordPress
00:56 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:002:12

Personalización de Post Types en WordPress

Curso Profesional de WordPress

Clase 7 de 29

Clase 7 / 29

Recursos

¿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!

Luis Fernando Morla Mora

Hace 5 años

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

Hace 5 años

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

Hace 5 años

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

Comentarios (13)13 comentarios

María José Ledesma

Hace 7 años

Jose L. Figueroa

Hace 6 años

Sebastian Tamayo

Hace 2 años

Mauricio Perera

Juan Guillermo Perez Cardozo

Sebastian Vizcarra

Andrés David Madrigal Quiroz

Hace 4 años

Lucio Negrello

Profesor

Erick Nicolas Palacios

Usuario anónimo

User

Daniel da Silva Jarque

Kenneth Angulo L

Hace un año

Jorge Paiva

Hace 3 años

Cristian Orlando Rincon Bonilla

Comprender las bases y el punto de partida

Gestión de Contenidos Avanzada en WordPress

Entornos de Desarrollo Personalizados con Warp y Flight Bill

Creación de Tienda Online en WordPress con Gutenberg

Crear Post Types y Archivos

Organización de Contenidos en WordPress: Taxonomías y Etiquetas

Creación de Archivos PHP en WordPress para Mostrar Categorías

Mejorando la Navegabilidad en Sitios Web con WordPress

Personalización de Post Types en WordPress

Diferenciar Interfaces de Productos y Novedades en WordPress

WordPress: Crear Menú de Productos Relacionados con Loop Personalizado

Registro de Taxonomías Personalizadas en WordPress

Personalización de Páginas en WordPress con Advanced Custom Fields

Utilizar AJAX

Configuración de Formularios y Correos en WordPress

Desarrollo de Funciones Ajax en WordPress con PHP y JavaScript

Filtro de Productos con PHP y JavaScript en WordPress

Filtrado Dinámico de Productos en WordPress con PHP y JavaScript

La REST-API de WordPress

Uso del API REST de WordPress para integración y gestión de contenido

Creación de Endpoints Personalizados en WordPress API

Integración de API de WordPress en la Página Principal

Utilizar Bloques

Creación y Uso de Bloques en el Editor Gutenberg de WordPress

Creación de Bloques Personalizados en WordPress con PHP y JavaScript

Creación de Bloques Editables en WordPress con React

Bloques Dinámicos en WordPress: Creación y Uso Avanzado

Uso de InspectorControls en Bloques de WordPress

Registro y Personalización de Bloques en WordPress con ACF

Creación de Bloque Nativo con Renderizado del Lado del Servidor (SSR)

Deployment

Migración de un Sitio WordPress de Local a Servidor Real

Optimización SEO e Indexación con Plugins para Sitios Web

Seguridad y Configuración de Wordfence en Sitios WordPress

Finalizar el Curso

Creación y Personalización de Sitios Web con WordPress

Personalización de Post Types en WordPress