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

Actualizado: 26 de octubre de 2020 / Artículo de: Luana Spinetti

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.

Codigos codex

1. Diferenciar las publicaciones pegajosas

Para hacer que WordPress verifique si su publicación actual es una publicación pegajosa, y mostrarla en consecuencia, puede usar la función booleana del 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 if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
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 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:

">

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_page_link(); ?> 

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

Enlace:

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">Posted by Author's Name. Post ID is <?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 un tema en StackOverflow:

{$ 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 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 la categoría para cada ID, luego vincula el ID al enlace de la categoría, mientras que muestra el nombre de la categoría después de ":" - de ahí el eco() expresión {$ cat_id} : {$ cat_name}.

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 sí puedes 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 la mía 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 -> Agregar 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'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Este código usa el count_users La función se enumera 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:

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:

inicio de sesión de usuario; $ 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 utilizar en su página de Autores / Usuarios: la obtener_usuarios función:

'. esc_html ($ usuario-> usuario_login). '-'. esc_html ($ usuario-> correo_usuario). ' '; }?>

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) ordenados 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 - [correo electrónico protegido].

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. Alternativas… ¡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.

posfechar)); return $ salida; } function getLastPostID () {lista ($ publicación) = get_posts (array ('publicaciones_por_página' => 1)); return $ publicación-> ID; }?> Este blog tiene publicaciones desde . La última publicación fue publicada el . ¿Desea visitar un archivo específico? 'mensual', 'formato' => 'opción', '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 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ámetro el ID de la 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 imprimir 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 aquí.

Esta función ayuda con la optimización móvil, ya que es útil si desea mostrar cierta función solo a los usuarios móviles o excluir a los usuarios móviles de determinadas funciones 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 sidebar.php principal (o el archivo de encabezado o índice, de acuerdo con la estructura de su tema de 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 sepa esto, pero cuando use el código genérico get_sidebar (), incluirá “sidebar.php” porque no agregó un argumento $ name. Este es el uso predeterminado. Cuando agrega un "-nombre" después de "barra lateral * .php", puede llamar a ese complemento de nombre con el argumento $ nombre.

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.