9 códigos de WordPress para darle vida a tu blog y mejorar UX

WordPress es fácil de configurar e instalar, listo para usar tan pronto como publique su blog.

Pero confiar en las opciones predeterminadas de WordPress puede resultar en una pérdida en su nombre:

  • Menos funcionalidad
  • Usuarios aburridos (que ven lo mismo en todos los sitios de WP con los que tropiezan)
  • Cae en las clasificaciones de los motores de búsqueda.

Tiene una herramienta flexible en sus manos, que puede ajustar para convertirla en algo agradable de usar y eficiente para confiar. ¿Por qué no darle más sabor a tus usuarios (y a ti mismo)??

Este artículo quiere ayudarlo a hacer que su sitio web basado en WordPress sea divertido y útil para sus usuarios agregando interesantes fragmentos de código eso también mejorará tu SEO.

Necesita ayuda para darle vida a su blog de WordPress?
WHSR ahora está asociado con Codeable.io para ayudar a los usuarios que necesitan servicios profesionales de desarrollo / personalización de WP.

Para obtener un presupuesto gratuito, complete este formulario de solicitud.

¡Pruébalos y cuéntame cómo te funcionaron! 😉

9 códigos para mejorar tu blog de WordPress

Te ofreceré dos tipos de fragmentos de código en esta publicación:

  1. Códigos del Codex
  2. Fragmentos de código y widgets

Los códigos del Codex son fragmentos de PHP que escribí yo mismo (con la ayuda de mi prometido, Simone) usando estrictamente el Codex de WordPress.org como referencia.

Los fragmentos de código y los widgets son fragmentos de código PHP (o complementos de WordPress) que están disponibles gratuitamente en otros sitios web y en WordPress.org, pero también incluí fragmentos de mi prometido y escribí desde cero usando referencias abiertas y de Codex.

Ambos tipos de códigos son fáciles de implementar e instalar, pero es posible que desee comenzar con widgets y complementos si no está seguro de cómo manipular el código.

Entiendo que 9 fragmentos de código pueden no ser suficientes para aquellos de ustedes a quienes les gusta experimentar con muchos códigos diferentes, por lo que estoy seguro de que nuestros 25 fragmentos de código útiles de Robert Ludrosky para desarrolladores de WordPress saciarán su hambre (al menos por un tiempo mientras). 😉

Códigos del Codex

1. Diferenciar publicaciones fijas

Para hacer que WordPress verifique si su publicación actual es una publicación fija, y la muestra en consecuencia, puede usar la función booleana Codex:

<?php is_sticky (); ?>

La función solo devolverá valores VERDADEROS o FALSOS, así que lo que puede hacer aquí si escribe una construcción condicional (if / else) para administrar sus publicaciones fijas. Un ejemplo:

<?php if is_sticky () {
el título();
the_time (‘M, d, Y’);
el extracto();
}
más {
incluir ‘post-template.php’;
}

En este uso de muestra, mostré la publicación adhesiva como un cuadro que contiene solo el título, la fecha de publicación y el extracto (no la publicación completa), mientras que la plantilla estándar para las otras publicaciones está contenida en post-template.php.

Cada tipo de publicación tendrá su propia hoja de estilo CSS, pero no estamos definiendo estilos aquí; solo plantillas.

Single.php es su plantilla predeterminada para publicaciones individuales (la encontrará incluida con cada tema WP predeterminado).

Si ha desarrollado su propio tema de WP pero no ha configurado plantillas para publicaciones individuales, puede seguir la guía del Codex aquí.

2. Mostrar la URL de la publicación

Puede ser divertido agregar este a su plantilla. Si desea que sus lectores obtengan el URI para cada una de sus páginas (o publicaciones), simplemente use la siguiente etiqueta dentro de su plantilla single.php, page.php o incluso index.php:

"><?php echo get_page_link (); ?>

En lugar de usar the_permalink, esa es la opción más obvia y funciona para todos los casos, WP le permite usar dos formas alternativas para publicaciones y páginas:

<?php echo get_post_permalink (); ?>
<?php echo get_page_link (); ?>

Por ejemplo, su plantilla de página puede incluir:

Enlace: "><?php echo get_page_link (); ?>

3. Recuperar y mostrar el número de identificación de la publicación

Incluso cuando configura su estructura de enlaces permanentes para que sea fácil de usar y SEO, aún puede mostrar a sus visitantes el ID de la publicación agregando esta función simple a su meta línea:

<?php the_ID (); ?>

Uso de la muestra:

Publicado por el nombre del autor. ID de publicación es <?php the_ID (); ?>

