WordPress es una plataforma de gestión de contenido popular y versátil que permite a los usuarios crear sitios web dinámicos y funcionales. Una de las características clave de WordPress es su capacidad para organizar el contenido en categorías, lo que facilita la navegación y la presentación coherente de los artículos.
En este artículo, exploraremos cómo mostrar el nombre de una categoría en WordPress utilizando PHP, HTML y CSS. Este conocimiento será útil para aquellos que deseen personalizar la apariencia de su sitio web y mostrar información relevante en diferentes secciones.
Pasos para mostrar el nombre de una categoría en WordPress.
1. Obtener la categoría actual en PHP: El primer paso para mostrar el nombre de una categoría en WordPress es obtener la categoría actual en PHP. Esto se puede hacer utilizando la función get_queried_object() de WordPress, que devuelve el objeto de la categoría actual. A continuación, podemos utilizar la propiedad name del objeto de la categoría para obtener el nombre de la categoría.
$category = get_queried_object(); $category_name = $category->name;
2. Mostrar el nombre de la categoría en HTML: Una vez que tenemos el nombre de la categoría almacenado en la variable $category_name, podemos mostrarlo en cualquier lugar de nuestra plantilla de WordPress utilizando HTML. Por ejemplo, si queremos mostrar el nombre de la categoría en el encabezado de la página, podemos usar una etiqueta <h1> y mostrar el nombre de la categoría dentro de ella.
<h1><?php echo $category_name; ?></h1>
3. Estilizar el nombre de la categoría con CSS: Para asegurarnos de que el nombre de la categoría se muestre correctamente y se ajuste al diseño de nuestro sitio web, podemos aplicar estilos CSS personalizados. Podemos seleccionar la etiqueta HTML que contiene el nombre de la categoría y aplicar estilos como color, tamaño de fuente, espaciado, etc.
h1 { color: #333; font-size: 24px; margin-bottom: 10px; }
Pasos para convertir el código anterior en un shortcode para wordpress
Convertir el código anterior en un shortcode para WordPress puede facilitar su uso y permitir su inserción en diferentes partes del sitio web de manera más conveniente. Aquí están los pasos para convertir el código en un shortcode:
1. Abrir el archivo functions.php: El primer paso es abrir el archivo functions.php de tu tema activo en WordPress. Este archivo se encuentra en la carpeta del tema que estás utilizando y contiene las funciones personalizadas de tu sitio web.
2. Agregar la función del shortcode: Dentro del archivo functions.php, agregaremos una función que generará el shortcode. Esta función tomará el código PHP existente y lo encapsulará en una función que se ejecutará cuando se inserte el shortcode.
function mostrar_nombre_categoria_shortcode() { $category = get_queried_object(); $category_name = $category->name; return '<h1>' . $category_name . '</h1>'; }
3. Registrar el shortcode: Después de definir la función del shortcode, necesitamos registrarla para que WordPress la reconozca. Utilizaremos la función add_shortcode() para registrar nuestro shortcode. En este caso, vamos a registrar el shortcode con el nombre «mostrar_nombre_categoria».
add_shortcode('mostrar_nombre_categoria', 'mostrar_nombre_categoria_shortcode');
4. Utilizar el shortcode: Una vez que hayas registrado el shortcode, puedes utilizarlo en cualquier lugar de tu sitio web. Simplemente inserta [mostrar_nombre_categoria] en el contenido de una página, entrada o widget de texto donde desees mostrar el nombre de la categoría.
5. Guardar y probar: Guarda los cambios en el archivo functions.php y prueba el shortcode en tu sitio web de WordPress. Asegúrate de que el shortcode se esté ejecutando correctamente y que esté mostrando el nombre de la categoría según lo esperado.