\n
Diferencia entre barra lateral y \u00e1rea de widget<\/strong><\/h2>\nLos usuarios nuevos de WordPress a menudo tienen dificultades con diferenciar entre una barra lateral y un \u00e1rea de widgets. De hecho, todo es m\u00e1s f\u00e1cil de lo que parece: se trata b\u00e1sicamente de dos nombres diferentes de la misma cosa.<\/p>\n
Al principio, los blogs de WP solo ten\u00edan barras laterales, y de ah\u00ed proviene el nombre. Con el tiempo, el CMS se evolucion\u00f3 mucho, y los desarrolladores empezaron a agregar \"barras laterales\" donde quisieran, ya sea a la cabecera, al pie de p\u00e1gina o a cualquier otra parte del sitio. Pues, en esta entrada, utilizaremos el t\u00e9rmino \"\u00e1rea de widget\".<\/p>\n
\n![\"banner](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/WP_728\u044590.png\")
<\/a><\/p>\n
\nAdici\u00f3n de un widget \u00e1rea en WordPress<\/strong><\/h2>\nHay dos pasos principales que debes hacer para agregar una nueva zona de widget a tu sitio de WordPress. Primero, debes registrar un nuevo \u00e1rea de widgets en el archivo functions.php, y luego, especificar una \"llamada\" a ese \u00e1rea de widget en alg\u00fan lugar del archivo de tu tema. Lo \u00faltimo depende de d\u00f3nde desees que se muestre tu \u00e1rea de widget.<\/p>\n
En nuestro caso, vamos a a\u00f1adir un nuevo \u00e1rea de widget a la parte superior del tema veinticinco de WordPress, como se muestra en la maqueta a continuaci\u00f3n:<\/p>\n
![\"how](\"https:\/\/monsterspost.com\/wp-content\/uploads\/2015\/06\/new-widget-area.png\")
<\/p>\n
Registro de un \u00e1rea de widget<\/strong><\/p>\nRegistrar un \u00e1rea de widget implica informar a WordPress de que esta \u00e1rea existe. Una vez que registres un \u00e1rea de widget, WordPress la a\u00f1adir\u00e1 autom\u00e1ticamente como una opci\u00f3n a elegir a Apariencia -> Widgets en tu panel de administraci\u00f3n de WP.<\/p>\n
Para registrar una zona de widget, debes editar el archivo functions.php de tu tema. La forma m\u00e1s f\u00e1cil de hacerlo es usar un cliente FTP. El archivo se puede encontrar en httpdocs\/wp-content\/themes\/TUTEMA\/functions.php<\/p>\n
Abre el archivo functions.php y busca register_sidebar<\/em>.<\/p>\nSi has encontrado Register_Sidebar<\/strong><\/p>\nSi has logrado encontrar register_sidebar en tu archivo functions.php, esto significa que tu tema ya cuenta con algunas \u00e1reas de widgets registradas. As\u00ed que, ser\u00eda m\u00e1s f\u00e1cil registrar \u00e1reas de widgets adicionales.<\/p>\n
Simplemente copia toda la secuencia de c\u00f3digo de register_sidebar y p\u00e9gala a continuaci\u00f3n de la anterior. Despu\u00e9s de hacerlo, solo debes cambiar los valores de nombre, id y descripci\u00f3n en el c\u00f3digo copiado a los valores de tu nueva \u00e1rea.<\/p>\n
As\u00ed es c\u00f3mo se ve un \u00e1rea de widgets:<\/p>\n
register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\nY as\u00ed es como se ver\u00e1 tener dos \u00e1reas:<\/p>\n
register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); register_sidebar( array( 'name' =< __( 'Header Widget Area', 'twentyfifteen' ), 'id' =<'header-1', 'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ), 'before_widget' =< '\r\n\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\nSi no has encontrado Register_Sidebar<\/strong><\/p>\nSi no has encontrado register_sidebar en tu archivo, debes agregarlo t\u00fa, pero tambi\u00e9n debes agregar una nueva funci\u00f3n que se adjunte a la acci\u00f3n de WordPress widgets_init<\/em>.<\/p>\nDado que los archivos de funciones son diferentes, seg\u00fan el tema que est\u00e1s utilizando, ser\u00eda mejor que te desplaces hacia abajo hasta el final del archivo, y all\u00ed a\u00f1adas una nueva funci\u00f3n y una nueva \u00e1rea de widgets.<\/p>\n
* Register our widget areas.\r\n *\/\r\nfunction register_widget_areas() {\r\n\tregister_sidebar( array(\r\n\t\t'name' =< __( ' Header Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =<'header-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); } add_action( 'widgets_init', 'register_widget_areas' ); ;<\/pre>\nAdici\u00f3n de \u00e1reas de widgets a ubicaciones deseadas<\/strong><\/h2>\nEl siguiente paso es a\u00f1adir un \u00e1rea de widget a una ubicaci\u00f3n deseada. Todo depende de d\u00f3nde quieras que aparezca. En nuestro caso, vamos a agregar un \u00e1rea de widget a la cabecera, por lo que necesitaremos modificar el archivo header.php<\/em>. Pero, de hecho, puedes agregarlo a casi cualquier archivo, incluso a footer.php, index.php, single.php, etc.<\/p>\nAs\u00ed que, abramos el archivo header.php que se encuentra en el mismo directorio que el archivo functions.php.<\/p>\n
Usaremos dos funciones nativas de WordPress para agregar un \u00e1rea de widget: is_active_sidebar<\/em> y dynamic_sidebar<\/em>. La primera verifica si alguna zona de widgets tiene widgets, y la segunda funci\u00f3n representa los widgets asignados a esta \u00e1rea.<\/p>\nEn nuestro caso, agregaremos un \u00e1rea de widget a continuaci\u00f3n de la l\u00ednea de c\u00f3digo >div id=\"content\" class=\"site-content\"<<\/em> , lo que significa que esta ser\u00e1 la \u00faltima l\u00ednea en el archivo de cabecera. El c\u00f3digo se ver\u00e1 as\u00ed:<\/p>\n>!--?php if ( is_active_sidebar( 'header-1' ) ) : ?--< >div class=\"header-area\"<>\/div<\r\n<\/pre>\n![\"how](\"https:\/\/monsterspost.com\/wp-content\/uploads\/2015\/06\/header-code.png\")
<\/p>\n
Si lo hiciste correctamente, tu nueva \u00e1rea de widget aparecer\u00e1 en el panel de administraci\u00f3n de WordPress bajo la pesta\u00f1a Apariencia.<\/p>\n
Nota:<\/strong> Para que tu nueva \u00e1rea de widget se vea bien y coincida con el dise\u00f1o de tu tema, debes establecer su estilo en la hoja de estilo correspondiente.<\/p>\nA\u00f1adir \u00e1reas de widgets a p\u00e1ginas particulares<\/strong><\/p>\nSabemos que muchos usuarios se enfrentan al problema de c\u00f3mo hacer que una zona de widget predeterminada aparezca solo en una p\u00e1gina espec\u00edfica. En este caso, hay dos soluciones posibles de hacerlo: puedes elegir entre la configuraci\u00f3n manual de condiciones PHP de WordPress y la instalaci\u00f3n de un complemento de barra lateral.<\/p>\n
Usar condiciones PHP en WordPress<\/strong><\/p>\nLa primera manera es usar condiciones de WordPress. WordPress te proporciona una serie de condiciones, y estas son algunas de ellas:<\/p>\n
is_front_page()<\/a>\u00a0\u2013 se usa para mostrar un \u00e1rea de widget solo en la p\u00e1gina de inicio.<\/p>\nis_single()<\/a>\u2013 para mostrar un \u00e1rea de widget solo en las entradas, y nunca en las p\u00e1ginas. Se admiten los par\u00e1metros de ID y nombre de entrada, por lo que tambi\u00e9n puedes hacer que se muestre solo en las entradas seleccionadas.<\/p>\nis_page()<\/a> \u2013 para mostrarla solo en las p\u00e1ginas, y nunca en las entradas. Te deja usar los par\u00e1metros de ID y nombre de p\u00e1gina, por lo que tambi\u00e9n puedes configurarla para que aparezca solo en las p\u00e1ginas espec\u00edficas.<\/p>\nis_category()<\/a> \u2013 para mostrar una zona de widget solo en las p\u00e1ginas de ciertas categor\u00edas.<\/p>\nis_singular()<\/a> \u2013 para que aparezca solo en las entradas, p\u00e1ginas o archivos adjuntos, pero nunca en las p\u00e1ginas de categor\u00edas, p\u00e1ginas de etiquetas, etc.<\/p>\nConsulta m\u00e1s condiciones y otras funciones de WordPress aqu\u00ed<\/a>.<\/p>\nComplementos de adici\u00f3n de barra lateral a WordPress<\/strong><\/p>\nLa segunda forma de a\u00f1adir y configurar la visualizaci\u00f3n de una zona de widget en particular consiste en usar un plugin de barra lateral, por ejemplo, Easy Custom Sidebars<\/a>.<\/p>\nEste complemento reemplaza cualquier \u00e1rea de widget que elijas con una zona de widget din\u00e1mica que se pueda configurar para que aparezca solo en algunas p\u00e1ginas, entradas, categor\u00edas, o cualquier otra parte que desees.<\/p>\n
Para poder usar este complemento, simplemente inst\u00e1lalo, al igual que cualquier otro plugin de WordPress. Una vez instalado y activado el plugin, accede a Apariencia - > Barras laterales del tema. A continuaci\u00f3n, escribe un nombre de tu nuevo barra lateral, y haz clic sobre Create sidebar (Crear barra lateral). En nuestro caso, su nombre ser\u00e1 Header for Pages Only<\/em> (Cabecera solo para p\u00e1ginas).<\/p>\nEn el cuadro desplegable\u00a0Sidebar to Replace (Barra lateral a reemplazar), selecciona una zona de widget que deseas reemplazar. En nuestro caso, es Header Widget Area.<\/p>\n
Luego, en la secci\u00f3n a la izquierda, pincha sobre la pesta\u00f1a Pages accordion (Acorde\u00f3n de p\u00e1ginas), selecciona All Pages (Todas las p\u00e1ginas) y haz clic sobre el bot\u00f3n Add to Sidebar (A\u00f1adir a barra lateral).<\/p>\n
![\"how](\"https:\/\/monsterspost.com\/wp-content\/uploads\/2015\/06\/new-sidebar.png\")
<\/p>\n
Luego haz clic en el bot\u00f3n Save Sidebar (Guardar barra lateral). Ahora, si vas a Apariencia -> Widgets, ver\u00e1s una nueva zona de widget que se cre\u00f3 din\u00e1micamente. Esta \u00e1rea de widget aparecer\u00e1 SOLO en las p\u00e1ginas, ya que la configuramos de manera correspondiente.<\/p>\n
\nConclusi\u00f3n<\/strong><\/h2>\nEso es todo. Si trabajas con WordPress, sin duda, eventualmente necesitar\u00e1s crear \u00e1reas de widgets adicionales. Y si has trabajado con otras plataformas CMS, por ejemplo, Joomla antes, probablemente est\u00e9s acostumbrado a tener un mont\u00f3n de \u00e1reas de widgets para usar. De verdad, puedes tener tantas zonas de widgets de WordPress, como quieras, pero esto requiere un poco m\u00e1s de esfuerzo, si se compara con Joomla. Sin embargo, el resultado final ser\u00e1 m\u00e1s estructurado y m\u00e1s f\u00e1cil de administrar.<\/p>\n
\nTambi\u00e9n puedes consultar estos tutoriales<\/h3>\n
C\u00f3mo cambiar colores y tipos de letra predeterminados en cualquier tema de WordPress<\/a>
\nTutorial: C\u00f3mo crear una plantilla de p\u00e1gina personalizada en WordPress<\/a>
\nWordPress: C\u00f3mo crear un redireccionamiento de una p\u00e1gina de inicio a cualquier URL por medio del redireccionamiento de PHP<\/a><\/p>\n
\n
<\/a><\/p>\n\n
Adici\u00f3n de un widget \u00e1rea en WordPress<\/strong><\/h2>\nHay dos pasos principales que debes hacer para agregar una nueva zona de widget a tu sitio de WordPress. Primero, debes registrar un nuevo \u00e1rea de widgets en el archivo functions.php, y luego, especificar una \"llamada\" a ese \u00e1rea de widget en alg\u00fan lugar del archivo de tu tema. Lo \u00faltimo depende de d\u00f3nde desees que se muestre tu \u00e1rea de widget.<\/p>\n
En nuestro caso, vamos a a\u00f1adir un nuevo \u00e1rea de widget a la parte superior del tema veinticinco de WordPress, como se muestra en la maqueta a continuaci\u00f3n:<\/p>\n
<\/p>\n
Registro de un \u00e1rea de widget<\/strong><\/p>\nRegistrar un \u00e1rea de widget implica informar a WordPress de que esta \u00e1rea existe. Una vez que registres un \u00e1rea de widget, WordPress la a\u00f1adir\u00e1 autom\u00e1ticamente como una opci\u00f3n a elegir a Apariencia -> Widgets en tu panel de administraci\u00f3n de WP.<\/p>\n
Para registrar una zona de widget, debes editar el archivo functions.php de tu tema. La forma m\u00e1s f\u00e1cil de hacerlo es usar un cliente FTP. El archivo se puede encontrar en httpdocs\/wp-content\/themes\/TUTEMA\/functions.php<\/p>\n
Abre el archivo functions.php y busca register_sidebar<\/em>.<\/p>\nSi has encontrado Register_Sidebar<\/strong><\/p>\nSi has logrado encontrar register_sidebar en tu archivo functions.php, esto significa que tu tema ya cuenta con algunas \u00e1reas de widgets registradas. As\u00ed que, ser\u00eda m\u00e1s f\u00e1cil registrar \u00e1reas de widgets adicionales.<\/p>\n
Simplemente copia toda la secuencia de c\u00f3digo de register_sidebar y p\u00e9gala a continuaci\u00f3n de la anterior. Despu\u00e9s de hacerlo, solo debes cambiar los valores de nombre, id y descripci\u00f3n en el c\u00f3digo copiado a los valores de tu nueva \u00e1rea.<\/p>\n
As\u00ed es c\u00f3mo se ve un \u00e1rea de widgets:<\/p>\n
register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\nY as\u00ed es como se ver\u00e1 tener dos \u00e1reas:<\/p>\n
register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); register_sidebar( array( 'name' =< __( 'Header Widget Area', 'twentyfifteen' ), 'id' =<'header-1', 'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ), 'before_widget' =< '\r\n\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\nSi no has encontrado Register_Sidebar<\/strong><\/p>\nSi no has encontrado register_sidebar en tu archivo, debes agregarlo t\u00fa, pero tambi\u00e9n debes agregar una nueva funci\u00f3n que se adjunte a la acci\u00f3n de WordPress widgets_init<\/em>.<\/p>\nDado que los archivos de funciones son diferentes, seg\u00fan el tema que est\u00e1s utilizando, ser\u00eda mejor que te desplaces hacia abajo hasta el final del archivo, y all\u00ed a\u00f1adas una nueva funci\u00f3n y una nueva \u00e1rea de widgets.<\/p>\n
* Register our widget areas.\r\n *\/\r\nfunction register_widget_areas() {\r\n\tregister_sidebar( array(\r\n\t\t'name' =< __( ' Header Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =<'header-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); } add_action( 'widgets_init', 'register_widget_areas' ); ;<\/pre>\nAdici\u00f3n de \u00e1reas de widgets a ubicaciones deseadas<\/strong><\/h2>\nEl siguiente paso es a\u00f1adir un \u00e1rea de widget a una ubicaci\u00f3n deseada. Todo depende de d\u00f3nde quieras que aparezca. En nuestro caso, vamos a agregar un \u00e1rea de widget a la cabecera, por lo que necesitaremos modificar el archivo header.php<\/em>. Pero, de hecho, puedes agregarlo a casi cualquier archivo, incluso a footer.php, index.php, single.php, etc.<\/p>\nAs\u00ed que, abramos el archivo header.php que se encuentra en el mismo directorio que el archivo functions.php.<\/p>\n
Usaremos dos funciones nativas de WordPress para agregar un \u00e1rea de widget: is_active_sidebar<\/em> y dynamic_sidebar<\/em>. La primera verifica si alguna zona de widgets tiene widgets, y la segunda funci\u00f3n representa los widgets asignados a esta \u00e1rea.<\/p>\nEn nuestro caso, agregaremos un \u00e1rea de widget a continuaci\u00f3n de la l\u00ednea de c\u00f3digo >div id=\"content\" class=\"site-content\"<<\/em> , lo que significa que esta ser\u00e1 la \u00faltima l\u00ednea en el archivo de cabecera. El c\u00f3digo se ver\u00e1 as\u00ed:<\/p>\n>!--?php if ( is_active_sidebar( 'header-1' ) ) : ?--< >div class=\"header-area\"<>\/div<\r\n<\/pre>\n<\/p>\n
Si lo hiciste correctamente, tu nueva \u00e1rea de widget aparecer\u00e1 en el panel de administraci\u00f3n de WordPress bajo la pesta\u00f1a Apariencia.<\/p>\n
Nota:<\/strong> Para que tu nueva \u00e1rea de widget se vea bien y coincida con el dise\u00f1o de tu tema, debes establecer su estilo en la hoja de estilo correspondiente.<\/p>\nA\u00f1adir \u00e1reas de widgets a p\u00e1ginas particulares<\/strong><\/p>\nSabemos que muchos usuarios se enfrentan al problema de c\u00f3mo hacer que una zona de widget predeterminada aparezca solo en una p\u00e1gina espec\u00edfica. En este caso, hay dos soluciones posibles de hacerlo: puedes elegir entre la configuraci\u00f3n manual de condiciones PHP de WordPress y la instalaci\u00f3n de un complemento de barra lateral.<\/p>\n
Usar condiciones PHP en WordPress<\/strong><\/p>\nLa primera manera es usar condiciones de WordPress. WordPress te proporciona una serie de condiciones, y estas son algunas de ellas:<\/p>\n
is_front_page()<\/a>\u00a0\u2013 se usa para mostrar un \u00e1rea de widget solo en la p\u00e1gina de inicio.<\/p>\nis_single()<\/a>\u2013 para mostrar un \u00e1rea de widget solo en las entradas, y nunca en las p\u00e1ginas. Se admiten los par\u00e1metros de ID y nombre de entrada, por lo que tambi\u00e9n puedes hacer que se muestre solo en las entradas seleccionadas.<\/p>\nis_page()<\/a> \u2013 para mostrarla solo en las p\u00e1ginas, y nunca en las entradas. Te deja usar los par\u00e1metros de ID y nombre de p\u00e1gina, por lo que tambi\u00e9n puedes configurarla para que aparezca solo en las p\u00e1ginas espec\u00edficas.<\/p>\nis_category()<\/a> \u2013 para mostrar una zona de widget solo en las p\u00e1ginas de ciertas categor\u00edas.<\/p>\nis_singular()<\/a> \u2013 para que aparezca solo en las entradas, p\u00e1ginas o archivos adjuntos, pero nunca en las p\u00e1ginas de categor\u00edas, p\u00e1ginas de etiquetas, etc.<\/p>\nConsulta m\u00e1s condiciones y otras funciones de WordPress aqu\u00ed<\/a>.<\/p>\nComplementos de adici\u00f3n de barra lateral a WordPress<\/strong><\/p>\nLa segunda forma de a\u00f1adir y configurar la visualizaci\u00f3n de una zona de widget en particular consiste en usar un plugin de barra lateral, por ejemplo, Easy Custom Sidebars<\/a>.<\/p>\nEste complemento reemplaza cualquier \u00e1rea de widget que elijas con una zona de widget din\u00e1mica que se pueda configurar para que aparezca solo en algunas p\u00e1ginas, entradas, categor\u00edas, o cualquier otra parte que desees.<\/p>\n
Para poder usar este complemento, simplemente inst\u00e1lalo, al igual que cualquier otro plugin de WordPress. Una vez instalado y activado el plugin, accede a Apariencia - > Barras laterales del tema. A continuaci\u00f3n, escribe un nombre de tu nuevo barra lateral, y haz clic sobre Create sidebar (Crear barra lateral). En nuestro caso, su nombre ser\u00e1 Header for Pages Only<\/em> (Cabecera solo para p\u00e1ginas).<\/p>\nEn el cuadro desplegable\u00a0Sidebar to Replace (Barra lateral a reemplazar), selecciona una zona de widget que deseas reemplazar. En nuestro caso, es Header Widget Area.<\/p>\n
Luego, en la secci\u00f3n a la izquierda, pincha sobre la pesta\u00f1a Pages accordion (Acorde\u00f3n de p\u00e1ginas), selecciona All Pages (Todas las p\u00e1ginas) y haz clic sobre el bot\u00f3n Add to Sidebar (A\u00f1adir a barra lateral).<\/p>\n
<\/p>\n
Luego haz clic en el bot\u00f3n Save Sidebar (Guardar barra lateral). Ahora, si vas a Apariencia -> Widgets, ver\u00e1s una nueva zona de widget que se cre\u00f3 din\u00e1micamente. Esta \u00e1rea de widget aparecer\u00e1 SOLO en las p\u00e1ginas, ya que la configuramos de manera correspondiente.<\/p>\n
\nConclusi\u00f3n<\/strong><\/h2>\nEso es todo. Si trabajas con WordPress, sin duda, eventualmente necesitar\u00e1s crear \u00e1reas de widgets adicionales. Y si has trabajado con otras plataformas CMS, por ejemplo, Joomla antes, probablemente est\u00e9s acostumbrado a tener un mont\u00f3n de \u00e1reas de widgets para usar. De verdad, puedes tener tantas zonas de widgets de WordPress, como quieras, pero esto requiere un poco m\u00e1s de esfuerzo, si se compara con Joomla. Sin embargo, el resultado final ser\u00e1 m\u00e1s estructurado y m\u00e1s f\u00e1cil de administrar.<\/p>\n
\nTambi\u00e9n puedes consultar estos tutoriales<\/h3>\n
C\u00f3mo cambiar colores y tipos de letra predeterminados en cualquier tema de WordPress<\/a>
\nTutorial: C\u00f3mo crear una plantilla de p\u00e1gina personalizada en WordPress<\/a>
\nWordPress: C\u00f3mo crear un redireccionamiento de una p\u00e1gina de inicio a cualquier URL por medio del redireccionamiento de PHP<\/a><\/p>\n
\n
<\/p>\nRegistrar un \u00e1rea de widget implica informar a WordPress de que esta \u00e1rea existe. Una vez que registres un \u00e1rea de widget, WordPress la a\u00f1adir\u00e1 autom\u00e1ticamente como una opci\u00f3n a elegir a Apariencia -> Widgets en tu panel de administraci\u00f3n de WP.<\/p>\n
Para registrar una zona de widget, debes editar el archivo functions.php de tu tema. La forma m\u00e1s f\u00e1cil de hacerlo es usar un cliente FTP. El archivo se puede encontrar en httpdocs\/wp-content\/themes\/TUTEMA\/functions.php<\/p>\n
Abre el archivo functions.php y busca register_sidebar<\/em>.<\/p>\n Si has encontrado Register_Sidebar<\/strong><\/p>\n Si has logrado encontrar register_sidebar en tu archivo functions.php, esto significa que tu tema ya cuenta con algunas \u00e1reas de widgets registradas. As\u00ed que, ser\u00eda m\u00e1s f\u00e1cil registrar \u00e1reas de widgets adicionales.<\/p>\n Simplemente copia toda la secuencia de c\u00f3digo de register_sidebar y p\u00e9gala a continuaci\u00f3n de la anterior. Despu\u00e9s de hacerlo, solo debes cambiar los valores de nombre, id y descripci\u00f3n en el c\u00f3digo copiado a los valores de tu nueva \u00e1rea.<\/p>\n As\u00ed es c\u00f3mo se ve un \u00e1rea de widgets:<\/p>\n Y as\u00ed es como se ver\u00e1 tener dos \u00e1reas:<\/p>\n Si no has encontrado Register_Sidebar<\/strong><\/p>\n Si no has encontrado register_sidebar en tu archivo, debes agregarlo t\u00fa, pero tambi\u00e9n debes agregar una nueva funci\u00f3n que se adjunte a la acci\u00f3n de WordPress widgets_init<\/em>.<\/p>\n Dado que los archivos de funciones son diferentes, seg\u00fan el tema que est\u00e1s utilizando, ser\u00eda mejor que te desplaces hacia abajo hasta el final del archivo, y all\u00ed a\u00f1adas una nueva funci\u00f3n y una nueva \u00e1rea de widgets.<\/p>\n El siguiente paso es a\u00f1adir un \u00e1rea de widget a una ubicaci\u00f3n deseada. Todo depende de d\u00f3nde quieras que aparezca. En nuestro caso, vamos a agregar un \u00e1rea de widget a la cabecera, por lo que necesitaremos modificar el archivo header.php<\/em>. Pero, de hecho, puedes agregarlo a casi cualquier archivo, incluso a footer.php, index.php, single.php, etc.<\/p>\n As\u00ed que, abramos el archivo header.php que se encuentra en el mismo directorio que el archivo functions.php.<\/p>\n Usaremos dos funciones nativas de WordPress para agregar un \u00e1rea de widget: is_active_sidebar<\/em> y dynamic_sidebar<\/em>. La primera verifica si alguna zona de widgets tiene widgets, y la segunda funci\u00f3n representa los widgets asignados a esta \u00e1rea.<\/p>\n En nuestro caso, agregaremos un \u00e1rea de widget a continuaci\u00f3n de la l\u00ednea de c\u00f3digo >div id=\"content\" class=\"site-content\"<<\/em> , lo que significa que esta ser\u00e1 la \u00faltima l\u00ednea en el archivo de cabecera. El c\u00f3digo se ver\u00e1 as\u00ed:<\/p>\n Si lo hiciste correctamente, tu nueva \u00e1rea de widget aparecer\u00e1 en el panel de administraci\u00f3n de WordPress bajo la pesta\u00f1a Apariencia.<\/p>\n Nota:<\/strong> Para que tu nueva \u00e1rea de widget se vea bien y coincida con el dise\u00f1o de tu tema, debes establecer su estilo en la hoja de estilo correspondiente.<\/p>\n A\u00f1adir \u00e1reas de widgets a p\u00e1ginas particulares<\/strong><\/p>\n Sabemos que muchos usuarios se enfrentan al problema de c\u00f3mo hacer que una zona de widget predeterminada aparezca solo en una p\u00e1gina espec\u00edfica. En este caso, hay dos soluciones posibles de hacerlo: puedes elegir entre la configuraci\u00f3n manual de condiciones PHP de WordPress y la instalaci\u00f3n de un complemento de barra lateral.<\/p>\n Usar condiciones PHP en WordPress<\/strong><\/p>\n La primera manera es usar condiciones de WordPress. WordPress te proporciona una serie de condiciones, y estas son algunas de ellas:<\/p>\n is_front_page()<\/a>\u00a0\u2013 se usa para mostrar un \u00e1rea de widget solo en la p\u00e1gina de inicio.<\/p>\n is_single()<\/a>\u2013 para mostrar un \u00e1rea de widget solo en las entradas, y nunca en las p\u00e1ginas. Se admiten los par\u00e1metros de ID y nombre de entrada, por lo que tambi\u00e9n puedes hacer que se muestre solo en las entradas seleccionadas.<\/p>\n is_page()<\/a> \u2013 para mostrarla solo en las p\u00e1ginas, y nunca en las entradas. Te deja usar los par\u00e1metros de ID y nombre de p\u00e1gina, por lo que tambi\u00e9n puedes configurarla para que aparezca solo en las p\u00e1ginas espec\u00edficas.<\/p>\n is_category()<\/a> \u2013 para mostrar una zona de widget solo en las p\u00e1ginas de ciertas categor\u00edas.<\/p>\n is_singular()<\/a> \u2013 para que aparezca solo en las entradas, p\u00e1ginas o archivos adjuntos, pero nunca en las p\u00e1ginas de categor\u00edas, p\u00e1ginas de etiquetas, etc.<\/p>\n Consulta m\u00e1s condiciones y otras funciones de WordPress aqu\u00ed<\/a>.<\/p>\n Complementos de adici\u00f3n de barra lateral a WordPress<\/strong><\/p>\n La segunda forma de a\u00f1adir y configurar la visualizaci\u00f3n de una zona de widget en particular consiste en usar un plugin de barra lateral, por ejemplo, Easy Custom Sidebars<\/a>.<\/p>\n Este complemento reemplaza cualquier \u00e1rea de widget que elijas con una zona de widget din\u00e1mica que se pueda configurar para que aparezca solo en algunas p\u00e1ginas, entradas, categor\u00edas, o cualquier otra parte que desees.<\/p>\n Para poder usar este complemento, simplemente inst\u00e1lalo, al igual que cualquier otro plugin de WordPress. Una vez instalado y activado el plugin, accede a Apariencia - > Barras laterales del tema. A continuaci\u00f3n, escribe un nombre de tu nuevo barra lateral, y haz clic sobre Create sidebar (Crear barra lateral). En nuestro caso, su nombre ser\u00e1 Header for Pages Only<\/em> (Cabecera solo para p\u00e1ginas).<\/p>\n En el cuadro desplegable\u00a0Sidebar to Replace (Barra lateral a reemplazar), selecciona una zona de widget que deseas reemplazar. En nuestro caso, es Header Widget Area.<\/p>\n Luego, en la secci\u00f3n a la izquierda, pincha sobre la pesta\u00f1a Pages accordion (Acorde\u00f3n de p\u00e1ginas), selecciona All Pages (Todas las p\u00e1ginas) y haz clic sobre el bot\u00f3n Add to Sidebar (A\u00f1adir a barra lateral).<\/p>\n Luego haz clic en el bot\u00f3n Save Sidebar (Guardar barra lateral). Ahora, si vas a Apariencia -> Widgets, ver\u00e1s una nueva zona de widget que se cre\u00f3 din\u00e1micamente. Esta \u00e1rea de widget aparecer\u00e1 SOLO en las p\u00e1ginas, ya que la configuramos de manera correspondiente.<\/p>\n Eso es todo. Si trabajas con WordPress, sin duda, eventualmente necesitar\u00e1s crear \u00e1reas de widgets adicionales. Y si has trabajado con otras plataformas CMS, por ejemplo, Joomla antes, probablemente est\u00e9s acostumbrado a tener un mont\u00f3n de \u00e1reas de widgets para usar. De verdad, puedes tener tantas zonas de widgets de WordPress, como quieras, pero esto requiere un poco m\u00e1s de esfuerzo, si se compara con Joomla. Sin embargo, el resultado final ser\u00e1 m\u00e1s estructurado y m\u00e1s f\u00e1cil de administrar.<\/p>\n C\u00f3mo cambiar colores y tipos de letra predeterminados en cualquier tema de WordPress<\/a>register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\n
register_sidebar( array(\r\n\t\t'name' =< __( 'Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =< 'sidebar-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); register_sidebar( array( 'name' =< __( 'Header Widget Area', 'twentyfifteen' ), 'id' =<'header-1', 'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ), 'before_widget' =< '\r\n\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) );<\/pre>\n
* Register our widget areas.\r\n *\/\r\nfunction register_widget_areas() {\r\n\tregister_sidebar( array(\r\n\t\t'name' =< __( ' Header Widget Area', 'twentyfifteen' ),\r\n\t\t'id' =<'header-1',\r\n\t\t'description' =< __( 'Add widgets here to appear in your header.', 'twentyfifteen' ),\r\n\t\t'before_widget' =< '\r\n', 'after_widget' =< '\r\n\r\n', 'before_title' =< ' >h2 class=\"widget-title\"<', 'after_title' =< '>\/h2< ', ) ); } add_action( 'widgets_init', 'register_widget_areas' ); ;<\/pre>\nAdici\u00f3n de \u00e1reas de widgets a ubicaciones deseadas<\/strong><\/h2>\n
>!--?php if ( is_active_sidebar( 'header-1' ) ) : ?--< >div class=\"header-area\"<>\/div<\r\n<\/pre>\n
<\/p>\n<\/p>\n
\nConclusi\u00f3n<\/strong><\/h2>\n
\nTambi\u00e9n puedes consultar estos tutoriales<\/h3>\n
\nTutorial: C\u00f3mo crear una plantilla de p\u00e1gina personalizada en WordPress<\/a>
\nWordPress: C\u00f3mo crear un redireccionamiento de una p\u00e1gina de inicio a cualquier URL por medio del redireccionamiento de PHP<\/a><\/p>\n
\n