Primero, empecemos por identificar qu\u00e9 son los widgets de WordPress.<\/p>\n
\u00bfQu\u00e9 son los widgets de WordPress?<\/strong><\/h2>\nEn WordPress, los widgets son fragmentos de contenido que viven fuera del flujo de la p\u00e1gina o del contenido de la publicaci\u00f3n.<\/p>\n
Los widgets contienen informaci\u00f3n, navegaci\u00f3n o medios de comunicaci\u00f3n que est\u00e1n separados de una entrada o p\u00e1gina individual. En la mayor\u00eda de los casos, cada widget se mostrar\u00e1 en todas las p\u00e1ginas del sitio, pero tambi\u00e9n se pueden registrar \u00e1reas de widgets para p\u00e1ginas espec\u00edficas, como la p\u00e1gina de inicio.<\/p>\n
Para a\u00f1adir un widget a su sitio, debe agregarlo a un \u00e1rea de widgets. Los \u00e1reas de widgets son creadas por su tema porque se relacionan con el dise\u00f1o y la disposici\u00f3n de su sitio y no con la funcionalidad.<\/p>\n
La mayor\u00eda de los temas de WordPress<\/a> tienen \u00e1reas de widgets en la barra lateral y en el pie de p\u00e1gina, aunque algunos tendr\u00e1n m\u00faltiples \u00e1reas de widgets en muchos lugares, como debajo o encima del contenido o en el encabezado.<\/p>\nLa siguiente captura de pantalla, de uno de mis propios sitios, muestra los widgets en la barra lateral y el pie de p\u00e1gina.<\/p>\n![\"\u00c1reas](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/areas-de-widgets-en-sitio-RachelMcWrites.jpg\")
\u00c1reas de widgets en mi sitio<\/figcaption><\/figure>\nWordPress viene con un mont\u00f3n de widgets precargados para que pueda usarlos sin tener que instalar ning\u00fan plugin<\/a> o escribir ning\u00fan c\u00f3digo. Pero tambi\u00e9n puede a\u00f1adir muchos m\u00e1s widgets instalando plugins o codificando los suyos.<\/p>\nEstos pueden abarcar una amplia gama de tipos de contenido, tales como medios de comunicaci\u00f3n, fuentes de medios sociales, navegaci\u00f3n, b\u00fasqueda, mapas y mucho m\u00e1s. Hay muy pocas cosas que quiera en su sitio web para las que no pueda encontrar un widget De hecho sin exagerar, el mayor desaf\u00edo es a menudo elegir entre todas las opciones .<\/p>\n
\u00bfCu\u00e1ndo usar los widgets de WordPress?<\/strong><\/h2>\nDeber\u00eda usar un widget siempre que quiera a\u00f1adir contenido extra a una o m\u00e1s p\u00e1ginas de su sitio (y cuando digo p\u00e1gina, incluyo posts, archivos, etc.), pero eso no es parte del contenido de esa p\u00e1gina. Son particularmente \u00fatiles para el contenido que quiere mostrar en cada p\u00e1gina del sitio, como una lista de sus \u00faltimas publicaciones, un carrito de compras<\/a> o un bot\u00f3n de llamada a la acci\u00f3n.<\/p>\nPiense en cu\u00e1ntos usuarios necesitar\u00e1n acceder a cada widget y cu\u00e1n importante es cuando decida d\u00f3nde colocarlo. Los widgets en la barra lateral<\/a> ser\u00e1n m\u00e1s prominentes que los del pie de p\u00e1gina, que algunos usuarios pueden incluso no ver.<\/p>\nPor lo tanto, un widget de \u00faltimas publicaciones o un widget de llamada a la acci\u00f3n podr\u00eda estar mejor en la barra lateral donde la gente tiene m\u00e1s posibilidades de interactuar con ellos, mientras que un feed de medios sociales podr\u00eda ir en el pie de p\u00e1gina.<\/p>\n
Si su tema tambi\u00e9n tiene \u00e1reas de widgets especiales para la p\u00e1gina de inicio, puede que quiera usarlas para navegar por los departamentos de su sitio, listas de contenido relevante o medios como un v\u00eddeo de bienvenida a la gente del sitio.<\/p>\n
11 Ejemplos de widgets en WordPress<\/strong><\/h2>\nLa mejor manera de entender las posibilidades que ofrecen los widgets de WordPress es mirando algunos ejemplos de ellos. Echemos un vistazo a los once tipos de widgets que ver\u00e1 con frecuencia en los sitios de WordPress.<\/p>\n
1. Widget de mensajes recientes<\/strong><\/h3>\nEl widget de Mensajes Recientes es posiblemente el m\u00e1s utilizado en los blogs.<\/p>\n
Le permite mostrar una lista de sus publicaciones m\u00e1s recientes en la barra lateral o en el pie de cada p\u00e1gina de su sitio, lo que aumenta la posibilidad de que la gente navegue por el sitio y lea una serie de publicaciones.<\/p>\n
El widget Recent Posts viene preinstalado con WordPress. Le permite establecer cu\u00e1ntos mensajes quiere mostrar y qu\u00e9 encabezamiento quiere darle al widget.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-mensajes-recientes.jpg\")
Widget de mensajes recientes<\/figcaption><\/figure>\nSi quiere a\u00f1adir una funcionalidad extra, puede instalar un plugin para un widget alternativo como WordPress Popular Posts<\/a>, que muestra el contenido m\u00e1s popular. Alternativamente, el widget Advanced Random Posts<\/a> se actualiza cada vez que el usuario visita una nueva pantalla.<\/p>\n2. Widget de Comentarios recientes<\/strong><\/h3>\n\u00bfQuiere mostrar a los visitantes lo vibrante que es su sitio y lo mucho que su p\u00fablico se compromete con su contenido?<\/p>\n
El widget Comentarios recientes muestra los \u00faltimos comentarios en su sitio, dando a los visitantes la oportunidad de navegar directamente a esos comentarios y unirse a la discusi\u00f3n.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-comentarios-recientes.jpg\")
Widget de comentarios recientes<\/figcaption><\/figure>\nEl widget Comentarios recientes viene con WordPress. De nuevo, si quieres a\u00f1adir funcionalidad extra puedes instalar un plugin de comentarios de terceros<\/a> como el widget WP Social Comments<\/a> que permite a la gente comentar usando su cuenta de Facebook: bueno para la participaci\u00f3n en los medios sociales.<\/p>\n3. Widgets de llamada a la acci\u00f3n<\/strong><\/h3>\nUn gran uso de un widget es animar a la gente a actuar, y puede hacerlo con un widget de llamada a la acci\u00f3n.<\/p>\n
Su widget puede ser un simple bot\u00f3n, o puede crear algo m\u00e1s personalizado usando un widget de texto o un widget de HTML, o incluso un widget de imagen, todos los cuales vienen preinstalados con WordPress.<\/p>\n
En uno de mis propios sitios, he creado un widget de llamada a la acci\u00f3n que anima a la gente a inscribirse en mi lista de correo. Esto utiliza el widget HTML incorporado en el que he incluido una imagen, algo de texto y un bot\u00f3n que he codificado en HTML.<\/p>\n![\"Widgets](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widgets-Llamada-Accion-en-mi-sitio.jpg\")
Widgets de Llamada a la Acci\u00f3n en mi sitio<\/figcaption><\/figure>\n4. Widgets de navegaci\u00f3n<\/strong><\/h3>\nTambi\u00e9n puede usar widgets para animar a la gente a navegar por su sitio.<\/p>\n
Hay algunas opciones para esto: los widgets de Categor\u00edas o Nube de Etiquetas y el widget del Men\u00fa de Navegaci\u00f3n.<\/p>\n
El widget Men\u00fa de navegaci\u00f3n le permite crear un men\u00fa de navegaci\u00f3n personalizado<\/a>, as\u00ed como el men\u00fa de navegaci\u00f3n principal de su sitio, y luego agregarlo a un \u00e1rea de widgets.<\/p>\nIncluso puede a\u00f1adir su men\u00fa de navegaci\u00f3n principal a un \u00e1rea de widgets, aunque esto s\u00f3lo funcionar\u00e1 si tiene un men\u00fa de navegaci\u00f3n peque\u00f1o.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-del)
Widget del men\u00fa de navegaci\u00f3n<\/figcaption><\/figure>\nA\u00f1adir un men\u00fa de navegaci\u00f3n al pie de su sitio animar\u00e1 a la gente que llegue al final de un post a navegar por su sitio. Es particularmente \u00fatil para los usuarios de m\u00f3viles que pueden tener que desplazarse mucho para volver al men\u00fa principal de navegaci\u00f3n<\/a> despu\u00e9s de llegar al final de un mensaje.<\/p>\nAlternativamente, puede usar el widget incorporado de Categor\u00edas para mostrar una lista de las categor\u00edas de su sitio, o el widget de Nube de etiquetas para facilitar a la gente el acceso a los archivos de etiquetas.<\/p>\n
5. Widgets de los medios de comunicaci\u00f3n<\/strong><\/h3>\nA\u00f1adir medios de comunicaci\u00f3n<\/a> a su barra lateral o pie de p\u00e1gina le dar\u00e1 vida a su sitio y proporcionar\u00e1 a los usuarios algo que ver o interactuar.<\/p>\nPuede usar el widget Imagen incorporado para mostrar cualquier imagen en la barra lateral o en el pie de p\u00e1gina, y le permite convertir esa imagen en un enlace tambi\u00e9n.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-imagen.jpg\")
Widget de imagen<\/figcaption><\/figure>\nAlternativamente, el widget de v\u00eddeo le permite transmitir v\u00eddeo de YouTube o Vimeo directamente en el \u00e1rea del widget de su sitio. Esto es particularmente \u00fatil si su sitio tiene \u00e1reas de widgets especiales para la p\u00e1gina de inicio, pero tambi\u00e9n puede ser bueno en el pie de p\u00e1gina como una forma de captar la atenci\u00f3n de la gente cuando llega al final de un post.<\/p>\n
6. Widgets de medios sociales<\/strong><\/h3>\nSi desea relacionarse con las personas que visitan su sitio web a trav\u00e9s de los medios sociales, al agregar la alimentaci\u00f3n de los medios sociales a la barra lateral o al pie de su sitio, mostrar\u00e1 a la gente que usted es activo en los medios sociales y los alentar\u00e1 a que le gusten o le sigan.<\/p>\n
Una forma de acceder a los widgets de medios sociales para las plataformas m\u00e1s grandes (Facebook, Twitter, Instagram) es instalar el plugin Jetpack<\/a>, que incluye todo esto y mucho m\u00e1s.<\/p>\n![\"El](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/Jetpack-plugin.jpg\")
El plugin Jetpack<\/figcaption><\/figure>\nAlternativamente, todas las plataformas de medios sociales tienen sus propios plugins, disponibles gratuitamente a trav\u00e9s del directorio de plugins. O puedes encontrar plugins de terceros<\/a> que te permitir\u00e1n personalizar la forma de mostrar tu feed de medios sociales.<\/p>\n7. Widget de la cesta de la compra<\/strong><\/h3>\nSi tiene una tienda de comercio electr\u00f3nico<\/a> en su sitio usando un plugin como WooCommerce<\/a>, es una buena idea incluir un widget de carrito para que los usuarios puedan navegar f\u00e1cilmente a su carrito dondequiera que est\u00e9n en la tienda.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-cesta-compra.jpg\")
Widget de la cesta de la compra<\/figcaption><\/figure>\nPodr\u00eda poner esto en la barra lateral donde la gente pueda verlo f\u00e1cilmente, o en el encabezado para una mayor visibilidad si su tema incluye un \u00e1rea de widgets all\u00ed.<\/p>\n
Los plugins de comercio electr\u00f3nico<\/a> como WooCommerce incluyen widgets de carrito de compras y otros widgets de comercio electr\u00f3nico como parte del plugin, por lo que una vez que haya a\u00f1adido el comercio electr\u00f3nico a su sitio, los encontrar\u00e1s a\u00f1adidos a su pantalla de Widgets<\/strong>.<\/p>\n8. Widget de formulario<\/strong><\/h3>\nSi quiere que la gente se ponga en contacto con usted, haga preguntas o se inscriba en una lista de correo<\/a>, puede a\u00f1adir un formulario a su barra lateral.<\/p>\nNo se incluye un widget de formulario con WordPress, pero puedes a\u00f1adir plugins para proporcionarlos, como el gratuito Contact Form 7 o el premium pero muy potente Gravity Forms<\/a>.<\/p>\n9. Widget de Google Maps<\/strong><\/h3>\nSi su negocio est\u00e1 basado en un lugar f\u00edsico y quiere que la gente pueda encontrarlo f\u00e1cilmente, a\u00f1adir un widget de mapa a su sitio le ayudar\u00e1.<\/p>\n
Hay varios plugins gratuitos de Google <\/a>Maps<\/a> que puede usar, como el plugin WP Google Maps<\/a>.<\/p>\n![\"Plugin](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/plugin-WP-Google-Maps.jpg\")
Plugin de WP Google Maps<\/figcaption><\/figure>\nAlternativamente, si no quiere instalar un plugin, puede tomar el c\u00f3digo de incrustaci\u00f3n de Google Maps y a\u00f1adirlo<\/a> a un widget HTML.<\/p>\n10. Widget de acceso<\/strong><\/h3>\nSi tiene un sitio de miembros<\/a>, un widget de inicio de sesi\u00f3n facilitar\u00e1 a la gente el acceso a su sitio<\/a> sin tener que ir a una p\u00e1gina de inicio de sesi\u00f3n separada.<\/p>\nEl Meta widget que viene con WordPress incluye un enlace de acceso pero tambi\u00e9n incluye otras cosas que puede que no quiera, as\u00ed que le recomendar\u00eda usar un plugin separado para esto del directorio de plugins.<\/p>\n
El widget Iniciar sesi\u00f3n con el widget de Ajax<\/a> le da un formulario de inicio de sesi\u00f3n en su widget, lo que significa que la gente puede iniciar sesi\u00f3n en su sitio desde cualquier p\u00e1gina.<\/p>\n![\"Iniciar](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/iniciar-con-widgets-Ajax.jpg\")
Iniciar sesi\u00f3n con el plugin de widgets de Ajax<\/figcaption><\/figure>\n11. Widget de b\u00fasqueda<\/strong><\/h3>\nUn widget muy simple pero incre\u00edblemente \u00fatil es el widget de B\u00fasqueda<\/a>, que viene precargado con WordPress.<\/p>\n![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widget-busqueda.jpg\")
Widget de b\u00fasqueda<\/figcaption><\/figure>\nA\u00f1ada esto a su barra lateral o al encabezado y facilitar\u00e1 que la gente encuentre cosas en su sitio.<\/p>\n
Si quiere aumentar la potencia de su widget de b\u00fasqueda, puede instalar el widget gratuito WP Google Search<\/a>, que utiliza la b\u00fasqueda de Google.<\/p>\n\u00bfC\u00f3mo a\u00f1adir widgets a su sitio de WordPress?<\/strong><\/h2>\nUna vez que haya decidido qu\u00e9 tipo de widgets necesita para su sitio de WordPress, es hora de instalarlos.<\/p>\n
No est\u00e9 tentado de a\u00f1adir demasiados. Cuantos m\u00e1s haya, menos probable es que los usuarios los noten. En su lugar, enf\u00f3quese en dos o tres widgets clave para la barra lateral. Puede a\u00f1adir m\u00e1s al pie de p\u00e1gina, donde son menos importantes de todos modos.<\/p>\n
Y si tiene alg\u00fan \u00e1rea extra de widgets en su tema<\/a>, decida qu\u00e9 widgets poner en ella. Aseg\u00farese de que encajan con la disposici\u00f3n y el dise\u00f1o de su sitio<\/a>.<\/p>\nHay tres formas de a\u00f1adir widgets:<\/p>\n
\n- Use los widgets que ya vienen con WordPress.<\/li>\n
- A\u00f1ada un widget de terceros desde el directorio de plugins<\/a>.<\/li>\n
- Compre un plugin premium que incluya un widget.<\/li>\n<\/ul>\n
Encontrar Widgets para su sitio de WordPress<\/strong><\/h3>\nHay una gran variedad de widgets disponibles, por lo que puede ser dif\u00edcil elegir cu\u00e1l instalar. Echemos un vistazo a las opciones y luego examinemos c\u00f3mo podr\u00eda elegir la mejor para usted.<\/p>\n
Los widgets que vienen con WordPress<\/strong><\/h4>\nSi uno de los widgets preinstalados es lo que usted necesita, entonces use eso. Le ahorrar\u00e1 tiempo y significar\u00e1 menos c\u00f3digo ejecut\u00e1ndose en su sitio.<\/p>\n![\"Widgets](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/widgets-preinstalados-WordPress.jpg\")
Widgets preinstalados de WordPress<\/figcaption><\/figure>\nLos widgets preinstalados son:<\/p>\n
\n- Archivos<\/strong>: enlace a los archivos por mes, dise\u00f1ado para los blogs pero bastante anticuado ahora.<\/li>\n
- Calendario<\/strong>: un calendario de sus entradas, tambi\u00e9n adecuado para blogs, especialmente si el suyo es sensible al tiempo (pero no tan com\u00fan en estos d\u00edas).<\/li>\n
- HTML personalizado<\/strong>: lo \u00faltimo en flexibilidad, a\u00f1ada el contenido que quiera escribiendo o pegando en el HTML (como los formularios de Google<\/a>). Evite si no se siente c\u00f3modo con la codificaci\u00f3n.<\/li>\n
- Imagen<\/strong>: muestra una imagen<\/a> de su biblioteca multimedia.<\/li>\n
- Men\u00fa de navegaci\u00f3n<\/strong>: muestra el men\u00fa de navegaci\u00f3n principal o uno separado que crea.<\/li>\n
- Comentarios recientes<\/strong>: una lista de comentarios recientes con enlaces a ellos.<\/li>\n
- Nube de etiquetas<\/strong>: una lista de etiquetas en formato de nube, con enlaces a los archivos relevantes.<\/li>\n
- Video<\/strong>: incrustar un video de YouTube<\/a> o cualquier otro servicio de streaming.<\/li>\n
- Audio<\/strong>: incrustar un podcast, un reproductor<\/a>, una canci\u00f3n u otros clips de audio (sugerido: \u00bfC\u00f3mo iniciar un podcast usando WordPress?<\/a>).<\/li>\n
- Categor\u00edas<\/strong>: una lista de las categor\u00edas de su blog<\/a>, con enlaces a las p\u00e1ginas de los archivos.<\/li>\n
- Galer\u00eda<\/strong>: m\u00e1s avanzada que el widget de im\u00e1genes, muestra una galer\u00eda de im\u00e1genes<\/a>.<\/li>\n
- Meta<\/strong>: metadatos como enlaces de acceso <\/a>y fuentes RSS<\/a>. Una resaca de los primeros d\u00edas de WordPress y no muy \u00fatil ahora.<\/li>\n
- P\u00e1ginas<\/strong>: muestra una lista de las p\u00e1ginas de su sitio con enlaces.<\/li>\n
- Mensajes recientes<\/strong>: muestra una lista de sus mensajes m\u00e1s recientes para animar a la gente a leerlos.<\/li>\n
- B\u00fasqueda<\/strong>: un simple cuadro de b\u00fasqueda.<\/li>\n
- Texto<\/strong>: cualquier texto que quieras a\u00f1adir, como informaci\u00f3n sobre el sitio.<\/li>\n<\/ul>\n
A\u00f1adir Widgets con un Plugin<\/strong><\/h3>\nEl directorio de plugins de WordPress tiene miles de plugins de widgets gratuitos que le permitir\u00e1n elegir entre m\u00e1s widgets.<\/p>\n
Adem\u00e1s de eso, muchos otros plugins tambi\u00e9n incluyen widgets, como un plugin de comercio electr\u00f3nico que le da un widget de carrito y m\u00e1s<\/a>.<\/p>\nSi el directorio de plugins no tiene el plugin que necesita, puede decidir a\u00f1adir un plugin premium. A veces estos ofrecer\u00e1n m\u00e1s funciones o una interfaz m\u00e1s intuitiva. Pero a veces encontrar\u00e1 las mismas caracter\u00edsticas en un plugin gratuito, as\u00ed que haga una buena b\u00fasqueda en el directorio de plugins antes de pagar por ellos.<\/p>\n
\u00bfC\u00f3mo encontrar el widget adecuado para su sitio?<\/strong><\/h4>\nPara encontrar el widget de WordPress adecuado, sigua estos consejos:<\/p>\n
\n- Identifique exactamente lo que necesita del widget. \u00bfQu\u00e9 funcionalidad necesita tener y c\u00f3mo quiere que se vea? \u00bfNecesita enlazar con alguna API de terceros?<\/li>\n
- Revis los widgets incorporados para ver si hay alguno que se ajuste a sus necesidades. Pruebe las que sean relevantes, si encuentra una adecuada, eso es genial. Si no…<\/li>\n
- Revise el directorio de plugins, al que puede acceder a trav\u00e9s de Plugins > Add New. <\/strong>Intente buscar m\u00e1s de un t\u00e9rmino para encontrar el plugin adecuado, y busque con y sin la palabra ‘widget’. A veces un plugin que no se centra en los widgets incluir\u00e1 un widget como parte de un conjunto m\u00e1s amplio de caracter\u00edsticas.<\/li>\n
- Si no encuentra nada adecuado entre los plugins gratuitos, busque un premium plugin<\/a>. P\u00eddale a otros usuarios de WordPress recomendaciones y mire las rese\u00f1as antes de elegir una.<\/li>\n<\/ol>\n
Sea cual sea el widget que elija, tendr\u00e1 que probarlo para comprobar que funciona como usted quiera. Si est\u00e1 comprando plugins premium, le recomiendo que compre uno con garant\u00eda de devoluci\u00f3n de dinero o un periodo de prueba gratuito en caso de que no sea el adecuado.<\/p>\n
\u00bfC\u00f3mo a\u00f1adir widgets a la barra lateral y al pie de p\u00e1gina en WordPress?<\/strong><\/h3>\nAhora que ha elegido su widget, es hora de a\u00f1adirlo a su sitio.<\/p>\n
Puede a\u00f1adir widgets a cualquier \u00e1rea de widgets activa proporcionada por su tema. Si su tema no tiene un \u00e1rea de widgets en el lugar donde quiere, intente buscar un tema alternativo<\/a>.<\/p>\nM\u00e1s tarde en este post le mostrar\u00e9 c\u00f3mo codificar su propio \u00e1rea de widgets.<\/p>\n
Hay dos formas de a\u00f1adir widgets a su sitio:<\/p>\n
\n- Usando el Personalizador<\/a>. Vaya a Apariencia > Personalizar > Widgets en<\/strong> el men\u00fa de administraci\u00f3n, o a Personalizar > Widgets en la<\/strong> barra de administraci\u00f3n en la parte superior de la pantalla.<\/li>\n
- A trav\u00e9s de la pantalla de administraci\u00f3n de Widgets. Vaya a Apariencia > Widgets en<\/strong> el men\u00fa de administraci\u00f3n, o en la barra de administraci\u00f3n, haga clic en Personalizar > Widgets.<\/strong><\/li>\n<\/ul>\n
![\"Widgets](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/Widgets-en-Personalizador.jpg\")
Widgets en el Personalizador<\/figcaption><\/figure>\nLe mostrar\u00e9 c\u00f3mo usar ambos m\u00e9todos en breve, pero primero echemos un vistazo a las \u00e1reas de los widgets y por qu\u00e9 hace los que hace con Su tema.<\/p>\n
Los widgets no son s\u00f3lo para la barra lateral<\/h4>\n
Dependiendo del tema de WordPress<\/a>, puede que tenga \u00e1reas de widgets en varios lugares.<\/p>\nLa mayor\u00eda de los temas tienen \u00e1reas de widgets en la barra lateral y en el pie de p\u00e1gina. Pero algunos tambi\u00e9n los tienen en otros lugares, como debajo o encima del contenido o en el encabezado.<\/p>\n
Si va a la pantalla de configuraci\u00f3n de los widgets en el administrador de WordPress<\/a>, podr\u00e1 ver todas las \u00e1reas de los widgets de su tema.<\/p>\nUtilizo un tema con m\u00faltiples \u00e1reas de widgets en muchos lugares. En la captura de pantalla que aparece a continuaci\u00f3n se puede ver que hay \u00e1reas de widgets por encima y por debajo del contenido, en el encabezado, debajo del pie de p\u00e1gina principal.<\/p>\n![\"Pantalla](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/pantalla-configuracion-widgets-areas-widgets.jpg\")
Pantalla de configuraci\u00f3n de widgets, \u00e1reas de widgets<\/figcaption><\/figure>\nSi quiere a\u00f1adir widgets a otros lugares de su sitio, tiene sentido encontrar un tema que tenga varias \u00e1reas de widgets. La mejor manera de hacerlo es utilizar un tema marco<\/a>.<\/p>\nUn buen ejemplo de un widget en un lugar de su tema que no es la barra lateral o el pie de p\u00e1gina es a\u00f1adir una barra de b\u00fasqueda en el encabezado como la que tengo en uno de mis sitios web.<\/p>\n![\"Barra](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/barra-busqueda-cabecera.jpg\")
Barra de b\u00fasqueda en la cabecera<\/figcaption><\/figure>\n\u00c1reas y temas de los widgets<\/strong><\/h4>\nLas \u00e1reas de los widgets se codifican en los archivos de plantillas de temas, as\u00ed como en el archivo de funciones de temas.<\/p>\n
Aqu\u00ed puede ver el c\u00f3digo que he usado en mi archivo de funciones tem\u00e1ticas para a\u00f1adir un \u00e1rea de widgets que ir\u00e1 en el encabezado.<\/p>\n
register_sidebar( array(\n 'name' => __( 'In Header Widget Area', 'rmccollin' ),\n 'id' => 'in-header-widget-area',\n 'description' => __( 'A widget area located to the right hand side of the header, next to the site title and description.', 'rmccollin' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n) );<\/code><\/pre>\nY aqu\u00ed est\u00e1 el c\u00f3digo en mi archivo header.php que a\u00f1ade esa \u00e1rea de widgets en el lugar correcto del tema.<\/p>\n
if ( is_active_sidebar( 'in-header-widget-area' ) ) { ?>\n\n <aside class=\"in-header widget-area right\" role=\"complementary\">\n <?php dynamic_sidebar( 'in-header-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\nSi quiere a\u00f1adir \u00e1reas de widgets adicionales en su tema, necesita a\u00f1adir el mismo tipo de c\u00f3digo. Le mostrar\u00e9 c\u00f3mo hacer esto m\u00e1s tarde en este post.<\/p>\n
No olvide que si su tema no tiene tantas \u00e1reas de widgets como le gustar\u00eda, siempre puede hacer una de dos cosas:<\/p>\n
\n- Encuentre un tema que tenga \u00e1reas de widgets donde quiera.<\/li>\n
- Codifique la nueva \u00e1rea del widget en su tema o en un tema hijode su tema<\/a>.<\/li>\n<\/ul>\n
Una vez que tenga \u00e1reas de widgets en todos los lugares de su tema, puede empezar a a\u00f1adirles widgets.<\/p>\n
\u00bfC\u00f3mo usar la pantalla de Widgets para a\u00f1adir Widgets?<\/strong><\/h4>\nHay dos maneras de a\u00f1adir widgets a su sitio de WordPress. La primera es usar la pantalla de Widgets en el administrador de WordPress.<\/p>\n
Haga clic en Apariencia > Widgets. <\/strong>Esto hace que aparezca la pantalla de widgets.<\/p>\n![\"Pantalla](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/pantalla-widgets.jpg\")
Pantalla de widgets<\/figcaption><\/figure>\nPara a\u00f1adir un widget puede hacer una de dos cosas:<\/p>\n
\n- Arr\u00e1stralo desde la lista de widgets de la izquierda al \u00e1rea de widgets correspondiente.<\/li>\n
- Haga clic en el widget que quieras a\u00f1adir y ver\u00e1 una lista de los lugares donde podr\u00eda a\u00f1adirlo. Seleccione el \u00e1rea del widget que desee y haga clic en el bot\u00f3n A\u00f1adir Widget<\/strong>.<\/li>\n<\/ul>\n
![\"Seleccionar](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/seleccionar-un-area-y-un-widget.jpg\")
Seleccionar un \u00e1rea y un widget<\/figcaption><\/figure>\nEs posible que tenga que editar la posici\u00f3n del widget dentro del \u00e1rea del mismo.<\/p>\n
Puede a\u00f1adir tantos widgets como quiera a cada \u00e1rea de widgets, pero no se pase de la raya. Puede arrastrarlos dentro del \u00e1rea del widget para ponerlos en el orden correcto. Tambi\u00e9n puede arrastrarlos de un \u00e1rea de widgets a otra si decide que no le gusta su aspecto.<\/p>\n
Tambi\u00e9n puede usar el teclado para a\u00f1adir widgets mediante la pantalla de Widgets, de modo que si no tiene acceso a un rat\u00f3n, puede seguir a\u00f1adiendo widgets.<\/p>\n
A\u00f1adir y editar widgets en modo de accesibilidad<\/strong><\/h4>\nSi no puede usar un rat\u00f3n, puede usar la pantalla de Widgets con un teclado.<\/p>\n
En primer lugar, ponga la pantalla en modo de accesibilidad haciendo clic en (o pulsando y seleccionando) el enlace Activar<\/strong> el modo de accesibilidad<\/strong> en la parte superior derecha de la pantalla.<\/p>\n![\"Enlace](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/enlace-del-modo-accesibilidad.jpg\")
Enlace del modo de accesibilidad<\/figcaption><\/figure>\nLa pantalla cambiar\u00e1 entonces para reflejar el hecho de que est\u00e1s en modo de accesibilidad.<\/p>\n![\"Modo](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/modo-accesibilidad-pantalla-widgets.jpg\")
Modo de accesibilidad de la pantalla de widgets<\/figcaption><\/figure>\nA continuaci\u00f3n, puede navegar entre los elementos de la pantalla utilizando la tecla Tab<\/strong> del teclado y pulsar Intro para seleccionar un elemento y actuar sobre \u00e9l. Puede\u00a0 tabular a un widget, pulsar Return<\/strong> en el enlace A\u00f1adir<\/strong> y luego elegir d\u00f3nde quiere a\u00f1adirlo, o bien tabular al \u00e1rea del widget y pulsar Return<\/strong> en el enlace Editar<\/strong>.<\/p>\n\u00bfC\u00f3mo usar el personalizador de WordPress para a\u00f1adir widgets?<\/strong><\/h4>\nEl uso del Personalizador para agregar widgets en lugar de la pantalla de widgets significa que puede ver sus widgets a medida que los agrega. Esto hace que sea m\u00e1s f\u00e1cil ver c\u00f3mo se ver\u00e1n sus widgets y moverlos entre las \u00e1reas de los mismos si quiere.<\/p>\n
En el men\u00fa de administraci\u00f3n, haga clic en Apariencia > Personalizar. <\/strong>Alternativamente, desde la barra de administraci\u00f3n en la parte superior de la pantalla del sitio en vivo (suponiendo que est\u00e9s conectado), s\u00f3lo tiene que hacer clic en Personalizar<\/strong>. Esto abrir\u00e1 el Personalizador.<\/p>\n![\"Barra](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/Barra-administracion-WordPress.jpg\")
Barra de administraci\u00f3n de WordPress<\/figcaption><\/figure>\nAhora haga clic en la opci\u00f3n Widgets<\/strong> y ver\u00e1 una lista de todas las \u00e1reas de widgets de su tema. Haga clic en el \u00e1rea de la aplicaci\u00f3n en la que desea a\u00f1adir un widget y haga clic en el bot\u00f3n A\u00f1adir un widget<\/strong>.<\/p>\nEsto le da una lista de todos los widgets disponibles para su sitio. Eso incluye todos los widgets incorporados que vienen con WordPress m\u00e1s cualquier widget que haya a\u00f1adido mediante plugins.<\/p>\n![\"Agregar](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/agregar-boton-widget.jpg\")
Agregar un bot\u00f3n de widget<\/figcaption><\/figure>\nElija el widget que quiera a\u00f1adir a esa zona de widgets y lo ver\u00e1 en la pantalla de vista previa del lado derecho.<\/p>\n
Puede reordenar los widgets arrastr\u00e1ndolos hacia arriba y hacia abajo en el lado izquierdo o haciendo clic en el enlace Reordenar<\/strong> debajo de la lista de widgets y luego haciendo clic en las flechas para moverlos hacia arriba y hacia abajo.<\/p>\n![\"Edici\u00f3n](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/02\/Edicion-widgets-Personalizador.jpg\")
Edici\u00f3n de widgets en el Personalizador<\/figcaption><\/figure>\nUna vez que haya terminado de a\u00f1adir widgets a trav\u00e9s del Personalizador, no olvide de hacer clic en el bot\u00f3n Publicar<\/strong> en la parte superior izquierda para que se guarden los cambios. Si deja el Personalizador sin hacer esto, ninguno de sus cambios se reflejar\u00e1 en el sitio en vivo.<\/p>\nUna vez que haya a\u00f1adido sus widgets, por favor, \u00e9cheles un vistazo y compruebe c\u00f3mo encajan en el dise\u00f1o de su p\u00e1gina. Si ha a\u00f1adido demasiadas \u00e1reas de widgets, las cosas pueden parecer un poco desordenadas. Necesitar\u00e1 quitar algunos de ellos o puedes moverlos de un \u00e1rea de los widgets a otra.<\/p>\n
Es muy f\u00e1cil hacerlo en la pantalla de Widgets, donde puede arrastrar los widgets entre las \u00e1reas de los mismos.<\/p>\n
\u00bfC\u00f3mo a\u00f1adir un widget a una p\u00e1gina espec\u00edfica?<\/strong><\/h4>\nAlgunos temas incluyen \u00e1reas de widgets que son s\u00f3lo para p\u00e1ginas espec\u00edficas, como la p\u00e1gina de inicio. \u00bfPero qu\u00e9 pasa si quiere a\u00f1adir un widget a una sola p\u00e1gina de su sitio?<\/p>\n
Puede hacer esto en el editor de publicaciones y p\u00e1ginas de Gutenberg<\/a>.<\/p>\n
La siguiente captura de pantalla, de uno de mis propios sitios, muestra los widgets en la barra lateral y el pie de p\u00e1gina.<\/p>\n WordPress viene con un mont\u00f3n de widgets precargados para que pueda usarlos sin tener que instalar ning\u00fan plugin<\/a> o escribir ning\u00fan c\u00f3digo. Pero tambi\u00e9n puede a\u00f1adir muchos m\u00e1s widgets instalando plugins o codificando los suyos.<\/p>\n Estos pueden abarcar una amplia gama de tipos de contenido, tales como medios de comunicaci\u00f3n, fuentes de medios sociales, navegaci\u00f3n, b\u00fasqueda, mapas y mucho m\u00e1s. Hay muy pocas cosas que quiera en su sitio web para las que no pueda encontrar un widget De hecho sin exagerar, el mayor desaf\u00edo es a menudo elegir entre todas las opciones .<\/p>\n Deber\u00eda usar un widget siempre que quiera a\u00f1adir contenido extra a una o m\u00e1s p\u00e1ginas de su sitio (y cuando digo p\u00e1gina, incluyo posts, archivos, etc.), pero eso no es parte del contenido de esa p\u00e1gina. Son particularmente \u00fatiles para el contenido que quiere mostrar en cada p\u00e1gina del sitio, como una lista de sus \u00faltimas publicaciones, un carrito de compras<\/a> o un bot\u00f3n de llamada a la acci\u00f3n.<\/p>\n Piense en cu\u00e1ntos usuarios necesitar\u00e1n acceder a cada widget y cu\u00e1n importante es cuando decida d\u00f3nde colocarlo. Los widgets en la barra lateral<\/a> ser\u00e1n m\u00e1s prominentes que los del pie de p\u00e1gina, que algunos usuarios pueden incluso no ver.<\/p>\n Por lo tanto, un widget de \u00faltimas publicaciones o un widget de llamada a la acci\u00f3n podr\u00eda estar mejor en la barra lateral donde la gente tiene m\u00e1s posibilidades de interactuar con ellos, mientras que un feed de medios sociales podr\u00eda ir en el pie de p\u00e1gina.<\/p>\n Si su tema tambi\u00e9n tiene \u00e1reas de widgets especiales para la p\u00e1gina de inicio, puede que quiera usarlas para navegar por los departamentos de su sitio, listas de contenido relevante o medios como un v\u00eddeo de bienvenida a la gente del sitio.<\/p>\n La mejor manera de entender las posibilidades que ofrecen los widgets de WordPress es mirando algunos ejemplos de ellos. Echemos un vistazo a los once tipos de widgets que ver\u00e1 con frecuencia en los sitios de WordPress.<\/p>\n El widget de Mensajes Recientes es posiblemente el m\u00e1s utilizado en los blogs.<\/p>\n Le permite mostrar una lista de sus publicaciones m\u00e1s recientes en la barra lateral o en el pie de cada p\u00e1gina de su sitio, lo que aumenta la posibilidad de que la gente navegue por el sitio y lea una serie de publicaciones.<\/p>\n El widget Recent Posts viene preinstalado con WordPress. Le permite establecer cu\u00e1ntos mensajes quiere mostrar y qu\u00e9 encabezamiento quiere darle al widget.<\/p>\n Si quiere a\u00f1adir una funcionalidad extra, puede instalar un plugin para un widget alternativo como WordPress Popular Posts<\/a>, que muestra el contenido m\u00e1s popular. Alternativamente, el widget Advanced Random Posts<\/a> se actualiza cada vez que el usuario visita una nueva pantalla.<\/p>\n \u00bfQuiere mostrar a los visitantes lo vibrante que es su sitio y lo mucho que su p\u00fablico se compromete con su contenido?<\/p>\n El widget Comentarios recientes muestra los \u00faltimos comentarios en su sitio, dando a los visitantes la oportunidad de navegar directamente a esos comentarios y unirse a la discusi\u00f3n.<\/p>\n El widget Comentarios recientes viene con WordPress. De nuevo, si quieres a\u00f1adir funcionalidad extra puedes instalar un plugin de comentarios de terceros<\/a> como el widget WP Social Comments<\/a> que permite a la gente comentar usando su cuenta de Facebook: bueno para la participaci\u00f3n en los medios sociales.<\/p>\n Un gran uso de un widget es animar a la gente a actuar, y puede hacerlo con un widget de llamada a la acci\u00f3n.<\/p>\n Su widget puede ser un simple bot\u00f3n, o puede crear algo m\u00e1s personalizado usando un widget de texto o un widget de HTML, o incluso un widget de imagen, todos los cuales vienen preinstalados con WordPress.<\/p>\n En uno de mis propios sitios, he creado un widget de llamada a la acci\u00f3n que anima a la gente a inscribirse en mi lista de correo. Esto utiliza el widget HTML incorporado en el que he incluido una imagen, algo de texto y un bot\u00f3n que he codificado en HTML.<\/p>\n Tambi\u00e9n puede usar widgets para animar a la gente a navegar por su sitio.<\/p>\n Hay algunas opciones para esto: los widgets de Categor\u00edas o Nube de Etiquetas y el widget del Men\u00fa de Navegaci\u00f3n.<\/p>\n El widget Men\u00fa de navegaci\u00f3n le permite crear un men\u00fa de navegaci\u00f3n personalizado<\/a>, as\u00ed como el men\u00fa de navegaci\u00f3n principal de su sitio, y luego agregarlo a un \u00e1rea de widgets.<\/p>\n Incluso puede a\u00f1adir su men\u00fa de navegaci\u00f3n principal a un \u00e1rea de widgets, aunque esto s\u00f3lo funcionar\u00e1 si tiene un men\u00fa de navegaci\u00f3n peque\u00f1o.<\/p>\n A\u00f1adir un men\u00fa de navegaci\u00f3n al pie de su sitio animar\u00e1 a la gente que llegue al final de un post a navegar por su sitio. Es particularmente \u00fatil para los usuarios de m\u00f3viles que pueden tener que desplazarse mucho para volver al men\u00fa principal de navegaci\u00f3n<\/a> despu\u00e9s de llegar al final de un mensaje.<\/p>\n Alternativamente, puede usar el widget incorporado de Categor\u00edas para mostrar una lista de las categor\u00edas de su sitio, o el widget de Nube de etiquetas para facilitar a la gente el acceso a los archivos de etiquetas.<\/p>\n A\u00f1adir medios de comunicaci\u00f3n<\/a> a su barra lateral o pie de p\u00e1gina le dar\u00e1 vida a su sitio y proporcionar\u00e1 a los usuarios algo que ver o interactuar.<\/p>\n Puede usar el widget Imagen incorporado para mostrar cualquier imagen en la barra lateral o en el pie de p\u00e1gina, y le permite convertir esa imagen en un enlace tambi\u00e9n.<\/p>\n Alternativamente, el widget de v\u00eddeo le permite transmitir v\u00eddeo de YouTube o Vimeo directamente en el \u00e1rea del widget de su sitio. Esto es particularmente \u00fatil si su sitio tiene \u00e1reas de widgets especiales para la p\u00e1gina de inicio, pero tambi\u00e9n puede ser bueno en el pie de p\u00e1gina como una forma de captar la atenci\u00f3n de la gente cuando llega al final de un post.<\/p>\n Si desea relacionarse con las personas que visitan su sitio web a trav\u00e9s de los medios sociales, al agregar la alimentaci\u00f3n de los medios sociales a la barra lateral o al pie de su sitio, mostrar\u00e1 a la gente que usted es activo en los medios sociales y los alentar\u00e1 a que le gusten o le sigan.<\/p>\n Una forma de acceder a los widgets de medios sociales para las plataformas m\u00e1s grandes (Facebook, Twitter, Instagram) es instalar el plugin Jetpack<\/a>, que incluye todo esto y mucho m\u00e1s.<\/p>\n Alternativamente, todas las plataformas de medios sociales tienen sus propios plugins, disponibles gratuitamente a trav\u00e9s del directorio de plugins. O puedes encontrar plugins de terceros<\/a> que te permitir\u00e1n personalizar la forma de mostrar tu feed de medios sociales.<\/p>\n Si tiene una tienda de comercio electr\u00f3nico<\/a> en su sitio usando un plugin como WooCommerce<\/a>, es una buena idea incluir un widget de carrito para que los usuarios puedan navegar f\u00e1cilmente a su carrito dondequiera que est\u00e9n en la tienda.<\/p>\n Podr\u00eda poner esto en la barra lateral donde la gente pueda verlo f\u00e1cilmente, o en el encabezado para una mayor visibilidad si su tema incluye un \u00e1rea de widgets all\u00ed.<\/p>\n Los plugins de comercio electr\u00f3nico<\/a> como WooCommerce incluyen widgets de carrito de compras y otros widgets de comercio electr\u00f3nico como parte del plugin, por lo que una vez que haya a\u00f1adido el comercio electr\u00f3nico a su sitio, los encontrar\u00e1s a\u00f1adidos a su pantalla de Widgets<\/strong>.<\/p>\n Si quiere que la gente se ponga en contacto con usted, haga preguntas o se inscriba en una lista de correo<\/a>, puede a\u00f1adir un formulario a su barra lateral.<\/p>\n No se incluye un widget de formulario con WordPress, pero puedes a\u00f1adir plugins para proporcionarlos, como el gratuito Contact Form 7 o el premium pero muy potente Gravity Forms<\/a>.<\/p>\n Si su negocio est\u00e1 basado en un lugar f\u00edsico y quiere que la gente pueda encontrarlo f\u00e1cilmente, a\u00f1adir un widget de mapa a su sitio le ayudar\u00e1.<\/p>\n Hay varios plugins gratuitos de Google <\/a>Maps<\/a> que puede usar, como el plugin WP Google Maps<\/a>.<\/p>\n Alternativamente, si no quiere instalar un plugin, puede tomar el c\u00f3digo de incrustaci\u00f3n de Google Maps y a\u00f1adirlo<\/a> a un widget HTML.<\/p>\n Si tiene un sitio de miembros<\/a>, un widget de inicio de sesi\u00f3n facilitar\u00e1 a la gente el acceso a su sitio<\/a> sin tener que ir a una p\u00e1gina de inicio de sesi\u00f3n separada.<\/p>\n El Meta widget que viene con WordPress incluye un enlace de acceso pero tambi\u00e9n incluye otras cosas que puede que no quiera, as\u00ed que le recomendar\u00eda usar un plugin separado para esto del directorio de plugins.<\/p>\n El widget Iniciar sesi\u00f3n con el widget de Ajax<\/a> le da un formulario de inicio de sesi\u00f3n en su widget, lo que significa que la gente puede iniciar sesi\u00f3n en su sitio desde cualquier p\u00e1gina.<\/p>\n Un widget muy simple pero incre\u00edblemente \u00fatil es el widget de B\u00fasqueda<\/a>, que viene precargado con WordPress.<\/p>\n A\u00f1ada esto a su barra lateral o al encabezado y facilitar\u00e1 que la gente encuentre cosas en su sitio.<\/p>\n Si quiere aumentar la potencia de su widget de b\u00fasqueda, puede instalar el widget gratuito WP Google Search<\/a>, que utiliza la b\u00fasqueda de Google.<\/p>\n Una vez que haya decidido qu\u00e9 tipo de widgets necesita para su sitio de WordPress, es hora de instalarlos.<\/p>\n No est\u00e9 tentado de a\u00f1adir demasiados. Cuantos m\u00e1s haya, menos probable es que los usuarios los noten. En su lugar, enf\u00f3quese en dos o tres widgets clave para la barra lateral. Puede a\u00f1adir m\u00e1s al pie de p\u00e1gina, donde son menos importantes de todos modos.<\/p>\n Y si tiene alg\u00fan \u00e1rea extra de widgets en su tema<\/a>, decida qu\u00e9 widgets poner en ella. Aseg\u00farese de que encajan con la disposici\u00f3n y el dise\u00f1o de su sitio<\/a>.<\/p>\n Hay tres formas de a\u00f1adir widgets:<\/p>\n Hay una gran variedad de widgets disponibles, por lo que puede ser dif\u00edcil elegir cu\u00e1l instalar. Echemos un vistazo a las opciones y luego examinemos c\u00f3mo podr\u00eda elegir la mejor para usted.<\/p>\n Si uno de los widgets preinstalados es lo que usted necesita, entonces use eso. Le ahorrar\u00e1 tiempo y significar\u00e1 menos c\u00f3digo ejecut\u00e1ndose en su sitio.<\/p>\n Los widgets preinstalados son:<\/p>\n El directorio de plugins de WordPress tiene miles de plugins de widgets gratuitos que le permitir\u00e1n elegir entre m\u00e1s widgets.<\/p>\n Adem\u00e1s de eso, muchos otros plugins tambi\u00e9n incluyen widgets, como un plugin de comercio electr\u00f3nico que le da un widget de carrito y m\u00e1s<\/a>.<\/p>\n Si el directorio de plugins no tiene el plugin que necesita, puede decidir a\u00f1adir un plugin premium. A veces estos ofrecer\u00e1n m\u00e1s funciones o una interfaz m\u00e1s intuitiva. Pero a veces encontrar\u00e1 las mismas caracter\u00edsticas en un plugin gratuito, as\u00ed que haga una buena b\u00fasqueda en el directorio de plugins antes de pagar por ellos.<\/p>\n Para encontrar el widget de WordPress adecuado, sigua estos consejos:<\/p>\n Sea cual sea el widget que elija, tendr\u00e1 que probarlo para comprobar que funciona como usted quiera. Si est\u00e1 comprando plugins premium, le recomiendo que compre uno con garant\u00eda de devoluci\u00f3n de dinero o un periodo de prueba gratuito en caso de que no sea el adecuado.<\/p>\n Ahora que ha elegido su widget, es hora de a\u00f1adirlo a su sitio.<\/p>\n Puede a\u00f1adir widgets a cualquier \u00e1rea de widgets activa proporcionada por su tema. Si su tema no tiene un \u00e1rea de widgets en el lugar donde quiere, intente buscar un tema alternativo<\/a>.<\/p>\n M\u00e1s tarde en este post le mostrar\u00e9 c\u00f3mo codificar su propio \u00e1rea de widgets.<\/p>\n Hay dos formas de a\u00f1adir widgets a su sitio:<\/p>\n Le mostrar\u00e9 c\u00f3mo usar ambos m\u00e9todos en breve, pero primero echemos un vistazo a las \u00e1reas de los widgets y por qu\u00e9 hace los que hace con Su tema.<\/p>\n Dependiendo del tema de WordPress<\/a>, puede que tenga \u00e1reas de widgets en varios lugares.<\/p>\n La mayor\u00eda de los temas tienen \u00e1reas de widgets en la barra lateral y en el pie de p\u00e1gina. Pero algunos tambi\u00e9n los tienen en otros lugares, como debajo o encima del contenido o en el encabezado.<\/p>\n Si va a la pantalla de configuraci\u00f3n de los widgets en el administrador de WordPress<\/a>, podr\u00e1 ver todas las \u00e1reas de los widgets de su tema.<\/p>\n Utilizo un tema con m\u00faltiples \u00e1reas de widgets en muchos lugares. En la captura de pantalla que aparece a continuaci\u00f3n se puede ver que hay \u00e1reas de widgets por encima y por debajo del contenido, en el encabezado, debajo del pie de p\u00e1gina principal.<\/p>\n Si quiere a\u00f1adir widgets a otros lugares de su sitio, tiene sentido encontrar un tema que tenga varias \u00e1reas de widgets. La mejor manera de hacerlo es utilizar un tema marco<\/a>.<\/p>\n Un buen ejemplo de un widget en un lugar de su tema que no es la barra lateral o el pie de p\u00e1gina es a\u00f1adir una barra de b\u00fasqueda en el encabezado como la que tengo en uno de mis sitios web.<\/p>\n Las \u00e1reas de los widgets se codifican en los archivos de plantillas de temas, as\u00ed como en el archivo de funciones de temas.<\/p>\n Aqu\u00ed puede ver el c\u00f3digo que he usado en mi archivo de funciones tem\u00e1ticas para a\u00f1adir un \u00e1rea de widgets que ir\u00e1 en el encabezado.<\/p>\n Y aqu\u00ed est\u00e1 el c\u00f3digo en mi archivo header.php que a\u00f1ade esa \u00e1rea de widgets en el lugar correcto del tema.<\/p>\n Si quiere a\u00f1adir \u00e1reas de widgets adicionales en su tema, necesita a\u00f1adir el mismo tipo de c\u00f3digo. Le mostrar\u00e9 c\u00f3mo hacer esto m\u00e1s tarde en este post.<\/p>\n No olvide que si su tema no tiene tantas \u00e1reas de widgets como le gustar\u00eda, siempre puede hacer una de dos cosas:<\/p>\n Una vez que tenga \u00e1reas de widgets en todos los lugares de su tema, puede empezar a a\u00f1adirles widgets.<\/p>\n Hay dos maneras de a\u00f1adir widgets a su sitio de WordPress. La primera es usar la pantalla de Widgets en el administrador de WordPress.<\/p>\n Haga clic en Apariencia > Widgets. <\/strong>Esto hace que aparezca la pantalla de widgets.<\/p>\n Para a\u00f1adir un widget puede hacer una de dos cosas:<\/p>\n Es posible que tenga que editar la posici\u00f3n del widget dentro del \u00e1rea del mismo.<\/p>\n Puede a\u00f1adir tantos widgets como quiera a cada \u00e1rea de widgets, pero no se pase de la raya. Puede arrastrarlos dentro del \u00e1rea del widget para ponerlos en el orden correcto. Tambi\u00e9n puede arrastrarlos de un \u00e1rea de widgets a otra si decide que no le gusta su aspecto.<\/p>\n Tambi\u00e9n puede usar el teclado para a\u00f1adir widgets mediante la pantalla de Widgets, de modo que si no tiene acceso a un rat\u00f3n, puede seguir a\u00f1adiendo widgets.<\/p>\n Si no puede usar un rat\u00f3n, puede usar la pantalla de Widgets con un teclado.<\/p>\n En primer lugar, ponga la pantalla en modo de accesibilidad haciendo clic en (o pulsando y seleccionando) el enlace Activar<\/strong> el modo de accesibilidad<\/strong> en la parte superior derecha de la pantalla.<\/p>\n La pantalla cambiar\u00e1 entonces para reflejar el hecho de que est\u00e1s en modo de accesibilidad.<\/p>\n A continuaci\u00f3n, puede navegar entre los elementos de la pantalla utilizando la tecla Tab<\/strong> del teclado y pulsar Intro para seleccionar un elemento y actuar sobre \u00e9l. Puede\u00a0 tabular a un widget, pulsar Return<\/strong> en el enlace A\u00f1adir<\/strong> y luego elegir d\u00f3nde quiere a\u00f1adirlo, o bien tabular al \u00e1rea del widget y pulsar Return<\/strong> en el enlace Editar<\/strong>.<\/p>\n El uso del Personalizador para agregar widgets en lugar de la pantalla de widgets significa que puede ver sus widgets a medida que los agrega. Esto hace que sea m\u00e1s f\u00e1cil ver c\u00f3mo se ver\u00e1n sus widgets y moverlos entre las \u00e1reas de los mismos si quiere.<\/p>\n En el men\u00fa de administraci\u00f3n, haga clic en Apariencia > Personalizar. <\/strong>Alternativamente, desde la barra de administraci\u00f3n en la parte superior de la pantalla del sitio en vivo (suponiendo que est\u00e9s conectado), s\u00f3lo tiene que hacer clic en Personalizar<\/strong>. Esto abrir\u00e1 el Personalizador.<\/p>\n Ahora haga clic en la opci\u00f3n Widgets<\/strong> y ver\u00e1 una lista de todas las \u00e1reas de widgets de su tema. Haga clic en el \u00e1rea de la aplicaci\u00f3n en la que desea a\u00f1adir un widget y haga clic en el bot\u00f3n A\u00f1adir un widget<\/strong>.<\/p>\n Esto le da una lista de todos los widgets disponibles para su sitio. Eso incluye todos los widgets incorporados que vienen con WordPress m\u00e1s cualquier widget que haya a\u00f1adido mediante plugins.<\/p>\n Elija el widget que quiera a\u00f1adir a esa zona de widgets y lo ver\u00e1 en la pantalla de vista previa del lado derecho.<\/p>\n Puede reordenar los widgets arrastr\u00e1ndolos hacia arriba y hacia abajo en el lado izquierdo o haciendo clic en el enlace Reordenar<\/strong> debajo de la lista de widgets y luego haciendo clic en las flechas para moverlos hacia arriba y hacia abajo.<\/p>\n Una vez que haya terminado de a\u00f1adir widgets a trav\u00e9s del Personalizador, no olvide de hacer clic en el bot\u00f3n Publicar<\/strong> en la parte superior izquierda para que se guarden los cambios. Si deja el Personalizador sin hacer esto, ninguno de sus cambios se reflejar\u00e1 en el sitio en vivo.<\/p>\n Una vez que haya a\u00f1adido sus widgets, por favor, \u00e9cheles un vistazo y compruebe c\u00f3mo encajan en el dise\u00f1o de su p\u00e1gina. Si ha a\u00f1adido demasiadas \u00e1reas de widgets, las cosas pueden parecer un poco desordenadas. Necesitar\u00e1 quitar algunos de ellos o puedes moverlos de un \u00e1rea de los widgets a otra.<\/p>\n Es muy f\u00e1cil hacerlo en la pantalla de Widgets, donde puede arrastrar los widgets entre las \u00e1reas de los mismos.<\/p>\n Algunos temas incluyen \u00e1reas de widgets que son s\u00f3lo para p\u00e1ginas espec\u00edficas, como la p\u00e1gina de inicio. \u00bfPero qu\u00e9 pasa si quiere a\u00f1adir un widget a una sola p\u00e1gina de su sitio?<\/p>\n Puede hacer esto en el editor de publicaciones y p\u00e1ginas de Gutenberg<\/a>.<\/p>\n\u00bfCu\u00e1ndo usar los widgets de WordPress?<\/strong><\/h2>\n
11 Ejemplos de widgets en WordPress<\/strong><\/h2>\n
1. Widget de mensajes recientes<\/strong><\/h3>\n
2. Widget de Comentarios recientes<\/strong><\/h3>\n
3. Widgets de llamada a la acci\u00f3n<\/strong><\/h3>\n
4. Widgets de navegaci\u00f3n<\/strong><\/h3>\n
5. Widgets de los medios de comunicaci\u00f3n<\/strong><\/h3>\n
6. Widgets de medios sociales<\/strong><\/h3>\n
7. Widget de la cesta de la compra<\/strong><\/h3>\n
8. Widget de formulario<\/strong><\/h3>\n
9. Widget de Google Maps<\/strong><\/h3>\n
10. Widget de acceso<\/strong><\/h3>\n
11. Widget de b\u00fasqueda<\/strong><\/h3>\n
\u00bfC\u00f3mo a\u00f1adir widgets a su sitio de WordPress?<\/strong><\/h2>\n
\n
Encontrar Widgets para su sitio de WordPress<\/strong><\/h3>\n
Los widgets que vienen con WordPress<\/strong><\/h4>\n
\n
A\u00f1adir Widgets con un Plugin<\/strong><\/h3>\n
\u00bfC\u00f3mo encontrar el widget adecuado para su sitio?<\/strong><\/h4>\n
\n
\u00bfC\u00f3mo a\u00f1adir widgets a la barra lateral y al pie de p\u00e1gina en WordPress?<\/strong><\/h3>\n
\n
Los widgets no son s\u00f3lo para la barra lateral<\/h4>\n
\u00c1reas y temas de los widgets<\/strong><\/h4>\n
register_sidebar( array(\n 'name' => __( 'In Header Widget Area', 'rmccollin' ),\n 'id' => 'in-header-widget-area',\n 'description' => __( 'A widget area located to the right hand side of the header, next to the site title and description.', 'rmccollin' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n) );<\/code><\/pre>\nif ( is_active_sidebar( 'in-header-widget-area' ) ) { ?>\n\n <aside class=\"in-header widget-area right\" role=\"complementary\">\n <?php dynamic_sidebar( 'in-header-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\n\n
\u00bfC\u00f3mo usar la pantalla de Widgets para a\u00f1adir Widgets?<\/strong><\/h4>\n
\n
A\u00f1adir y editar widgets en modo de accesibilidad<\/strong><\/h4>\n
\u00bfC\u00f3mo usar el personalizador de WordPress para a\u00f1adir widgets?<\/strong><\/h4>\n
\u00bfC\u00f3mo a\u00f1adir un widget a una p\u00e1gina espec\u00edfica?<\/strong><\/h4>\n