Inicio / Artículos / WordPress / 9 Wordpress Códigos para darle vida a su blog y mejorar UX

9 Wordpress Códigos para darle vida a su blog y mejorar UX

Wordpress es fácil de configurar e instalar, está listo para funcionar tan pronto como publique su blog.

Pero confiando en WordpressLas opciones predeterminadas pueden 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 ayudarte a hacer tu Wordpressbasado en un sitio web divertido y útil para sus usuarios al agregar interesantes fragmentos de código que también mejorará tu SEO.

[icono de éxito=”signo de exclamación”]

¿Necesita ayuda para darle vida a su WordPress ¿Blog?
WHSR ahora está asociado con 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.

[/éxito]

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

9 códigos para mejorar tu Wordpress Blog

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 del Codex son PHP fragmentos que escribí yo mismo (con la ayuda de mi prometida, Simone) usando estrictamente el WordpressCódice .org como guía y referencia

Los fragmentos de código y los widgets son piezas listas para usar PHP código (o Wordpress complementos) que están disponibles gratuitamente en otros sitios web y en Wordpress.org, pero también incluí fragmentos que mi prometido y yo escribimos desde cero usando 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 Wordpress verifique si su publicación actual es una publicación fija, y muéstrela 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 if is_sticky() { the_title(); la_hora('M, d, Y'); el extracto(); } else { include 'plantilla posterior.php'; }

En este ejemplo de uso, mostré la publicación fija como un cuadro que contenía solo el título, la fecha de la publicación y el extracto (no la publicación completa), mientras que la plantilla estándar para las otras publicaciones se encuentra en la plantilla posterior.php.

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

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

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 de agregar a su plantilla. Si desea que sus lectores obtengan el URI de cada una de sus páginas (o publicaciones), simplemente use la siguiente etiqueta dentro de su sencillo.php, página.php o incluso índice.php modelo:

<a href="<?php echo get_page_link();?>"><?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();?>"><?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 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

Las soluciones Wordpress función estándar 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 " {$gato_id} : {$gato_nombre} "; } ?>

... 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 ha querido crear una página personalizada que muestre todo su blog? Autorzy o usuarios sin tener que depender de un plugin?

Bien tu podemos cree su propia página personalizada de Autores/Usuarios con solo un editor de texto, un FTP cargador y su amado Wordpress Tablero.

En primer lugar, debe crear una copia de su página.php archivo. Cambie el nombre de su copia a cualquier nombre: nombré a mis usuarios.php.

Añada la etiqueta de la plantilla en la parte superior de esta plantilla para Wordpress para reconocerlo como una plantilla, luego vaya a su Tablero -> 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 sus usuarios.php (o como lo hayas llamado) y aplica 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:

<?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 $información_usuario = obtener_datos_usuario(1); $usuario = $información_usuario->usuario_login; $first_name = $user_info->first_name; $apellido = $información_usuario->apellido; echo "$first_name $last_name inicia sesión en su WordPress sitio 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:

<?php
$blogusers = get_users( 'blog_id=1&orderby=nicename&role=administrator' ); // Matriz de objetos WP_User. foreach ($blogusuarios as $usuario) { echo ' ' . 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 - [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. 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.

<?php
 function formatPostDate($postId, $format = '%F') { $post = get_post($postId); $salida = strftime($formato, strtotime($post->post_date)); devolver $salida; } function getLastPostID() { list($post) = get_posts(array('posts_per_page' => 1)); volver $post->ID; } ?> Este blog tiene publicaciones desde <?php echo formatPostDate(1, '%B %e, %Y'); ?>. La última publicación se publicó 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' => '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 Wordpress' Codex, pero lo coloqué en esta sección porque permite mucha creatividad y es posible que pueda encontrar fragmentos listos para usar 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 (digamos) una barra lateral para sus fragmentos de citas. Nómbralo con comillas laterales.php
  2. En la barra lateral principal.php archivo (o el archivo de encabezado o índice, de acuerdo con la estructura de su tema WP) escriba get_sidebar ("comillas"); para incluir las “comillas de la barra lateral.php" expediente.

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

Puede que no sepas esto, pero cuando usas el código genérico get_sidebar(), eso 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 $ nombre 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 Wordpress página web

screensnippets screenshot

Fragmentos de código es un país libre Wordpress complemento 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 funciones.php archivo, pero puede agregar un código personalizado directamente desde su Wordpress Panel. 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 complementos en Wordpress.org.

¡A ti!

Comparte tu Wordpress ¡Experimentos de codificación en los comentarios a continuación! Y no dude en hacer preguntas sobre los fragmentos presentados en esta publicación.

Foto del autor

Artículo de Luana Spinetti

Siga Leyendo