Códigos de WordPress de 9 para darle vida a tu blog y mejorar la experiencia de usuario

Artículo escrito por:
  • WordPress
  • Actualizado: mayo 08, 2019

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 WP con los que se encuentran)
  • Descensos en los rankings de los motores de búsqueda.

Tiene una herramienta flexible en sus manos, que puede modificar para convertirla en algo agradable de usar y eficiente. ¿Por qué no animar las cosas para sus usuarios (y usted mismo)?

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

¿Necesitas ayuda para darle vida a tu blog de WordPress?
WHSR ahora es socio de Codeable.io para ayudar a los usuarios que necesitan servicios profesionales de desarrollo / personalización de WP.

Para obtener una cotización gratis, por favor llene este formulario de solicitud.

¡Pruébalos y hazme saber cómo funcionaron para ti! ;)

Códigos 9 para mejorar su blog de WordPress

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

  1. Codigos codex
  2. Fragmentos de código y widgets

Los códigos Codex son fragmentos de código PHP que escribí yo mismo (con la ayuda de mi prometida, Simone) utilizando estrictamente WordPress.org Codex como una referencia.

Los fragmentos de código y los widgets son piezas ya hechas de código PHP (o complementos de WordPress) que están disponibles de forma gratuita en otros sitios web y en WordPress.org, pero también incluí fragmentos de mi prometido y escribí desde cero utilizando referencias abiertas y 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 los fragmentos de código 9 pueden no ser suficientes para aquellos de ustedes a quienes les gusta experimentar con muchos códigos diferentes, así que estoy seguro de que nuestro Robert Ludrosky 25 fragmentos de código útiles para desarrolladores de WordPress saciará tu hambre (al menos por un tiempo). ;)

Codigos codex

1. Diferenciar las publicaciones pegajosas

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

<? php is_sticky (); ?>

La función por sí sola solo devolverá los valores VERDADERO o FALSO, así que, ¿qué puede hacer aquí si escribe una construcción condicional (si / else) para administrar sus publicaciones adhesivas? Un ejemplo:

<? php si is_sticky () {the_title (); the_time ('M, d, Y'); el extracto(); } else {include '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 toda la publicación), mientras que la plantilla estándar para las otras publicaciones se encuentra 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 WP pero no ha configurado plantillas para publicaciones individuales, puede seguir la guía de Codex Haga click aquí.

2. Mostrando la URL de la publicación

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

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

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:

<p> Enlace: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </p>

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

Incluso cuando configura su estructura de enlace permanente para que sea amigable con el usuario y el SEO, aún puede mostrar a sus visitantes la ID de la publicación agregando esta función simple a su meta línea:

<?php the_ID(); ?>

Uso de la muestra:

<p class = "meta"> Publicado por Nombre del autor. La ID de la publicación es <? Php the_ID (); ?> </p>

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 con código del Códice y un tema en StackOverflow:

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids as $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // ¡Necesitamos el enlace del gato para que funcione la URL! echo "<a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

... 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 puedes 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 el Get_terms () Página del Códice.

¿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 con el enlace de categoría, mientras que muestra el nombre de la categoría después de ":"; eco() expresión <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

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

¿Alguna vez has querido crear una página personalizada que mostrara a todos los autores o usuarios de tu blog sin tener que depender de un complemento?

Bien tu podría cree su propia página personalizada de Autores / Usuarios con solo un editor de texto, un cargador de FTP y su querido 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é a mina users.php

Añadir la etiqueta de la plantilla en la parte superior de esta plantilla para que WordPress la reconozca como plantilla, luego vaya a su Panel de control -> Páginas -> Añadir Nuevo y crea una página para tu 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 se le llame) y aplique el siguiente código:

 <? php $ result = count_users (); echo 'There are', $ result ['total_users'], 'total users'; foreach ($ result ['avail_roles'] como $ role => $ count) echo ',', $ count, 'are', $ role, 's'; eco '.'; ?> 

Este código usa el count_users La función se enumera como "uso predeterminado" en el Codex. Puedes 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)); ?>

He utilizado el count_user_posts Funciona aquí, siguiendo el formato de uso sugerido por el Codex.

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

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ 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 obtener_usuarios función:

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrador'); // Matriz de objetos WP_User. foreach ($ blogusers como $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</span> <br/>'; }?>

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 - [email protected] ".

Si desea mostrar a los usuarios registrados algo sobre ellos mismos, puede utilizar el get_currentuserinfo función 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 y 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 novio y yo escribimos este simple fragmento de código utilizando get_post del Codex y un menú desplegable simple para la lista de archivos. Creamos nuestras propias funciones para hacer que la idea funcione bien.

<? php function formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); devuelve $ output; } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); devuelve $ post-> ID; }?> <p> Este blog tiene publicaciones desde <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> La última publicación se publicó en <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </p> <p> ¿Desea visitar un archivo específico? </p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. valor; "> <opción valor =" "> <? php echo esc_attr (__ ('Seleccionar archivo')); ?> </option> <? php wp_get_archives (array ('type' => 'Monthly', 'format' => 'option', 'show_post_count' => 1)); ?> </select>

¿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 matriz 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 la 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 utiliza 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 codigo esta disponible Haga click 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 los usuarios móviles de ciertas características del sitio web.

8. Usa la construcción if / else para manipular el contenido de la barra lateral de tu 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 preparados en la Web.

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

El Codex viene a rescatarte con el get_sidebar ($ nombre) función. El uso es simple:

  1. Cree (diga) una barra lateral para sus fragmentos de cotizaciones. Nombrala barra lateral-citas.php
  2. En el archivo principal sidebar.php (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 laterales secundarias, que puede optimizar si / else construye 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á 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

screensnippets screenshot

Fragmentos de código es un complemento gratuito de WordPress creado por Shea Bange que te permite agregar fácilmente fragmentos de código a tu blog.

Lo bueno de este complemento es que ya no tiene que editar su functions.php archivo, pero puede agregar código personalizado directamente desde su Tablero de WordPress. Básicamente, puede agregar fragmentos de código como si agregara 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 he encontrado hasta ahora para los Fragmentos de código es El foro de soporte de plugins 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 introducidos en esta publicación.

Acerca de Luana Spinetti

Luana Spinetti es una escritora y artista independiente radicada en Italia, y una apasionada estudiante de informática. Ella tiene un diploma de preparatoria en Psicología y Educación y asistió a un curso de 3 en Comic Book Art, del cual se graduó en 2008. Como persona multifacética como es, desarrolló un gran interés en SEO / SEM y en Web Marketing, con una inclinación particular hacia las redes sociales, y está trabajando en tres novelas en su lengua materna (italiano), que espera Indie publicar pronto.