Clase 5 de 13 • Curso de Creación de Plugins para WordPress
Contenido del curso
MARCO ANTONIO ASPEITIA PEÑA
Benjamin Silva
José Jesús Palacios
Julián Andrés Loaiza Ospina
Natali Rivero
Luis Felipe Ceballos Caicedo
Benjamin Silva
Julian David Sierra Cabrera
Benjamin Silva
Kristopher Morales Zamudio
Cristian Ramanzin
Julián Andrés Loaiza Ospina
Cristian Ramanzin
Ricardo Villarreal
Cristian Ramanzin
Yonathan Gutierrez
Ermilo Joel Dorantes Uc
Cristian Ramanzin
Ermilo Joel Dorantes Uc
Alec Niño
Cristian Ramanzin
Alec Niño
Benjamin Silva
Luis Angel Castillo Vega
Luis Angel Castillo Vega
Learn @ Genosha
Napoleon Contreras
Hola comunidad,
Yo llevo rato aprendiendo wordpress y encontré esta herramienta para trabajar con plugins con el paradigma OOP (Oriented object programing)
Wordpress plugin voilerplate
Genera la misma estructura de carpetas del profe pero se trabaja con clases y modificadores de acceso. Está super chévere la verdad, ahora, les comparto mi estructura:
Esta estructura muy similar a la del profe en el directorio public/ . En dme-login.php (archivo donde voy a generar el shortcode) agregué una condicional que asegura la integridad de nuestro sitio en wordpress la cual es una buena práctica que recomiendan para desarrollos y evitar que el sitio encuentre un error fatal por funciones con nombres ya existentes.
if( ! function_exists( 'dme_login_form' ) ) { function dme_login_form(){ $response = 'formulario html'; return $response; } add_shortcode( 'dme_login', 'dme_login_form' ); }
Siguiendo el proceso dentro del archivo que está en el nivel de mi directorio _public/ _ voy a encontrar esto:
class Dicom_Mexico_Extensions_Public {}
Ya ubicando la clase procedí a agregar el método load_dependencies() al constructor
public function __construct( $plugin_name, $version ) { $this->plugin_name = $plugin_name; $this->version = $version; $this->load_dependencies(); }
Y aquí mandé a llamar el archivo en el que estoy trabajando, en mi caso dme-login.php
public function load_dependencies(){ require_once plugin_dir_path( dirname( __FILE__ ) ) . 'public/shortcode/dme-login.php'; }
Nota Les dejo la documentación oficial por si quieren saber más sobre el hook plugin_dir_path , pero en resumen lo que hago acá es obtener el path del directorio en el archivo en el cual me encuentro. . . Este es mi resultado:
Espero les sirva de algo, la verdad es que el curso se me hace muy interesante, normalmente he trabajado agregando metaboxes con CMB2 en la parte administrativa para creación de contenido, pero el trabajar un plugin que renderice contenido en la parte del front no lo había trabajado, me estoy emocionando muchísimo.
Muy pro... Gracias
Listo. La forma más sencilla es repetir todo el proceso pero con el archivo signin.html.
Crear un archivo separado para este nuevo shortcode y registrarlo en el archivo principal del plugin.
Otra opción es renombrar el archivo de shortcodes a p.e form_shortcodes.php y poner ahí los dos. Así solo necesitamos registrar una vez el archivo de shortcodes.
Shortcode
Un shortcode es un código abreviado qque puedes insertar en el editor de tu web para añadir funcionalidades al contenido de tu página. En otras palabras se podría describir un shortcode como un acceso directo a un script PHP.
plugin-login.php
require_once plugin_dir_path(__FILE__)."/public/shortcode/form-registro.php";
/public/shortcode/form-registro.php
<?php function plz_add_register_form(){ $response = ' <div class="signin"> <div class="signin__container"> <h1 class="sigin__titulo">Register</h2> <form class="signin__form" id="signin"> <div class="signin__name name--campo"> <label for="Name">Name</label> <input name="name" type="text" id="Name"> </div> <div class="signin__email name--campo"> <label for="email">Email</label> <input name="email" type="email" id="email"> </div> <div class="signin__pass name--campo"> <label for="password">Password</label> <input name="password" type="password" id="password"> </div> <div class="signin__submit"> <input type="submit" value="Create"> </div> </form> </div> </div> '; return $response; } add_shortcode("plz_registro","plz_add_register_form"); // Se agrega con el bloque shortcode a través de: [plz_registro]
No hace falta "sanitize" (no sé cómo se diría en español) los inputs? WP se encarga o cómo tomamos precauciones de seguridad?
Porque hay algunos plugins que usa este tipo de condición despues de la documentacion?
if ( ! defined( 'ABSPATH' ) ) {
// Some Text or Code
}
En mi Visual Studio, no se me completan las opciones como al profe... Seguramente es alguna extensión. Alguien me puede orientar?, por favor.
El profe tambien menciono que tenia 2 extensiones al inicio del curso, igualmente... Se agradece todo lo que puedan aportar al respecto.
De antemano, gracias
PHP debug y Hooks IntelliSense
De donde sale el nombre del ShortCode
plz_registro
???
¡Hola, Kristopher! Eso es porque las direcciones que utilizas en las funciones require_once. No están correctas. Cópialas aquí así las analizamos. 😀
Hola! estoy trabajando el curso con la tema hijo de store front que obtuvimos en el curso de Creación de temas para wordpress y en las páginas suelo tener al inicio después del header las migas de pan que me indican dónde me encuentro en la web. Quiero eliminarlas y se me ocurrió esta solución en el styles.css de mi tema.
.woocommerce-breadcrumb { display: none; }``` Pero creo que no es la mejor solución ¿hay alguna para eliminarlo directamente de todas las páginas sin ocultarlo?
Ese idea es genial, y funciona. Igualmente te paso otra opción, con esta puedes evitar directamente el renderizado en el sitio y hasta puedes condicionar en que páginas remover los breadcrumbs:
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
no entiendo nada
¡Hola, Ricardo! Cuéntame en qué parte comienzas a perderte.
el uso de namespace y use aplicarian en wordpress para el caso de php 8? Entiendo que es mucho más eficiente en sus nuevas features
Ya verifiqué mi código y todo bien De igual manera activé y desactivé el plugin y nada, no me respeta el shortcode
El shortcode debe estar en corchetes "[shortcode]"
Si, ya después de un rato me fijé, muchas gracias por contestar.
Buenos días, tengo una duda, cómo puedo agregar css a mi formulario? no pude hacer lo del blueprint entonces creo que es lo que no me deja ver el css. Probé:
function project_style_login(){ wp_enqueue_style('style',plugins_url('style.css',__FILE__)); } add_action('wp_enqueue_style', 'project_style_login');
Dentro del shortcode del login pero sigue sin funcionar (puse el css en la carpeta shorcode para probar).
El hook que tenes que utilizar se llama wp_enqueue_scrips, por más que sean estilos. Tendrías que poner ese hook donde tenes el wp_enqueue_style. 😊
Muchas gracias profe, funcionó! hora de seguir con el curso.
No se como se edita o borra un hilo.
Ya encontré donde se creo el plz_registro.
Mis excusas.
Por favor!! el github!! No me aparece la pagina
Yo vengo del curso de themes y se me complica la parte del menu. Me aparece la pestaña de Sign UP pero no pasa nada si acciono al Sign in. Estoy confundido
También puede poner todo el html en un archivo aparte, requerirlo en el shortcode de la siguiente manera:
function mate_add_register_form() { ob_start(); require plugin_dir_path(__FILE__) . '/partials/login-form.php'; return ob_get_clean(); }
Es mas limpio y mas mantenible por un equipo.
EUREKA! it's alive
