15 Qué hacer y qué no hacer con el tema eficaz de WordPress

Hoy quiero repasar algunas de las cosas que se deben y no se deben hacer con WordPress. Independientemente de si está creando un tema de WordPress para usted o si está creando uno para su lanzamiento para que otros puedan usarlo, debe seguir estos pasos de hacer y no hacer lo más cerca posible.


1. No codifique las URL completas en sus temas

Cuando crea sus temas, puede haber momentos en los que se usan imágenes, para iconos de redes sociales o iconos de fuentes RSS, y durante estos puntos en su codificación, es posible que desee codificar la URL completa (es decir: / wp-content /themes/your-theme-name/images/image.jpg) pero esto provocará errores en el sitio web cada vez que la persona que usa su tema cambie el nombre de la carpeta de su tema.

Los códigos adecuados para usar para extraer dinámicamente las URL completas se encuentran a continuación.

<?php bloginfo (‘stylesheet_directory’); ?>/images/image.jpg

2. Utilice las etiquetas de plantilla tanto como sea posible

WordPress hace un trabajo increíble al diseñar todas las etiquetas de plantilla que puede usar, así que hágase un favor (así como al resto de las personas que pueden usar sus temas) y aprender las etiquetas de plantilla de WordPress – luego utilícelos tanto como sea posible. Al usar etiquetas de plantilla, puede asegurarse de que sus temas no se rompan o causen errores cuando el usuario final lo configura y lo ejecuta.

3. No olvide los códigos desplegables de navegación

Cuando está creando su tema de WordPress, un elemento que parece pasarse por alto son los códigos desplegables para su navegación. Claro, algunos temas pueden tener la navegación configurada para no utilizar los niveles múltiples ul, manteniendo todo en una sola fila, pero ¿qué pasa con aquellos de nosotros que tenemos múltiples páginas secundarias para cada página principal principal??

Hay una solución para eso. Puede consultar algunos de los tutoriales a continuación sobre cómo codificar menús desplegables de varios niveles.

4. Prepara tu widget de tema

En mi opinión, como usuario final, no hay nada peor que implementar un tema y prepararse para configurar todo, solo para notar que ahora me enfrento a la tarea de tratar de personalizar secciones de mis temas al codificar la información en ellos. Sus barras laterales y varios otros lugares en su tema (¿tiene un pie de página de tres columnas? ¡Widgetize!) Deberían ser lo más fáciles de editar posible. Es una de las cosas más fáciles de hacer con sus temas, y beneficiará mucho a los usuarios de su tema..

Automattic tiene un gran tutorial sobre cómo widgetizar tu tema. Compruébalo aquí.

También asegúrese de revisar el temas de widgets tutorial aquí en Theme Lab.

5. No haga que los usuarios confíen en numerosos complementos para que su tema funcione

Si está lanzando temas de forma gratuita o creando temas comerciales de WordPress, debe tener en cuenta el mejor interés de sus usuarios finales con la creación de sus temas. Abarrotar sus temas con 5-10 complementos necesarios no solo hará que las personas se sientan frustradas al descargar y configurar su tema en su sitio, sino que también hará que muchas personas no lo descarguen en absoluto porque, admitámoslo, la gente no No tiene períodos de atención de más de 2-3 segundos.

Por ejemplo, si va a configurar la paginación en su tema, ¿por qué no utilizar este artículo para aprender cómo configurarlo en su tema automáticamente? Cats Who Code tiene un tutorial bastante bueno sobre cómo agregar paginación a tu tema sin necesidad de activar un complemento.

6. Muestre el término de búsqueda en la página de resultados de búsqueda

Por alguna razón, este es un consejo que a menudo se pasa por alto que puede (y debe) implementar en sus temas. Es un código simple de una línea que permite que su tema le recuerde al visitante lo que acaba de buscar. Puede parecer trivial, pero es útil, por lo que si los resultados devuelven cero publicaciones, el visitante conoce la frase exacta que buscó y luego puede escribir un término de búsqueda diferente.

A continuación se muestra el código utilizado para reemplazar su título actual de “Resultados de búsqueda” en su tema.

Resultados de búsqueda para <?php the_search_query () ?>

7. No hagas la mitad de tus páginas de error 404

En lugar de simplemente salir de su página 404 para decir “404 – página no encontrada”, ¿por qué no dar a sus visitantes más opciones? Agregar una lista de categorías, publicaciones recientes, publicaciones populares, un cuadro de búsqueda y (si desea monetizar su página 404) un anuncio puede darle algo de sabor a su página 404 en comparación con las aburridas e inútiles que se encuentran en la mayoría de los temas de WordPress.

Si buscas inspiración para 404 páginas, Smashing Magazine tiene una escaparate asesino de 404 páginas de toda la web que vale la pena echarle un vistazo.

