Refactorizando nuestro código

Curso de Creación de Temas para WordPress

Comenzando nuestro theme

Conversión de Plantillas HTML a Temas WordPress

"Creación de Webs Locales con LocalWP en Windows"

Creación de un tema WordPress desde cero: Estructura y jerarquía

Armar estructura del Theme

Armando los archivos de nuestro Theme

Hooks

Agregando de funcionalidades de WordPress a nuestro theme

Asignando theme supports

Registrar y mostrar menúes

Registrando sidebars para nuestros Widgets

Personalizar el Loop de WordPress

Creando un Custom Post Type

Listando nuestros productos

Refactorizando nuestro código

Cierre del curso

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 15

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Gabriel Mundaray

hace 3 años

Aunque en este curso aprendí muchas cosas que no sabía, hay dos cosas que me gustaría agregar, ya que estoy haciendo este curso desde la ruta desarrollo con WordPress.

Antes de ente curso deberían añadir en a ruta cursos introductorios de PHP para que el estudiante lo entienda mejor, no es justo que luego del curso de creación de Blogs con WordPress, de una vez te pongan a crear themes, deberían colocar antes el curso de Introducción a PHP por ejemplo.
A veces el profesor iba muy rápido, y además de esto, su pantalla se veía como lenta, seguro un problema en la captura del video, esto tampoco ayudaba mucho.

Jeremías San Martín

hace 3 años

Este curso era justo lo que no entendía de los theme de wordpress.

¡Buen trabajo!

Stephany Kamsteeg Rodiño

hace 3 años

que enrredo este curso JAJAJA lo unico que aprendí fue a instalar el localWP xDDD

Andrés Felipe Acevedo Del Rio

hace 3 años

Esta clase es un antes y un después jajaja.
Especialmente con lo de:

   <?php do_action("acv_signin"); ?>

👌👌👌

Julian Andres Loaiza Ospina

hace 3 años

Refactorizar código

Para seccionar el contenido de los archivos se utiliza una carpeta que por conveniencia y estándar se suele llamar template-parts en la cual se almacenarán archivos .php que sean partes específicas de nuestro código para hacerlo más legible y se hace referencia al código mediante la función:

<?php get_template_part('template-parts/content', 'header'); ?>

En este caso se trae el código php que se encuentra en la dirección:

nuestro-tema/template-parts/content-header.php

<header class="encabezado">
    //.. Código html y php
</header>

También existe la función do_action(*nombrehookpersonalizado*) la cuál permite ejecutar un fragmento de código en un lugar específico del ciclo de ejecución

Por ejemplo para para cambiar un texto de sign in a log in según el estado del usuario

<a href="<?= home_url("sign-in"); ?>" class="encabezado_sign-in"> //página sign-in
    <?php do_action("plz_signin"); ?>
</a>

functions.php

function plz_add_to_signin_menu(){
    $current_user = wp_get_current_user();
    $msg = is_user_logged_in()? $current_user->user_email : "Sign in";
    echo $msg;
}

add_action("plz_signin", "plz_add_to_signin_menu");

Franklin Peñafiel

hace 3 años

Joya de curso, aprendí mucho y ya lo apliqué en un proyecto del trabajo, solo me faltaba aprender optiminar el código, al principio pensé usar include pero no me funcionó. Este video me explicó lo que tengo que hacer. Gracias

Aldo Miguel Ortiz Parodi

hace 3 años

12. Refactorizando nuestro código

Lo aprendido en esta clase ha sido súper interesante, un tanto complejo pero EMOCIONANTE. Espero poder aplicar lo aprendido en este curso en varios proyectos que tengo a disposición 😃

Además aprendimos la importancia de refactorizar nuestro código.

Referencias documentación WordPress:

https://developer.wordpress.org/reference/functions/get_template_part/

César Luis Amundaray Rodríguez

hace 2 años

Wow! ha sido un reto llevar este curso. Con lo aprendido siento que a penas estoy a las puertas de algo mucho más grande. A seguir practicando y aprendiendo.

