{"id":8653,"date":"2019-06-06T20:58:33","date_gmt":"2019-06-06T20:58:33","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=8653"},"modified":"2024-09-03T13:26:52","modified_gmt":"2024-09-03T11:26:52","slug":"que-es-sidebar-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/que-es-sidebar-wordpress","title":{"rendered":"\u00bfQu\u00e9 es el sidebar o barra lateral de WordPress?"},"content":{"rendered":"<p>Si est&aacute;s creando un sitio web <a href=\"\/co\/tutoriales\/como-crear-un-blog\">o un blog<\/a>, quiz&aacute;s te preguntes qu&eacute; es el sidebar de WordPress. Lo bueno es que estamos aqu&iacute; para explicarte. En general, es un &aacute;rea donde puedes colocar <a href=\"\/co\/tutoriales\/que-es-widget-wordpress\/\">widgets<\/a>. Es por eso que tambi&eacute;n se le conoce como &aacute;rea de widgets.<\/p><p>El sidebar de WordPress complementa el contenido principal que se muestra en tu blog. Dicho esto, personalizar el sidebar no es algo estrictamente necesario. Sin embargo, es &uacute;til si quieres mostrar informaci&oacute;n adicional en la p&aacute;gina.<\/p><p>Adem&aacute;s ten en cuenta que esta definici&oacute;n aplica para cualquier plataforma de sitio web, incluido WordPress. Dale un vistazo a los <strong>cuadros rojos<\/strong> que se muestran en las siguientes im&aacute;genes:<\/p><div class=\"wp-block-image size-full wp-image-8658\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"470\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/que-es-sidebar-ejemplo-hostinger.jpg\" alt=\"Sidebar en el sitio web de Hostinger\" class=\"wp-image-8658\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/que-es-sidebar-ejemplo-hostinger.jpg 900w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/que-es-sidebar-ejemplo-hostinger-150x78.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/que-es-sidebar-ejemplo-hostinger-300x157.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/que-es-sidebar-ejemplo-hostinger-768x401.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">As&iacute; usamos el sidebar en nuestro blog<\/figcaption><\/figure><\/div><div class=\"wp-block-image size-full wp-image-8657\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"470\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/referral-candy-sidebar.jpg\" alt=\"Barra lateral de para redes sociales del blog Referral Candy.\" class=\"wp-image-8657\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/referral-candy-sidebar.jpg 900w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/referral-candy-sidebar-150x78.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/referral-candy-sidebar-300x157.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/referral-candy-sidebar-768x401.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Referral Candy<\/figcaption><\/figure><\/div><div class=\"wp-block-image size-full wp-image-8656\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"470\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/serious-eats-sidebar.jpg\" alt=\"Varios widgets en la barra lateral de Serious Eats\" class=\"wp-image-8656\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/serious-eats-sidebar.jpg 900w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/serious-eats-sidebar-150x78.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/serious-eats-sidebar-300x157.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/serious-eats-sidebar-768x401.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Serious Eats<\/figcaption><\/figure><\/div><p>&iexcl;Ah&iacute; lo tienes! Puedes poner cualquier cosa en tu sitio, siempre y cuando tengas los widgets espec&iacute;ficos para ello. Ten en cuenta que un sidebar o barra lateral no necesariamente tiene que ser &ldquo;lateral&rdquo;. Tambi&eacute;n puede ubicarse cerca del pie de p&aacute;gina o en cualquier &aacute;rea de widgets de la p&aacute;gina.<\/p><p>Y te recomendamos que no incluyas contenido aleatorio en el sidebar solo porque s&iacute;. En vez de eso, incluye contenido que le agregue valor a tu sitio web, de lo contrario, la experiencia del usuario podr&iacute;a verse comprometida.<\/p><h2 class=\"wp-block-heading\" id=\"h-5-usos-practicos-del-sidebar-de-wordpress\">5 usos pr&aacute;cticos del sidebar de WordPress<\/h2><p>Para personalizar el &aacute;rea de la barra lateral, ve a <strong>Apariencia<\/strong> -&gt; <strong>Widgets<\/strong> y arrastra y suelta tus widgets preferidos.<\/p><p>Si quieres crear m&aacute;s &aacute;reas, te recomendamos utilizar el plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/custom-sidebars\/\" target=\"_blank\" rel=\"noopener\">Custom Sidebars<\/a>. Este plugin elimina la necesidad de tener que programar, pero el resultado es igual de potente.<\/p><p>Y ahora que tienes el espacio suficiente, &iquest;qu&eacute; deber&iacute;as poner all&iacute;? Aparte de los anuncios, estas son nuestras sugerencias:<\/p><ol class=\"wp-block-list\">\n<li><strong>Recomendaciones de lectura<br><\/strong>No dejes que tus visitantes se vayan despu&eacute;s de leer solo un post. En cambio, gu&iacute;alos hacia otros posts populares y relacionados. Eso no solo generar&aacute; m&aacute;s tr&aacute;fico, sino que tambi&eacute;n aumentar&aacute; el <a href=\"\/co\/tutoriales\/seo-en-wordpress\">rendimiento de tu SEO<\/a>. Cuanto m&aacute;s tiempo permanezcan, mayor ser&aacute; tu posicionamiento en los motores de b&uacute;squeda.<br><strong>Plugins recomendados<\/strong>: <a href=\"https:\/\/es.wordpress.org\/plugins\/wordpress-popular-posts\/\" target=\"_blank\" rel=\"noopener\">WordPress Popular Posts<\/a> y <a href=\"https:\/\/es.wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noopener\">Jetpack<\/a><\/li>\n\n\n\n<li><strong>Suscripci&oacute;n a la lista de correo<br><\/strong>Si a tus visitantes les gusta tu contenido, es probable que quieran tener m&aacute;s noticias de ti. Intenta colocar un formulario de <a href=\"\/co\/tutoriales\/email-marketing-wordpress\/\">suscripci&oacute;n a la lista de correo<\/a> en el sidebar. As&iacute; pueden suscribirse para recibir actualizaciones m&aacute;s f&aacute;cilmente, directo en sus <a href=\"\/co\/correo-profesional\">bandejas de entrada<\/a>.<br><strong>Plugins recomendados<\/strong>: <a href=\"https:\/\/es.wordpress.org\/plugins\/optinmonster\/\" target=\"_blank\" rel=\"noopener\">OptinMonster<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/mailchimp-for-wp\/\" target=\"_blank\" rel=\"noopener\">MailChimp<\/a><\/li>\n\n\n\n<li><strong>Redes sociales<br><\/strong>Las buenas publicaciones est&aacute;n hechas para ser compartidas. Coloca botones para compartir en redes sociales en tu sidebar y permite que tus visitantes difundan tu contenido. Si tienes canales de <a href=\"\/co\/tutoriales\/integrar-redes-sociales-wordpress\/\">redes sociales<\/a>, puedes agregar widgets adicionales que lleven a tus visitantes a tus cuentas.<br><strong>Plugins recomendados<\/strong>: <a href=\"https:\/\/es.wordpress.org\/plugins\/simple-social-icons\/\" target=\"_blank\" rel=\"noopener\">Simple Social Icons<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/easy-social-share-buttons\/\" target=\"_blank\" rel=\"noopener\">Easy Social Share<\/a><\/li>\n\n\n\n<li><strong>Prueba social<br><\/strong>No hay que ser t&iacute;mido al mostrar tu reputaci&oacute;n. Ya sean estad&iacute;sticas de suscripci&oacute;n o testimonios, hazlos visibles. La prueba social te ayuda a ganar la confianza de tus visitantes, especialmente si son nuevos en tu sitio.<br><strong>Plugins recomendados<\/strong>: <a href=\"https:\/\/es.wordpress.org\/plugins\/social-count-plus\/\" target=\"_blank\" rel=\"noopener\">Social Count Plus<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/testimonials-widget\/\" target=\"_blank\" rel=\"noopener\">Testimonials Widgets<\/a><\/li>\n<\/ol><div class=\"wp-block-image size-full wp-image-8655\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"470\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/etramping-sidebar-redes-sociales.jpg\" alt=\"Sidebar como prueba social en eTramping\" class=\"wp-image-8655\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/etramping-sidebar-redes-sociales.jpg 900w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/etramping-sidebar-redes-sociales-150x78.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/etramping-sidebar-redes-sociales-300x157.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/etramping-sidebar-redes-sociales-768x401.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Prueba social para justificar la popularidad del art&iacute;culo<\/figcaption><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li><strong>Sticky sidebar<br><\/strong>Piensa en tus art&iacute;culos m&aacute;s largos. A medida que tus visitantes se desplazan hacia abajo para leerlo, tu sidebar se ha quedado en la parte inicial. La funci&oacute;n de <em>sticky sidebar<\/em> te permite &ldquo;pegarla&rdquo; a la p&aacute;gina, de manera que los visitantes siempre vean su contenido.<br><strong>Plugins recomendados<\/strong>: <a href=\"https:\/\/es.wordpress.org\/plugins\/q2w3-fixed-widget\/\" target=\"_blank\" rel=\"noopener\">Q2W3 Fixed Widget<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/sticky-menu-or-anything-on-scroll\/\" target=\"_blank\" rel=\"noopener\">Sticky Menu (Or Anything) on Scroll<\/a><\/li>\n<\/ol><div class=\"wp-block-image wp-image-8654 size-full\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"470\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/sticky-social-widgets.jpg\" alt=\"Sticky sidebar de redes sociales en psych2go\" class=\"wp-image-8654\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/sticky-social-widgets.jpg 900w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/sticky-social-widgets-150x78.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/sticky-social-widgets-300x157.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2019\/06\/sticky-social-widgets-768x401.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">Este es el final de la p&aacute;gina, pero la barra lateral sigue siendo visible.<\/figcaption><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>El sidebar de WordPress a menudo se da por sentado. Sin embargo, si puedes aprovecharlo adecuadamente, puede ayudarte a hacer crecer tu sitio web.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si est&aacute;s creando un sitio web o un blog, quiz&aacute;s te preguntes qu&eacute; es el sidebar de WordPress. Lo bueno es que estamos aqu&iacute; para explicarte. En general, es un &aacute;rea donde puedes colocar widgets. Es por eso que tambi&eacute;n se le conoce como &aacute;rea de widgets. El sidebar de WordPress complementa el contenido principal [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/que-es-sidebar-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Sidebar de WordPress: Qu\u00e9 es y c\u00f3mo usarla en tu sitio web","rank_math_description":"La barra lateral o sidebar de WordPress a menudo se da por sentado o incluso se ignora. Lee nuestro art\u00edculo para saber qu\u00e9 es y hacer crecer tu sitio web.","rank_math_focus_keyword":"sidebar de wordpress","footnotes":""},"categories":[4747,14349],"tags":[14158],"class_list":["post-8653","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-basico","tag-sidebar-de-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/what-is-sidebar-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-sidebar-no-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-sidebar-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-sidebar","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/what-is-sidebar-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-sidebar","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-sidebar","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-sidebar-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-sidebar-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-sidebar-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-sidebar-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/what-is-sidebar-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/what-is-sidebar-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/what-is-sidebar-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/what-is-sidebar-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/8653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=8653"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/8653\/revisions"}],"predecessor-version":[{"id":41906,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/8653\/revisions\/41906"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=8653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=8653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=8653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}