Menú
WordPress en un CMS (Content Managment System) o sistema administrador de contenido en su traducción, con el cuál se nos facilita el diseño y construcción de una página web o tienda en línea.
Este CMS está desarrollado con lenguaje PHP, que para muchos de los que desarrollan página ni siquiera han estado cerca de ver el código a pesar que tienen rato manejando la página. Sin embargo, para otros que nos gusta colocarle «sabor y sazón» a las páginas, como es mi caso, en este artículo les vengo a detallar como hago para agregarles funciones o procesos hechos a la medidas dentro de WordPress, sin tener que ir a los archivos fuentes.
Antes de iniciar, voy a destacar lo que usé:
El plugin lo vamos instalar ingresando a la sección de Plugins -> Añadir nuevo. En la caja de busqueda colocamos «WPCode – Insert Headers», luego veremos el plugin con el icono azul, presionamos el botón «Instalar ahora» luego el botón de «Activar»
Pantalla de WordPress luego de haber buscado el plugin
Una vez instalado y activado el plugin, nos dirigimos al menú «Fragmentos de código» ubicado del lado izquierdo al final de las opciones del menú.
Antes de insertar nuestro código PHP debemos configurar un shortcode, que no es más que un método abreviado que permite llamar a plantillas, widgets o funciones de forma amigable.
Para esto, presionamos «Añadir nuevo» dentro de la sección de «Fragmentos de Código»:
Una vez presionemos el botón, vamos a indicarle que vamos a crear nuestro propio fragmento:
Ahora si ya estamos listo para insertar nuestro código PHP que se adapte a tus necesidades. Para este ejemplo desarrollé un para obtener los datos del usuario que está actualmente autenticado en la página, usando las mismas variables de sesión de WordPress:
Si sigues estos pasos en minutos tendrás listo tu fragmento y shortcode:
if (is_user_logged_in()) {
// Obtener el ID del usuario autenticado
$user_id = get_current_user_id();
// Obtener la información del usuario
$user_data = get_userdata($user_id);
// Mostrar los datos del usuario
echo "Nombre de usuario: " . $user_data->user_login . "<br>";
echo "Correo electrónico: " . $user_data->user_email . "<br>";
echo "Nombre: " . $user_data->first_name . "<br>";
echo "Apellido: " . $user_data->last_name . "<br>";
} else {
echo "El usuario no está autenticado.";
}
Una vez insertamos el código PHP en la caja de texto, y presionamos el botón de Shortcode, quedaría así:
En la imagen anterior podemos ver como se ingreso el código PHP.
IMPORTANTE: No incluyaslas etiquetas de código «<?php ?>» ya que el fragmentado te incluye estas etiquetas.
También se puede apreciar en la imagen que se puestra el shortcode en la parte inferior, el cuál vamos a copiar al portapapeles.
Una vez tengamos el shortcode creado, lo único que tenemos que hacer es pegarlo en el editor de preferencia. Para este ejemplo recuerden que usé Elementor PRO, y lo agregué a cualquier página para hacer la respectiva prueba.
Así se vería en Elementor:
Espero que haya sido de utilidad este artículo.
Para más información, o ayuda, por favor déjame saberlo haciendo clic aquí
Encuentra el servidor web para tu página web, con las características más completas, correos corporativos y certificado SSL para transacciones eCommerce.
