Vea lo fácil que es Widgetize Temas de WordPress

Hacer que sus temas estén listos para widgets realmente no es tan difícil como podría pensar. La widgetización de su tema generalmente implica hacer que sus elementos de la barra lateral estén listos para el widget. Yo voy qué es exactamente un tema listo para widgets en un artículo anterior Si tiene un tema codificado en CSS limpio, incluso podría tomar 5 minutos o menos, y le mostraré cómo.


  • Asegurarse de que su tema sea “compatible con widgets”
  • Crear un archivo functions.php para registrar la barra lateral
  • Incluya su barra lateral estática en la etiqueta condicional de barra lateral dinámica
  • Hacer múltiples áreas listas para widgets
  • Otras formas creativas de usar widgets

Comience a crear widgets de sus temas y siga leyendo …

Lo primero que debe hacer es asegurarse de que su barra lateral (o lo que sea que esté haciendo widgets) sea lo que me gusta llamar amigable para widgets. Esto implica formatear el HTML de cierta manera. El elemento ideal de la barra lateral en un tema de WordPress listo para widgets se codifica así:

Categorías

Observe cómo este es un código muy limpio. No hay divs ni clases agregadas al

    y
  • etiquetas.

    Los siguientes cuatro ejemplos también son widgets.

    Categorías

  • Categorías

  • Categorías

    Categorías

    Sí, hay divs agregados en estos ejemplos, pero son viables con el sistema de widgets de WordPress. Mientras nada entre los dos

      las etiquetas son necesarias para el estilo CSS, deberías estar listo. Dicho esto, el siguiente ejemplo es no widget amigable.

      Categorías

      Esto se debe a que hay estilos agregados a

        y
      • Etiquetas Asegúrese de que su tema esté codificado en una de las formas más amigables de widgets “ideales” para evitar este problema.

        Registre las barras laterales

        El siguiente paso es evaluar su diseño. ¿Cuántas áreas widgetizadas quieres? Uno no es problema. Dos o más tampoco es un problema. Incluso puede tenerlos formateados de diferentes maneras, siempre que sean compatibles con widgets, como se explicó anteriormente.

        Lo primero que necesitará es crear un funciones.php archivo dentro de su directorio de temas. Este es un archivo que puede usar para modificar la funcionalidad de WordPress con código PHP, sin usar un complemento, o editar el código central. Todo está integrado en un tema específico.

        Volvamos a ese formato ideal de elemento de barra lateral amigable para widgets, el primer ejemplo en esta publicación. Para registrar una barra lateral con ese formato, colocaríamos el siguiente código en nuestro archivo functions.php.

        <?php
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        ?>

        Parece bastante explicativo, ¿verdad? El título de “Categorías” estaba encerrado en

        y

        , por lo tanto, ponemos que es el valor de before_title y after_title respectivamente. También puede colocar código en el otro antes_widget y después_widget para encerrar cada elemento del widget dentro de otro código que pueda necesitar para su diseño.

        Etiquetas condicionales de la barra lateral

        Hey, una etiqueta condicional? Ojalá eso suena familiar. Usaremos algo similar para verificar si la barra lateral está registrada con widgets y si están activos. En la parte superior de la barra lateral (o donde desea que comiencen a mostrarse los widgets), coloque el siguiente código.

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ()): ?>

        Las cosas de la barra lateral van en el medio, y luego …

        <?php endif; ?>

        Asegúrate de tener el endif; después de la apertura de la declaración if en algún momento, o todo su tema se romperá. Si ha hecho todo bien en este momento, su tema debería estar listo para widgets. Sin embargo, aún no hemos terminado …

        Múltiples áreas listas para widgets

        Con algunas adiciones y cambios en su archivo functions.php y algunas declaraciones if más en sus archivos de tema, puede tener tantas áreas widgetizadas como desee, cada una con su propio nombre único..

        Supongamos que tenía un diseño de tres columnas con 2 barras laterales: una a la izquierda y otra a la derecha. Desea widgetizar ambos por separado. Trabajaremos con la estructura de la barra lateral del primer ejemplo para ambos. Su archivo functions.php se verá así:

        <?php
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘nombre’ => ‘Barra lateral izquierda’,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘nombre’ => ‘Barra lateral derecha’,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        ?>

        Tenga en cuenta la nueva parte del nombre de la matriz. Puedes nombrar esto como quieras, pero trata de ser descriptivo. Ahora, cuando vaya a su archivo sidebar.php o donde sea que cada una de sus barras laterales se encuentre en su tema, usará la siguiente etiqueta condicional, con el nombre de la barra lateral que eligió en functions.php. Además, asegúrese de que este archivo no tenga espacios o saltos de línea erróneos, ya que puede hacer que aparezcan mensajes de advertencia al editar elementos..

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Barra lateral izquierda")): ?>Cosas predeterminadas de la barra lateral izquierda aquí …
        <?php endif; ?>

        Y para la barra lateral derecha …

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Barra lateral derecha")): ?>Cosas predeterminadas de la barra lateral derecha aquí …
        <?php endif; ?>

        Asegúrese de que todo sea coherente en términos de los nombres que eligió en ambos archivos.

        Otras cosas que puedes hacer con widgets

        Los widgets no tienen que usarse para barras laterales. Se pueden usar para otras cosas como pies de página, o incluso en el encabezado. En teoría, ni siquiera tiene que poner ningún código “predeterminado” entre la etiqueta condicional. Sé creativo con él y usa tu imaginación. Use un widget en su encabezado para rotar anuncios, o tener un widget de cuadro de inicio de sesión en el pie de página, o donde quieras, depende de ti.

        Conclusión

        Espero que hayas aprendido de este tutorial y ahora sepas cómo hacer widgets de tus temas. Si recibe algún error como “encabezados ya enviados …” mientras edita cualquier cosa, es posible que tenga que volver a verificar el archivo functions.php para asegurarse de que no haya ningún espacio debajo del cierre ?> etiqueta.

        Algunas lecturas adicionales están disponibles en Automático y WPDesigner. Hay algunas otras versiones “abreviadas” del código que hice en esas páginas.

        Siéntete libre de comentar o compartir si te gustó. Agradezco todos los comentarios. También asegúrese de suscribirse a la alimentación si aún no lo has hecho para los últimos lanzamientos de temas y tutoriales.

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