4. Lista de categorías por ID

La función estándar de WordPress es:

<?php get_all_category_ids () ?>

Aquí hay un ejemplo que utilicé en uno de mis blogs, escrito usando código del Codex y un tema en StackOverflow:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids como $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // necesitamos el enlace cat para que la URL funcione!
eco "{$ cat_id}: {$ cat_name}
";
}
?>

… y cómo se muestra:

código de categoría WP

Nota: get_all_category_ids () ahora es una función obsoleta, pero aún puede usarla sin problemas, como lo hago en mi blog (captura de pantalla anterior). Sin embargo, si desea utilizar la nueva función para este fragmento, visite la página get_terms () del Codex.

Qué hace este código?

El código obtiene todos los ID de categoría y el nombre de categoría para cada ID, luego vincula el ID al enlace de categoría, mientras muestra el nombre de categoría después de “:”, de ahí la expresión echo () {$ cat_id}: {$ cat_name }
.

5. Una página detallada de usuarios / autores para su blog

¿Alguna vez ha querido crear una página personalizada que muestre todos los autores o usuarios de su blog sin tener que depender de un complemento?

Bueno, puede crear su propia página personalizada de Autores / Usuarios con solo un editor de texto, un cargador de FTP y su amado Panel de WordPress.

En primer lugar, debe crear una copia de su archivo page.php. Cambie el nombre de su copia a cualquier nombre: nombré mine users.php.

Agregue la etiqueta de plantilla en la parte superior de esta plantilla para que WordPress la reconozca como plantilla, luego vaya a su Panel de control -> Páginas -> Agregue Nuevo y cree una página para su lista de Usuarios / Autores. Regrese a la lista de Páginas, haga clic en Edición rápida debajo del título de su nueva página y seleccione su nueva plantilla en el menú desplegable Plantilla. Guarda tus cambios.

Ahora abra su archivo users.php (o como lo haya llamado) y aplique el siguiente código:

<?php
$ resultado = count_users ();
echo ‘Hay’, $ resultado [‘total_users’], ‘usuarios totales’;
foreach ($ result [‘avail_roles’] como $ role => $ cuenta)
echo ‘,’, $ count, ‘are’, $ role, ‘s’;
eco ‘.’;
?>

Este código utiliza la función count_users aparece como “uso predeterminado” en el Codex. Puede ver un ejemplo en vivo de este código en http://robocity.in/users/.

Después de ese código, agreguemos algo sobre el administrador del blog:

<?php printf (__ (‘Número de publicaciones publicadas por el usuario "Líderes":% d ‘,’ text-dom-here ‘), count_user_posts (1)); ?>

Usé la función count_user_posts aquí, siguiendo el formato de uso sugerido por el Codex.

La función get_userdata es buena para mostrar la correlación entre cierto nombre de usuario y el nombre real de la persona que lo usa. Vea abajo:

<?php $ user_info = get_userdata (1);
$ username = $ user_info->inicio de sesión de usuario;
$ first_name = $ user_info->nombre de pila;
$ last_name = $ user_info->apellido;
eco "$ first_name $ last_name inicia sesión en su sitio de WordPress con el nombre de usuario de $ username.";
?>

Ahora, esta es la función más interesante que puede usar en su página de Autores / Usuarios: la función get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&rol = administrador ‘);
// Matriz de objetos WP_User.
foreach ($ blogusers como $ user) {
eco ” . esc_html ($ usuario->inicio de sesión de usuario) . ‘-‘. esc_html ($ usuario->usuario_email). ‘
‘;
}
?>

Esta función recuperará una lista de usuarios de acuerdo con ciertos parámetros que puede configurar en el código. En el ejemplo anterior (tomado de la página del Codex y editado para que se ajuste a mi página de Usuarios en Robocity.in), quiero obtener una lista de administradores para el ID de blog 1 (blog actual) ordenado por ‘nicename’, y para cada usuario, Quiero mostrar el nombre de usuario y el correo electrónico en una oración del tipo “Nombre de usuario -“.

Si desea mostrar a los usuarios registrados algo sobre ellos, puede usar la función get_currentuserinfo para recuperar, por ejemplo, el nombre y la dirección del usuario. No utilicé esta función en mi ejemplo, pero la creatividad no conoce límites, ¿verdad? 😉

Fragmentos de código & Widgets

6. Alternativa … Archivos!

mejores archivos de blogImagínese si pudiera reemplazar su antigua lista de archivos de la barra lateral, que sigue creciendo a medida que su blog crece y obliga a los usuarios a desplazarse, con un fragmento como el que puede ver aquí a la derecha.