Rodrigo Alles

hace 2 años

Apuntes

Refactorizando nuestro código en WordPress

Cuando se trabaja con temas de WordPress, es importante mantener un código limpio y organizado para facilitar su mantenimiento y escalabilidad. Una forma de hacerlo es utilizando plantillas parciales y la función get_template_part. A continuación, se explican los pasos para refactorizar el código de un tema de WordPress.

Creando plantillas parciales

Las plantillas parciales son archivos que contienen una porción de código que se utiliza en varias partes del sitio web. Por ejemplo, la sección de encabezado o pie de página. Para crear una plantilla parcial, se guarda el código correspondiente en un archivo y se lo nombra de manera descriptiva.

// header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
    <?php do_action( 'before_header' ); ?>
    <header>
        <?php get_template_part( 'template-parts/header/logo' ); ?>
        <?php get_template_part( 'template-parts/header/navigation' ); ?>
    </header>
    <?php do_action( 'after_header' ); ?>
    <main>

En este ejemplo, se crea la plantilla parcial header.php que contiene el código del encabezado del sitio web. Se utiliza la función get_template_part para incluir otras plantillas parciales, como logo.php y navigation.php, que contienen el código correspondiente al logo y la navegación del sitio web.

Utilizando la función get_template_part

La función get_template_part se utiliza para incluir plantillas parciales en un archivo de tema. La sintaxis general de la función es la siguiente:

get_template_part( $slug, $name );

$slug: es el nombre del archivo de la plantilla sin la extensión .php. Por ejemplo, header para header.php.
$name: es el nombre adicional de la plantilla parcial. Por ejemplo, logo para logo.php.

Utilizando la función do_action

La función do_action se utiliza para ejecutar acciones en un punto específico del código. Las acciones son ganchos que permiten a los plugins y temas de WordPress agregar o modificar el comportamiento del sitio web. La sintaxis general de la función es la siguiente:

do_action( $tag, $arg );

$tag: es el nombre de la acción.
$arg: es un argumento opcional que se pasa a la acción.

Utilizando la función wp_get_current_user

La función wp_get_current_user se utiliza para obtener el usuario actual en WordPress. La función devuelve un objeto WP_User que contiene información del usuario. La sintaxis general de la función es la siguiente:

$current_user = wp_get_current_user();

En este ejemplo, se almacena el objeto WP_User del usuario actual en la variable $current_user.

Utilizando la función var_dump

La función var_dump se utiliza para imprimir información detallada sobre una variable o expresión en PHP. La función muestra el tipo de datos, la longitud y los valores de las variables. La sintaxis general de la función es la siguiente:

var_dump( $variable );

En este ejemplo, se utiliza la función var_dump para imprimir la información detallada del objeto WP_User del usuario actual.

Conclusión

Refactorizar el código en WordPress utilizando plantillas parciales y la función get_template_part es una forma efectiva de mantener un código organizado y fácil de mantener. Además, las funciones do_action, wp_get_current_user y var_dump son herramientas útiles para agregar funcionalidades y depurar errores en los temas de WordPress.

Alejandro Ariza

hace un año

funtions.php function plz\_add\_to\_signin\_menu(){ $current\_user = wp\_get\_current\_user(); // var\_dump($current\_user); $msn = is\_user\_logged\_in()? $current\_user->user\_email : "iniciar sesión"; echo $msn;} add\_action("plz\_signin","plz\_add\_to\_signin\_menu"); content-header.php \

\" class="encabezado\_sign-in"> \ \ \ \ \ \

Alfonso José Chavarro Cortes

hace 2 años

1. **Template Parts**: Son como piezas de código que puedes usar una y otra vez en diferentes partes de la página. 2. **get\_template\_part()**: Es una función que permite llamar una de esas piezas de código en la página. 3. **do\_action()**: Es una función que te permite invocar una función específica previamente descrita en la página. 4. **var\_dump()**: Función que permite mostrar información detallada de alguna variable o expresión de PHP. Esta función muestra información estructurada, como el tipo y el valor de la variable.