8. Asegúrese de tener todos los archivos básicos en su carpeta de temas

Cuando crea un tema de WordPress, es esencial asegurarse de que puede personalizarlo tanto como sea posible desde el primer momento. Comenzar con un combo de archivos index.php, header.php, sidebar.php y footer.php puede parecer una buena idea para los minimalistas, pero sugiero comenzar con todos los conceptos básicos a continuación para dar tiene un poco más de control sobre lo que se muestra: cuándo, dónde y cómo.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comentarios.php
  • 404.php
  • funciones.php
  • archive.php
  • searchform.php
  • search.php

Para obtener más información sobre estos archivos de plantilla y lo que hacen, consulte el jerarquía de plantilla página en WordPress.org.

9. No olvides la integración RSS

Cuando está creando su blog, uno de los elementos que más llama la atención de las personas es la posibilidad de suscribirse a su blog a través de un lector de RSS. Entonces, en lugar de exigir a los usuarios de su tema que agreguen esta información en sí mismos, ¿por qué no seguir los pasos para agregar un cuadro de suscripción a rss tal como lo hace con el cuadro de búsqueda? Agregue un botón RSS, una opción de suscripción por correo electrónico e incluso puede agregar el recuento de suscriptores en el texto agregando este bit de código a su tema donde desea que se muestre (reemplace “feedburner-id” con su propio ID de FeedBurner: si está lanzando este tema en la naturaleza, eche un vistazo al # 11 en nuestra lista y asegúrese de tener esto como una opción).

<?php
// obtener un recuento de quemadores de alimentación genial
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Inicializa la sesión de Curl
$ ch = curl_init ();

// Establezca curl para devolver los datos en lugar de imprimirlos en el navegador.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// Establecer la URL
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// Ejecuta la búsqueda
$ datos = curl_exec ($ ch);

// Cerrar la conexión
curl_close ($ ch);
$ xml = new SimpleXMLElement ($ datos);
$ fb = $ xml->alimentar->entrada [‘circulación’];
echo $ fb;
// finaliza el recuento de quemadores de alimentación
?>

10. Agregue estilos CSS para comentarios enhebrados

Si está creando un tema, siempre debe estar preparado para comentarios enhebrados. Es una característica de WordPress que muchos blogs usan para generar interacción en su sección de comentarios. Por lo tanto, preparar su hoja de estilo para comentarios enhebrados es una gran idea. Chris tiene una gran publicación en Códigos CSS para las clases CSS predeterminadas que WordPress escupe en su sección de comentarios, dando a su tema una sección de comentarios estilizada sin necesidad de tocar el archivo comments.php.

11. No suelte un tema sin un panel de opciones

Es posible que algunas personas no estén de acuerdo con esto, pero creo que es parte de la progresión natural del tema de WordPress. Si su tema no ejecuta algún tipo de panel de opciones de WordPress con la capacidad de editar, personalizar y cambiar elementos en su tema sin tener que editar códigos, está haciendo algo mal.

Si no está seguro de cómo crear su propio panel de opciones de tema, los enlaces a continuación le mostrarán cómo hacerlo..

12. Asegúrate de que tus temas salgan de la caja

Esto va de la mano con el n. ° 5 en la lista: siempre debe asegurarse de que sus temas funcionen de inmediato. Algunos temas que he visto requieren de 5 a 6 pasos antes de que el tema sea viable en el sitio, incluidos, entre otros, la activación del complemento y la edición / guardado del panel de opciones de tema. Si el tema requiere ciertas cosas, asegúrese de utilizar un elemento predeterminado de respaldo.

Por ejemplo, en el panel de opciones de tema que está creando y / o utilizando, asegúrese de que haya información predeterminada en cada sección, de modo que las cosas se muestren, independientemente de si el usuario final las ha actualizado o no. Lo mismo ocurre con los complementos, si está utilizando un complemento de paginación de WordPress en su tema, ¿por qué no codificarlo para que el tema vuelva a los enlaces anteriores / siguientes si el complemento no está activo?.

13. No haga un uso excesivo de los campos personalizados.

Sí, la mayoría de los temas de WordPress de estilo de revista de hace un par de años se crearon utilizando campos personalizados en todo momento, pero la mayoría de las personas no querrán completar 3, 4 o 5 campos personalizados para cada publicación. Entonces, hazles las cosas más fáciles. Si va a mostrar una imagen de la publicación en la página de inicio de su tema, tome este útil código y agréguelo a su archivo de funciones themes.php y automáticamente se publicará la primera imagen, sin la necesidad de un campo personalizado.

// Obtener URL de la primera imagen en una publicación
función catch_that_image () {
$ post global, $ posts;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ coincidencias);
$ first_img = $ coincide [1] [0];

// no se ha encontrado ninguna imagen, muestra la imagen predeterminada
if (vacío ($ first_img)) {
$ first_img = "/images/default.jpg";
}
return $ first_img;
}

