Perú

Lima,Perú

Wordpress Custom Post Type

Fecha Publicación:       14 de Mayo de 2020
Fecha Modificación:       10 de Junio de 2020

1) Crear Custom Post Type usando GenerateWp.com  

--> Escoger la opción Post Type Generator.   

GenerateWp.com son Herramientas encantadoras para desarrolladores de WordPress , La forma más fácil y rápida de crear código personalizado y de alta calidad para su proyecto de WordPress utilizando los últimos estándares de codificación y API de WordPress.

 

 

2) Crear Custom Post Type en forma Manual

Para crear un tipo de publicación personalizada para cualquier tema en particular en WordPress, vaya al   archivo function.php desde el directorio de temas de WordPress y luego agregue el siguiente código.

/* Custom Post Type Start */
function create_posttype() {
register_post_type( 'Noticias',
// CPT Options

array(
  'labels' => array(
   'name' => __( 'Noticias' ),
   'singular_name' => __( 'Noticias' )
  ),
  'public' => true,
  'has_archive' => false,
  'rewrite' => array('slug' => 'Noticias'),
 )
);
}
// Hooking up our function to theme setup
add_action( 'init', 'create_posttype' );
/* Custom Post Type End */

Después de agregar este código, el tipo de publicación de Noticias aparecerá automáticamente en el Área de administración de su WordPress. Para ver cómo aparecerá en la parte frontal de su panel de WordPress, consulte la imagen a continuación.

 

Recuerda: 

Deves crear el archivo  single-nombredelposttype.php  en la carpeta  root/wp-content/themes/tu-tema-activo 

por ejemplo si hemos creado el Post Type Noticias debemos crear el archivo  single-noticias.php

a) En algunos ejemplos dentro del archivo single-nombredelposttype.php encontramos el codigo:

<?php
get_header();
?>

b) La función get_header(); lo encontramos en la plantilla   root/wp-includes/general-template.php   

function get_header( $name = null ) {
	/**
	 * Fires before the header template file is loaded.	 
	 * @since 2.1.0
	 * @since 2.8.0 $name parameter added.	 
	 * @param string|null $name Name of the specific header file to use. null for the default header.
	 */
	do_action( 'get_header', $name );
	$templates = array();
	$name      = (string) $name;
	if ( '' !== $name ) {
		$templates[] = "header-{$name}.php";
	}
	$templates[] = 'header.php';
	locate_template( $templates, true );
}

c) El archivo general-template.php llama al archivo header.php  que se encuentra en la carpeta  root\wp-content\themes\tu-tema-activo     

d) En el archivo header.php se carga los menus,el logo,etc  , ademas carga: 

 if ( is_singular( ) ) : 	
        $single_page_style = get_post_meta( get_the_ID(), CHEFSCUISINE_RECIPE_PREFIX . 'page_style', true );
        $single_page_style = empty( $single_page_style ) ? 'style-1' : $single_page_style;		

        echo Chefscuisine_Template_Loader::load( 'header/' . $single_page_style );

       // Aqui entra y carga header/' . $single_page_style = style-1

    else: 	
        $single_page_style = '';
        echo Chefscuisine_Template_Loader::load( 'header/style-1' );
    endif;

 

e) El archivo header.php llama a style-1.php que se encuentra en la carpeta root\wp-content\themes\tu-tema-activo\templates\header 

Dentro del archivo style-1.php se carga el titulo del post type  

<div id="header" class="heading" style="background-image: url(<?php echo esc_url( $header_background_image ); ?>);">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 col-sm-12">
                <div class="page-title">
                    <?php the_chefscuisine_title('<h2>', '</h2>'); ?>
                </div>
                <?php if ( chefscuisine_check_chefscuisine_plugin( ) ) : ?>
                    <?php echo Chefscuisine_Template_Loader::load( 'misc/breadcrumb' ); ?>
                <?php else: ?>
                    <?php chefscuisine_get_breadcrumb(); ?>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>

2) Crear Custom Post Type con Plugin

Plugin Custom Post Type UI     

Página principal del plugin    https://github.com/WebDevStudios/custom-post-type-ui/

Se instala en el DashBoard --> CPT UI

 

Referencia:

Usando Custom Post Types en WordPress    

 

 

Leidas : 285 Veces
Compartir:

Artículos Relacionados