¿No facilitaría las cosas a sus lectores captar la edad de su blog y la profundidad de los archivos de un vistazo? 🙂

Mi prometido y yo escribimos este fragmento simple usando get_post del Codex y un menú desplegable simple para la lista de archivos. Creamos nuestras propias funciones para que la idea funcione bien.

<?php
función formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime ($ format, strtotime ($ post->posfechar));
devolver $ salida;
}

función getLastPostID () {
list ($ post) = get_posts (array (‘posts_per_page’ => 1));
return $ post->CARNÉ DE IDENTIDAD;
}
?>

Este blog tiene publicaciones desde <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
La última publicación fue publicada el <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

¿Desea visitar un archivo específico??

<?php echo esc_attr (__ (‘Seleccionar archivo’)); ?>
<?php wp_get_archives (array (‘tipo’ => ‘mensual’, ‘formato’ => ‘option’, ‘show_post_count’ => 1)); ?>

Qué hace este código?

La función formatPostDate toma la identificación de la publicación y el formato de fecha y devuelve una fecha en el formato que elija. La segunda función, getLastPostID, toma una serie de publicaciones que contienen solo una publicación y devuelve su ID.

Para obtener la primera publicación del blog, generalmente con ID = 1, escribimos echo formatPostDate (1, ‘% B% e,% Y’) en el primer párrafo: este código usa la función formatPostDate y toma como parámetros la ID de publicación # 1 y un formato estándar en inglés para la fecha, y devuelve la fecha.

Para obtener la última publicación del blog, usamos formatPostDate (getLastPostID (), ‘% B% e,% Y’) para obtener el ID de la última publicación y un formato de fecha (nuevamente, en inglés) e imprimimos la fecha en pantalla.

7. Compruebe si el visitante usa un dispositivo móvil

Muneeb en WP-Snippets.com compartió un fragmento de código interesante (una función) para verificar si un visitante en su sitio está usando un dispositivo móvil.

El código está disponible aquí..

Esta función ayuda con la optimización móvil, ya que es útil si desea mostrar ciertas funciones solo a usuarios móviles o excluir a usuarios móviles de ciertas características del sitio web.

8. Use la construcción if / else para manipular el contenido de la barra lateral de su página

Este fragmento de código se basa en el Codex de WordPress, pero lo coloqué en esta sección porque permite mucha creatividad y es posible que pueda encontrar fragmentos ya preparados en la Web..

Suponga que desea usar varias barras laterales en su sitio. Puede llenar su barra lateral con divisiones y secciones, pero cuanto más crece el archivo (incluso si usa widgets), más pesado se vuelve.

El Codex viene a rescatarlo con la función get_sidebar ($ name). El uso es simple:

  1. Cree (digamos) una barra lateral para sus fragmentos de Cotizaciones. Nómbralo sidebar-quotes.php
  2. En el archivo sidebar.php principal (o el archivo de encabezado o índice, de acuerdo con la estructura de su tema WP) escriba get_sidebar (“comillas”); para incluir el archivo “sidebar-quotes.php”.

Obtendrá una barra lateral más delgada con llamadas a otras barras secundarias, que puede optimizar con construcciones if / else si conoce un poco de codificación PHP para WordPress.

Puede que no lo sepas, pero cuando usas el código genérico get_sidebar (), eso incluirá “sidebar.php” porque no agregaste un argumento $ name. Este es el uso predeterminado. Cuando agrega un “-name” después de “sidebar * .php”, puede llamar a ese complemento de nombre con el $ name arg.

Si tiene anuncios, ofertas especiales o funciones de barra lateral que desea mostrar en ciertas páginas de su blog o código que sobrecargarán su barra lateral estándar, encontrará que este fragmento de código es un salvavidas para UX.

9. Una herramienta para integrar fragmentos de código en su sitio de WordPress

captura de pantalla de codenippets

Code Snippets es un complemento gratuito de WordPress creado por Shea Bange que le permite agregar fácilmente fragmentos de código a su blog.

Lo bueno de este complemento es que ya no tiene que editar su archivo functions.php, pero puede agregar código personalizado directamente desde su Panel de WordPress. Básicamente, puede agregar fragmentos de código como agregaría una nueva publicación o página.

Tom Ewer en WPMUDev.org escribió una introducción interesante a este complemento, pero el recurso más útil que encontré hasta ahora para Code Snippets es el foro de soporte de complementos en WordPress.org.

A ti!

¡Comparte tus experimentos de codificación de WordPress en los comentarios a continuación! Y siéntase libre de hacer preguntas sobre los fragmentos presentados en esta publicación.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me