Una vez que haya agregado ese código, simplemente agregue <?php echo catch_that_image (); ?> en los archivos de su tema donde quiera que aparezca la imagen.

Gracias al buen ol Foros de soporte de WordPress por este útil consejo.

14. Haz SEO tu etiqueta

Una excelente manera de garantizar que su tema esté lo más listo posible para SEO es eliminar la etiqueta predeterminada que se encuentra en el archivo header.php de sus temas y reemplazarla con los códigos a continuación. Le dará un poco más de valor a los títulos de su tema y ayudará a los esfuerzos de SEO que los usuarios de sus temas querrán poner en práctica, todo sin requerir que toquen algo.

<?php if (is_home ()) { ?><? bloginfo (‘nombre’); ?> El | <?php bloginfo (‘descripción’); ?><?php} ?>
<?php if (is_search ()) { ?>Resultados de búsqueda para <?php / * Recuento de búsqueda * / $ allsearch = &nuevo WP_Query ("s = $ s&showposts = -1"); $ clave = wp_specialchars ($ s, 1); $ cuenta = $ allsearch->recuento de entradas; _mi(”); echo $ clave; _e (‘-‘ ‘); echo $ cuenta. ”; _e (‘artículos’); wp_reset_query (); ?><?php} ?>
<?php if (is_404 ()) { ?><? bloginfo (‘nombre’); ?> El | 404 Nada encontrado<?php} ?>
<?php if (is_author ()) { ?><? bloginfo (‘nombre’); ?> El | Archivo del Autor<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> El | <?php $ category = get_the_category (); echo $ categoría [0]->nombre_cat; El | <?php bloginfo (‘nombre’); ?><?php} ?>
<?php if (is_page ()) { ?><? bloginfo (‘nombre’); ?> El | <?php $ category = get_the_category (); echo $ categoría [0]->nombre_cat; ?>El |<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> El | <?php $ category = get_the_category (); echo $ categoría [0]->Descripción de categoría; ?> El | <? bloginfo (‘nombre’); ?><?php} ?>
<?php if (is_month ()) { ?><? bloginfo (‘nombre’); ?> El | Archivo | <?php the_time (‘F, Y’); ?><?php} ?>
<?php if (is_day ()) { ?><? bloginfo (‘nombre’); ?> El | Archivo | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", cierto); }} ?> El | <? bloginfo (‘nombre’); ?>

15. No te olvides de las migas de pan

Como una pieza adicional de navegación en sus temas, las migas de pan (en mi opinión) deben utilizarse tanto como sea posible. No solo es bueno para fines de SEO, sino que también permite al visitante navegar por su sitio mucho más rápido. Hay complementos de WordPress para migas de pan, pero gracias a Gatos que codifican, ahora sabemos cómo agregar una función de migas de pan a nuestros temas de WordPress.

Primero, agregue los códigos a continuación en su archivo de funciones themes.php (personalizado un poco de la publicación original de Cats Who Code, vinculada anteriormente).

función the_breadcrumb () {
eco ‘

    ‘;
    if (! is_home ()) {
    eco ‘
  • ‘;
    echo ‘Inicio’;
    eco "
  • ";
    if (is_category () || is_single ()) {
    eco ‘

  • ‘;
    la categoría(‘
  • ‘);
    if (is_single ()) {
    eco "
  • ";
    el título();
    eco ‘
  • ‘;
    }
    } elseif (is_page ()) {
    eco ‘

  • ‘;
    echo the_title ();
    eco ‘
  • ‘;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {echo"

  • Archivo para "; the_time (‘F jS, Y’); eco’
  • ‘;}
    elseif (is_month ()) {echo"

  • Archivo para "; the_time (‘F, Y’); eco’
  • ‘;}
    elseif (is_year ()) {echo"

  • Archivo para "; the_time (‘Y’); eco’
  • ‘;}
    elseif (is_author ()) {echo"

  • archivo de autor"; eco’
  • ‘;}
    elseif (isset ($ _ GET [‘paginado’]) && !vacío ($ _ GET [‘paginado’])) {echo "

  • archivos del blog"; eco’
  • ‘;}
    elseif (is_search ()) {echo"

  • Resultados de la búsqueda"; eco’
  • ‘;}

    eco ‘

‘;
}

Luego, coloque este fragmento de código en cualquier lugar donde desee que se muestren sus migas de pan.

<?php the_breadcrumb (); ?>

Gracias por leer el artículo.

Gracias por tomarse el tiempo de leer el artículo. Espero que lo hayas disfrutado y hayas aprendido una o dos cosas en el camino. Sé que lo hice. Si le gustó la publicación o tiene algo que agregar, háganos saber en los comentarios.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map