{"id":45897,"date":"2024-05-22T07:00:00","date_gmt":"2024-05-22T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=45897"},"modified":"2025-01-16T15:31:33","modified_gmt":"2025-01-16T23:31:33","slug":"construye-con-directorio-de-patrones-de-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/","title":{"rendered":"Decodificando WordPress: Construye R\u00e1pidamente con el Directorio de Patrones de WordPress"},"content":{"rendered":"\n<p>\u00bfNo eres dise\u00f1ador?<\/p>\n\n\n\n<p>Aqu\u00ed abajo, <a target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=bPtObVfA9gM\" rel=\"noopener\">todos flotamos<\/a>. (Advertencia: \u00a1Perturbador en m\u00e1s de un sentido!)<\/p>\n\n\n\n<p>Espera, no era as\u00ed&#8230;<\/p>\n\n\n\n<p>\u00a1Aqu\u00ed abajo, todos dise\u00f1amos!<\/p>\n\n\n\n<p>As\u00ed es como deber\u00eda ser.<\/p>\n\n\n\n<p>Antes de ser apartado por un payaso cantante, estaba tratando de decir que <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/que-es-wordpress\/\" rel=\"noopener\">WordPress<\/a> lo ha hecho de nuevo.<\/p>\n\n\n\n<p>Han hecho que la plataforma sea a\u00fan m\u00e1s f\u00e1cil para el no dise\u00f1ador, no programador, los normales due\u00f1os de negocios y gerentes del mundo para crear sitios web hermosos.<\/p>\n\n\n\n<p>Esta vez, gracias a algo llamado patrones de bloques de WordPress y el nuevo directorio y biblioteca de patrones donde est\u00e1n organizados.<\/p>\n\n\n\n<p>\u00bfIntrigado?<\/p>\n\n\n\n<p>Perm\u00edtenos presentarte al Directorio de Patrones de WordPress, que los propietarios de sitios web de todos los niveles de habilidad t\u00e9cnica pueden usar para crear un dise\u00f1o hermoso. Adem\u00e1s, ofreceremos varios consejos para elegir los patrones correctos para construir la experiencia de marca ideal.<\/p>\n\n\n\n<h2 id=\"h-que-es-un-patron-de-wordpress\" class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 Es Un Patr\u00f3n De WordPress?<\/strong><\/h2>\n\n\n\n<p>En WordPress, un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/patrones-de-bloque-wordpress\/\" rel=\"noopener\">patr\u00f3n<\/a> es una colecci\u00f3n de bloques individuales dise\u00f1ados para integrarse perfectamente con los <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-encontrar-temas-wordpress\/\" rel=\"noopener\">temas de WordPress<\/a>.<\/p>\n\n\n\n<p>En caso de que no est\u00e9s familiarizado con los bloques, empecemos por ah\u00ed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"592\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Bloques-Wordpress.jpg\" alt=\"Ejemplo bloques disponibles panel de WordPress\" class=\"wp-image-41469 lazyload\" title=\"Screenshot\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Bloques-Wordpress.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Bloques-Wordpress-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Bloques-Wordpress-768x505.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Bloques-Wordpress-600x395.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Bloques-Wordpress-730x480.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Bloques-Wordpress-784x516.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Bloques-Wordpress-877x577.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/592;\" \/><\/figure>\n\n\n\n<p>Los <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-usar-bloques-wordpress\/\" rel=\"noopener\">bloques de WordPress<\/a> son elementos individuales apilables que se utilizan para agregar funcionalidad a p\u00e1ginas y publicaciones en tu sitio de WordPress.<\/p>\n\n\n\n<p>En 2018, Gutenberg, un editor de bloques, reemplaz\u00f3 al editor cl\u00e1sico de WordPress. Desde entonces, los bloques se han convertido en el est\u00e1ndar de oro para personalizar sitios de WordPress gracias a su potente funcionalidad y f\u00e1cil configuraci\u00f3n de arrastrar y soltar.<\/p>\n\n\n\n<p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Gutenberg<\/h3>\n    <p>Gutenberg es el nombre del proyecto del Editor de Bloques de WordPress. Muchos desarrolladores y entusiastas de WordPress usan los t\u00e9rminos Editor Gutenberg y Editor de Bloques indistintamente.<\/p>\n    \n<\/div>\n\n<\/p>\n\n\n\n<p>Cada bloque es como un widget, capaz de agregar texto, medios, dise\u00f1o, elementos funcionales, formularios y m\u00e1s donde lo coloques en una p\u00e1gina o publicaci\u00f3n de WordPress. Puedes organizar los bloques como prefieras y personalizar muchos de ellos para obtener el aspecto y las funciones que desees.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t22 Temas de Bloques de WordPress Perfectos para la Edici\u00f3n Completa del Sitio [2025]\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/temas-bloque-fse-wordpress\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<p>Ahora que hemos entendido los bloques, volvamos a los patrones.<\/p>\n\n\n\n<p>Como comenzamos a decir, los patrones de bloques son combinaciones predefinidas de bloques que conforman elementos funcionales para p\u00e1ginas y publicaciones de WordPress, como encabezados y pies de p\u00e1gina, casillas de suscripci\u00f3n al bolet\u00edn y pantallas de comercio electr\u00f3nico.<\/p>\n\n\n\n<p>Quiz\u00e1s la caracter\u00edstica m\u00e1s genial de los patrones es que las fuentes, colores y otros elementos de estilo de cada bloque en un patr\u00f3n se adaptan autom\u00e1ticamente para que coincidan con tu tema. A\u00fan puedes personalizar los patrones cada vez que los uses, en caso de que desees mover o eliminar un elemento de un patr\u00f3n en una p\u00e1gina o publicaci\u00f3n, pero no en otra.<\/p>\n\n\n\n<p>Un gran ejemplo ser\u00eda utilizar un \u00fanico patr\u00f3n como una plantilla predefinida para todas tus publicaciones de blog. Quieres que sean bastante similares, pero es posible que desees que las <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/escribir-ctas-atractivos-mejorar-tus-ventas\/\" rel=\"noopener\">llamadas a la acci\u00f3n (CTA)<\/a>, secciones de preguntas frecuentes, formularios y otros elementos est\u00e9n en diferentes lugares seg\u00fan el contenido y la audiencia.<\/p>\n\n\n\n<p>Los desarrolladores de temas populares tienen sus propios patrones personalizados, lo que facilita la creaci\u00f3n de un dise\u00f1o hermoso e incluso complejo que sabes que funcionar\u00e1 completamente. Si est\u00e1s buscando tanto estilos de temas modernos como los mejores patrones para potenciarlos, <a target=\"_blank\" href=\"https:\/\/wpalpha.io\/top-wordpress-block-patterns-libraries\/\" rel=\"noopener\">esta gu\u00eda<\/a> tiene una lista \u00fatil de temas y los patrones predefinidos que funcionan con ellos (gratuitos y de pago).<\/p>\n\n\n\n<p>En resumen, los patrones de WordPress son elementos pre-dise\u00f1ados que permiten a los propietarios, gerentes y desarrolladores de sitios web crear r\u00e1pidamente sitios web potentes y consistentes.<\/p>\n\n\n\n<p>Con eso, hablemos sobre c\u00f3mo acceder a los patrones de WordPress.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-entendiendo-el-directorio-de-patrones-de-wordpress\" class=\"wp-block-heading\"><strong>Entendiendo el Directorio de Patrones de WordPress<\/strong><\/h2>\n\n\n\n<p>Ahora, podemos sumergirnos en lo que viniste aqu\u00ed a aprender hoy: el <strong>Directorio de Patrones de WordPress<\/strong>.<\/p>\n\n\n\n<p>Pero primero, tenemos una advertencia m\u00e1s: existe un Directorio de Patrones de WordPress y una Biblioteca de Patrones de WordPress.<\/p>\n\n\n\n<p>Esto se debe a que hay uno para WordPress.org y otro para WordPress.com, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/diferencias-wordpress-guia-principiantes\/\" rel=\"noopener\">que son diferentes<\/a>.<\/p>\n\n\n\n<p>WordPress.org es una plataforma de c\u00f3digo abierto para crear sitios web personalizados. Puedes descargarlo y usarlo de forma gratuita. Sin embargo, para que tu sitio web est\u00e9 en l\u00ednea y sea accesible en Internet, necesitar\u00e1s comprar un servicio de <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/guia-definitiva-web-hosting\/\" rel=\"noopener\">alojamiento web<\/a>.<\/p>\n\n\n\n<p>Aqu\u00ed es donde entra WordPress.com, un creador de sitios web en l\u00ednea y proveedor de alojamiento. Los aspectos b\u00e1sicos son gratuitos en WordPress.com, y puedes acceder a caracter\u00edsticas mejoradas por una tarifa.<\/p>\n\n\n\n<p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Constructor de Sitios Web<\/h3>\n    <p>Un constructor de sitios web es una plataforma o un programa que ayuda a las personas a crear los sitios web de manera m\u00e1s sencilla. Los constructores de sitios web suelen depender de los editores de arrastrar y soltar (drag-and-drop editors en ingl\u00e9s) y no requieren conocimientos previos de desarrollo web o de programaci\u00f3n.<\/p>\n    \n<\/div>\n\n<\/p>\n\n\n\n<p>El <a target=\"_blank\" href=\"https:\/\/wordpress.org\/patterns\/\" rel=\"noopener\">Directorio de Patrones de WordPress<\/a>, o <a target=\"_blank\" href=\"https:\/\/wordpress.com\/es\/patterns\" rel=\"noopener\">Directorio de Patrones de Bloques<\/a>, existe en WordPress.org. La Biblioteca de Patrones de WordPress se encuentra en WordPress.com.<\/p>\n\n\n\n<p>Ambos recursos surgieron recientemente para proporcionar un lugar \u00fanico donde los dise\u00f1adores y desarrolladores de patrones puedan compartir las creaciones que facilitan su vida. Propietarios de sitios web creativos y\/o constructores como t\u00fa pueden acceder a estos recursos para construir r\u00e1pidamente experimentos hermosos y funcionales sin tener que reinventar la rueda cada vez.<\/p>\n\n\n\n<p>\u00bfLa mejor caracter\u00edstica de todas? Los cientos de patrones listados en la biblioteca y el directorio son gratuitos para usar.<\/p>\n\n\n\n<h2 id=\"h-como-navegar-por-el-directorio-de-patrones-de-wordpress\" class=\"wp-block-heading\"><strong>C\u00f3mo Navegar por el Directorio de Patrones de WordPress<\/strong><\/h2>\n\n\n\n<p>La biblioteca y el directorio de patrones de bloques de WordPress facilitan enormemente encontrar el patr\u00f3n adecuado para tu sitio web.<\/p>\n\n\n\n<p>En la parte superior de la p\u00e1gina de inicio de cada sitio web, ver\u00e1s un conjunto de filtros que puedes utilizar para reducir los tipos de patrones que est\u00e1s viendo.<\/p>\n\n\n\n<p>Actualmente, las categor\u00edas de patrones de bloques en el directorio incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Publicaciones: <\/strong>Muestra el contenido de tu blog<\/li>\n\n\n\n<li><strong>Texto: <\/strong>Presenta texto en cualquier lugar de tu sitio web<\/li>\n\n\n\n<li><strong>Galer\u00eda:<\/strong> Muestra im\u00e1genes<\/li>\n\n\n\n<li><strong>Llamada a la Acci\u00f3n:<\/strong> Anima a los visitantes del sitio a actuar<\/li>\n\n\n\n<li><strong>Banners:<\/strong> Muestra dise\u00f1os en la parte superior de las p\u00e1ginas para interactuar con los visitantes<\/li>\n\n\n\n<li><strong>Encabezados: <\/strong>Ayudan con la navegaci\u00f3n del sitio web<\/li>\n\n\n\n<li><strong>Pies de P\u00e1gina: <\/strong>Aparecen en la parte inferior de los sitios web para ofrecer navegaci\u00f3n adicional<\/li>\n\n\n\n<li><strong>Wireframe<\/strong>: Proporcionan marcadores de posici\u00f3n para planificar y experimentar con diferentes elementos de dise\u00f1o<\/li>\n\n\n\n\n\n\n<\/ul>\n\n\n\n<p>Tambi\u00e9n encontrar\u00e1s una barra de b\u00fasqueda para localizar patrones espec\u00edficos. Esta es una forma r\u00e1pida de encontrar soluciones adaptadas a tus requisitos.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/9UDw5D8KO2PxQgBNIJxtPLiNzd9gjPIazdy8l8B8-9lAAJA9dYa32FujLYK6iPhp4BKnlBuzXnTCP6bMSsloF28kdhkczJzmnnWVLLKBLsGkD7pAWWZ85DFX8-SNqHAljlSqA5o7yzMfjGlVy2n2AkY\" alt=\"Un rect\u00e1ngulo violeta enfatiza las categor\u00edas de patrones de bloques. Aparece una barra de b\u00fasqueda debajo de las categor\u00edas.\" title=\"Screenshot\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>En el directorio, puedes hacer clic en un patr\u00f3n para previsualizar su apariencia en diferentes anchos de pantalla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"672\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03-vista-previa-pantallas-1024x672.jpg\" alt=\"\" class=\"wp-image-45912 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03-vista-previa-pantallas-1024x672.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03-vista-previa-pantallas-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03-vista-previa-pantallas-768x504.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03-vista-previa-pantallas-1536x1008.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-600x394.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-1200x788.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-730x479.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-1460x958.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-784x515.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-1568x1029.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas-877x576.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/03-vista-previa-pantallas.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/672;\" \/><\/figure>\n\n\n\n<p>En ambos sitios, ver\u00e1s un bot\u00f3n azul que te permite copiar el patr\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/Rsk7BlqlzPHTTqcxSfANScLEFqBf6izFXbs9tNCKiC6dyryC3csVgIk_fBb52lixxEDnEPVJ-D4Sh7laHcb1vOXo-Sk_cVEnilH1xegjyR11mCPUHXNlm6Pmr3YwzX0nqrvV5VoOlBmfVkGS_CrpuWk\" alt=\"Un boton azul que dice 'Copy pattern'\" title=\"Screenshot\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>Te mostraremos exactamente d\u00f3nde esto es \u00fatil cuando nos sumerjamos en el uso de un patr\u00f3n en tu sitio de WordPress por primera vez.<\/p>\n\n\n\n<h2 id=\"h-como-empezar-con-el-directorio-de-patrones-de-wordpress\" class=\"wp-block-heading\"><strong>C\u00f3mo Empezar con el Directorio de Patrones de WordPress<\/strong><\/h2>\n\n\n\n<p>Vamos a sumergirnos en la implementaci\u00f3n de tu primer patr\u00f3n en tu sitio web.<\/p>\n\n\n\n<p>Primero, necesitas seleccionar la publicaci\u00f3n o p\u00e1gina donde deseas agregar un patr\u00f3n. Vamos a iniciar sesi\u00f3n en WordPress, buscar &#8220;<strong>Entradas<\/strong>&#8221; en la barra lateral, ir a &#8220;<strong>Todas las Entradas<\/strong>&#8221; y seleccionar la que deseamos editar.<br><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/hH-v3q3YgAvC7oFcsIbaiyrTjlUT_LJyQ3l1ddTjSJRDEXAtM0fXh3sXHJenNe7LAgi46HvYWhZAZtVNEQ-N1Ce-HM9SvWKFLNKSK6-_IOBPCzBYuZY-bn89JWCGCr_JBNkUgAiM_2BTR3Gc8du8v_g\" alt=\"El men\u00fa de Publicaciones en WordPress. La primera opci\u00f3n enumera 'Todas las publicaciones' en blanco.\" style=\"width:451px;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>Una vez dentro de esa entrada, en la esquina superior izquierda del \u00e1rea de edici\u00f3n deber\u00eda haber un bot\u00f3n de suma que abre tanto los men\u00fas de bloques como de patrones.<\/p>\n\n\n\n<p><br><img decoding=\"async\" alt=\"A purple rectangle is drawn around the blue plus button in the upper-left corner of the editing area \" data-src=\"https:\/\/lh7-us.googleusercontent.com\/5-IFCTU7MpO1AJRORS_Txje-K_KhxxvFqhxtFmGvE4yqphASLdJQrsgkf_0qHU6vZJDRnEYOwRvUL-vM3MBBJhymzfzNgL8p48lmmFciWwTwZAoOpopuKs-TU6Bg6UYTcxfBIErtEn_67uAFK0EbCXI\" width=\"394\" height=\"211\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 394px; --smush-placeholder-aspect-ratio: 394\/211;\"><br><br><strong>Nota:<\/strong> \u00bfNo ves la opci\u00f3n para agregar bloques o patrones en la p\u00e1gina que est\u00e1s editando? Es posible que a\u00fan no est\u00e9s usando un tema que los admita. Nuestra gu\u00eda <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/cambiar-a-un-tema-de-bloques-wordpress\/\" rel=\"noopener\">C\u00f3mo Cambiar de un Tema Cl\u00e1sico a Temas de Bloques de WordPress<\/a> te guiar\u00e1 para que puedas actualizar a un tema de bloques y aprovechar todos sus beneficios modernos.<\/p>\n\n\n\n<p>Una vez que tengas ese men\u00fa abierto, cambia a la pesta\u00f1a de <strong>Patrones<\/strong>. Aqu\u00ed, ver\u00e1s todos los patrones de bloques disponibles para el tema que est\u00e1s usando.<br><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/DUmit7RIQ3rhH6TNoHpN6a9Bgtbj6_Oc4Bf33piE1eDUYvR_X-Cw7L-5egs9Ka4Sk4RNg0bw6vx3DkKiLB0fXJwFG2Sp3pc4vev7biZIQNPyrFBRsQOLCVxg4FJKdmxGHGcGl2rcYfbBnG_heatgfRs\" alt=\"\" style=\"width:422px;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p><br>Digamos que queremos agregar una llamada a la acci\u00f3n a la entrada. Haremos clic en esa categor\u00eda y seleccionaremos nuestro patr\u00f3n de CTA elegido. As\u00ed de f\u00e1cil, aparecer\u00e1 donde sea que est\u00e9 nuestro cursor en la entrada.<\/p>\n\n\n\n<p><strong>Tip:<\/strong> Inserta un patr\u00f3n que hayas copiado del directorio o biblioteca de patrones. Simplemente, usa el bot\u00f3n azul de copiar en el patr\u00f3n deseado, regresa a la p\u00e1gina o entrada de WordPress que deseas editar, haz clic en la pantalla donde deseas que est\u00e9 el patr\u00f3n y pega.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/nw89q31GwRatXoD3Aw9ERebLMdmyeaM4nG56sw5kWJ7RbUAi85KjM52Cmr3wdrcpzI_IF_S16NFVlW8rnrMg0-1I_JOa0wTJi-aMHJxm7S4lAIoH50i7vkcCa_FE8E-df0ugRuslBTOpuTVBNhPR4l4\" alt=\"Un cuadro gris dice &quot;Llamado a la acci\u00f3n&quot; en la esquina superior izquierda.\" style=\"width:559px;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>\u00bfQuieres mover, eliminar o editar de otra manera tu patr\u00f3n? Haz clic en \u00e9l en la entrada para ver todas las configuraciones y opciones del patr\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-us.googleusercontent.com\/xQyG-CWrCj-XmAzPuDwJLFaTTLY9mzlcvSHd2VEKRs31gYGtralABSMdK075T84xa24XBHlhMZpeI-43OZSC0TzYbIU1u6L3KJibh9uALC7GQn0DaGJoF4QZKvO5J7hgMRUp_NGw0W6dZfBn2iuzrn4\" alt=\"Las configuraciones para mover, eliminar o editar su patr\u00f3n tienen una interfaz de usuario simple con \u00edconos para hacer clic\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>Aseg\u00farate de seleccionar &#8220;<strong>Guardar borrador<\/strong>&#8221; o &#8220;<strong>Publicar<\/strong>&#8221; en la parte superior derecha de la pantalla de WordPress para guardar tu trabajo.<\/p>\n\n\n\n<p>Esos son los conceptos b\u00e1sicos de c\u00f3mo usar patrones en tu sitio web. \u00a1S\u00faper f\u00e1cil, \u00bfverdad?!<\/p>\n\n\n\n<h2 id=\"h-cual-es-el-proposito-de-los-patrones-de-wordpress\" class=\"wp-block-heading\"><strong>\u00bfCu\u00e1l es el Prop\u00f3sito de los Patrones de WordPress?<\/strong><\/h2>\n\n\n\n<p>Los patrones parecen tenerlo todo. Pueden acelerar la velocidad a la que creas y construyes, garantizar uniformidad sin esfuerzo para mejorar la impresi\u00f3n de tu marca y ofrecer el aspecto est\u00e9tico que siempre has querido que tu sitio web tenga.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-velocidad-de-creacion\"><strong>Velocidad de Creaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Cada patr\u00f3n en el directorio se integra perfectamente con la mayor\u00eda de los temas modernos. Y la implementaci\u00f3n de patrones es tan simple como arrastrar y soltar tus elementos favoritos en su lugar.<\/p>\n\n\n\n<p>Esto significa que no tienes que ser un dise\u00f1ador de WordPress o entender de desarrollo para crear r\u00e1pidamente experiencias poderosas que muestren tu marca, impulsen el SEO e incluso aumenten las conversiones y la retenci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-consistencia-del-sitio-web\"><strong>Consistencia del Sitio Web<\/strong><\/h3>\n\n\n\n<p>\u00bfPasas horas meticulosamente revisando cada p\u00e1gina de tu sitio para cambiar ese esquema de color azul medianoche a azul marino?<\/p>\n\n\n\n<p>Ya no ser\u00e1 as\u00ed.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Los patrones de WordPress heredan las configuraciones de fuente, color y espaciado del propio tema. \u00a1Nada de ajustes gen\u00e9ricos aqu\u00ed!<\/p>\n\n\n\n<p>Esto reduce significativamente la probabilidad de inconsistencias visuales, ya sea que est\u00e9s actualizando o simplemente experimentando con el aspecto y la sensaci\u00f3n de tu sitio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-disenos-hermosos\"><strong>Dise\u00f1os Hermosos<\/strong><\/h3>\n\n\n\n<p>Probablemente, uno de los mejores y m\u00e1s evidentes beneficios de usar patrones para completar tu sitio web empresarial es que suelen ser rid\u00edculamente atractivos.<\/p>\n\n\n\n<p>Algunos <a target=\"_blank\" href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\" rel=\"noopener\">patrones de p\u00e1gina completa<\/a> pr\u00e1cticamente dise\u00f1an las p\u00e1ginas web del sitio por ti. Todo lo que tienes que hacer es hacer algunos ajustes, y puedes tener un sitio web personalizado y con la imagen de marca que parece dise\u00f1ado profesionalmente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"928\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_3-mejores-patrones-1024x928.jpg\" alt=\"Un patr\u00f3n de p\u00e1gina completa para una escuela de payasos. Los iconos promocionan los beneficios del patr\u00f3n: velocidad, consistencia y dise\u00f1o\" class=\"wp-image-45913 lazyload\" title=\"Image\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_3-mejores-patrones-1024x928.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_3-mejores-patrones-300x272.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_3-mejores-patrones-768x696.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_3-mejores-patrones-1536x1392.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-600x544.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-1200x1088.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-730x662.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-1460x1323.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-784x711.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-1568x1421.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones-877x795.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2024\/05\/10_3-mejores-patrones.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/928;\" \/><\/figure>\n\n\n\n<h2 id=\"h-te-sientes-abrumado-3-consejos-para-elegir-los-mejores-patrones\" class=\"wp-block-heading\"><strong>\u00bfTe sientes abrumado? 3 Consejos para Elegir los Mejores Patrones<\/strong><\/h2>\n\n\n\n<p>Es genial que haya miles de patrones de WordPress disponibles.<\/p>\n\n\n\n<p>Tambi\u00e9n puede ser un poco desconcertante revisarlos y elegir los mejores para tu sitio web.<\/p>\n\n\n\n<p>Entonces, concluyamos con algunos consejos para ayudarte a tomar decisiones m\u00e1s sabias y r\u00e1pidas cuando se trata de patrones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-comienza-con-la-accesibilidad-nbsp\"><strong>Comienza con la Accesibilidad<\/strong>&nbsp;<\/h3>\n\n\n\n<p>Hasta el <a target=\"_blank\" href=\"https:\/\/monsido.com\/web-accessibility\" rel=\"noopener\">15% de la poblaci\u00f3n mundial<\/a> experimenta una discapacidad, raz\u00f3n por la cual existe una red de leyes y agencias en todo el mundo que mantienen altos los est\u00e1ndares de accesibilidad web.<\/p>\n\n\n\n<p>Algunos consejos para aumentar la accesibilidad incluyen usar tama\u00f1os de fuente legibles, crear dise\u00f1os de alto contraste, simplificar la navegaci\u00f3n, subtitular gr\u00e1ficos y hacer que la estructura de tu sitio web sea l\u00f3gica. Elige patrones que mejoren la accesibilidad en todo tu sitio, como patrones de texto con letra grande o patrones de dise\u00f1o con alto contraste, sin tener que desechar todo el trabajo.<\/p>\n\n\n\n<p>Para obtener una gu\u00eda completa, aseg\u00farate de leer <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/volver-tu-pagina-web-accesible\/\" rel=\"noopener\">C\u00f3mo Dise\u00f1ar un Sitio Web Accesible (Una Gu\u00eda Completa)<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-decide-tu-historia-y-estilo\"><strong>Decide Tu Historia y Estilo<\/strong><\/h3>\n\n\n\n<p>Cuando se trata de dise\u00f1ar un sitio web, el dise\u00f1o y la apariencia cuentan la historia de tu marca.<\/p>\n\n\n\n<p>Solo t\u00fa puedes contar esa historia con precisi\u00f3n. Una vez que lo tengas claro, deber\u00eda influir en todo lo dem\u00e1s, como tu contenido y el estilo en el que lo presentas.<\/p>\n\n\n\n<p>\u00bfEs el ambiente minimalista y sencillo lo adecuado? \u00bfO tu marca es llamativa y vibrante? \u00bfLas im\u00e1genes son el centro de atenci\u00f3n al vender tu producto, o es el contenido clave para tu oferta de servicios?<\/p>\n\n\n\n<p>Una vez que sepas las respuestas a estas preguntas, podr\u00e1s ir al grano y armar una colecci\u00f3n de patrones que construyan un sitio web que cuente tu historia.<\/p>\n\n\n\n<p>Obt\u00e9n m\u00e1s informaci\u00f3n sobre dise\u00f1o web con los <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/elementos-de-diseno-web\/\" rel=\"noopener\">7 Elementos B\u00e1sicos del Dise\u00f1o Web<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-examina-lo-que-es-popular\"><strong>Examina Lo Que Es Popular<\/strong><\/h3>\n\n\n\n<p>Dicho esto, a veces entender tu marca hasta la m\u00e9dula, no genera ninguna idea de dise\u00f1o. Algunos de nosotros simplemente no somos pensadores visuales.<\/p>\n\n\n\n<p>Si ese eres t\u00fa y necesitas inspiraci\u00f3n r\u00e1pida, no busques m\u00e1s all\u00e1 de <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/tendencias-diseno-web\/\" rel=\"noopener\">nuestra gu\u00eda sobre las tendencias de dise\u00f1o web<\/a>.<\/p>\n\n\n\n<p>Con un poco de direcci\u00f3n, puedes empezar a seleccionar patrones y construir un sitio que sea tanto elegante como completamente tuyo.<\/p>\n\n\n\n<h2 id=\"h-te-ayudaremos-a-descifrar-el-directorio-de-patrones-de-wordpress\" class=\"wp-block-heading\"><strong>Te Ayudaremos a Descifrar el Directorio de Patrones de WordPress<\/strong><\/h2>\n\n\n\n<p>Con eso, est\u00e1s completamente preparado para acceder al directorio y la biblioteca de WordPress y comenzar a crear el dise\u00f1o web de tus sue\u00f1os.<\/p>\n\n\n\n<p>Pero, \u00bfqu\u00e9 pasa si no conf\u00edas en tus habilidades de dise\u00f1o, no tienes tiempo para lidiar con ello mientras atiendes pedidos comerciales de un lado a otro (\u00a1felicidades!), o simplemente no quieres?<\/p>\n\n\n\n<p>Lo entendemos.<\/p>\n\n\n\n<p>Por eso, nuestros <a href=\"https:\/\/www.dreamhost.com\/es\/hosting\/\" target=\"_blank\" rel=\"noopener\">planes de hosting<\/a> simples y asequibles y nuestros profesionales en <a href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/desarrollo\/\" target=\"_blank\" rel=\"noopener\">desarrollo web<\/a>, <a href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/diseno\/\" target=\"_blank\" rel=\"noopener\">dise\u00f1o web<\/a> y <a href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/administracion\/\" target=\"_blank\" rel=\"noopener\">administraci\u00f3n de sitios web<\/a> apoyan a propietarios y administradores de sitios web en sus misiones para crear experiencias en l\u00ednea que mejoren el SEO, generen conversiones y sean simplemente hermosas.<\/p>\n\n\n\n<p>\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Haz M\u00e1s Con DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Las actualizaciones autom\u00e1ticas de DreamPress, cach\u00e9 y fuertes defensas de seguridad toman la administraci\u00f3n de WordPress de tus manos para que puedas enfocarte en tu sitio web\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Adquiere Tu Plan Hoy                    <\/a>\n\n  <\/div>\n<\/div>\n<\/p>\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u00bfNo eres dise\u00f1ador? Aqu\u00ed abajo, todos flotamos. (Advertencia: \u00a1Perturbador en m\u00e1s de un sentido!) Espera, no era as\u00ed&#8230; \u00a1Aqu\u00ed abajo, todos dise\u00f1amos! As\u00ed es como deber\u00eda ser. Antes de ser apartado por un payaso cantante, estaba tratando de decir que WordPress lo ha hecho de nuevo. Han hecho que la plataforma sea a\u00fan m\u00e1s f\u00e1cil [&hellip;]<\/p>\n","protected":false},"author":1077,"featured_media":45892,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Utiliza el Directorio de patrones de WordPress para hacer que el proceso de creaci\u00f3n de tu sitio web sea m\u00e1s r\u00e1pido y eficiente.","toc_headlines":"[[\"h-que-es-un-patron-de-wordpress\",\"\u00bfQu\u00e9 Es Un Patr\u00f3n De WordPress?\"],[\"h-entendiendo-el-directorio-de-patrones-de-wordpress\",\"Entendiendo el Directorio de Patrones de WordPress\"],[\"h-como-navegar-por-el-directorio-de-patrones-de-wordpress\",\"C\u00f3mo Navegar por el Directorio de Patrones de WordPress\"],[\"h-como-empezar-con-el-directorio-de-patrones-de-wordpress\",\"C\u00f3mo Empezar con el Directorio de Patrones de WordPress\"],[\"h-cual-es-el-proposito-de-los-patrones-de-wordpress\",\"\u00bfCu\u00e1l es el Prop\u00f3sito de los Patrones de WordPress?\"],[\"h-te-sientes-abrumado-3-consejos-para-elegir-los-mejores-patrones\",\"\u00bfTe sientes abrumado? 3 Consejos para Elegir los Mejores Patrones\"],[\"h-te-ayudaremos-a-descifrar-el-directorio-de-patrones-de-wordpress\",\"Te Ayudaremos a Descifrar el Directorio de Patrones de WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[11668,11683],"tags":[],"class_list":["post-45897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales","category-wordpress-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Directorio de Patrones de WordPress - DreamHost<\/title>\n<meta name=\"description\" content=\"Utiliza el Directorio de patrones de WordPress para hacer que el proceso de creaci\u00f3n de tu sitio web sea m\u00e1s r\u00e1pido y eficiente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Directorio de Patrones de WordPress: Crea M\u00e1s R\u00e1pido y Mejor\" \/>\n<meta property=\"og:description\" content=\"Aprende a utilizar el Directorio de patrones de WordPress para mejorar r\u00e1pidamente el dise\u00f1o de tu sitio mediante patrones y bloques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-22T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T23:31:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1220x628_OGIMAGE_Build-With-WordPress-Pattern-Directory.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Directorio de Patrones de WordPress: Crea M\u00e1s R\u00e1pido y Mejor\" \/>\n<meta name=\"twitter:description\" content=\"Aprende a utilizar el Directorio de patrones de WordPress para mejorar r\u00e1pidamente el dise\u00f1o de tu sitio mediante patrones y bloques.\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Directorio de Patrones de WordPress - DreamHost","description":"Utiliza el Directorio de patrones de WordPress para hacer que el proceso de creaci\u00f3n de tu sitio web sea m\u00e1s r\u00e1pido y eficiente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Directorio de Patrones de WordPress: Crea M\u00e1s R\u00e1pido y Mejor","og_description":"Aprende a utilizar el Directorio de patrones de WordPress para mejorar r\u00e1pidamente el dise\u00f1o de tu sitio mediante patrones y bloques.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-05-22T14:00:00+00:00","article_modified_time":"2025-01-16T23:31:33+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1220x628_OGIMAGE_Build-With-WordPress-Pattern-Directory.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_title":"Directorio de Patrones de WordPress: Crea M\u00e1s R\u00e1pido y Mejor","twitter_description":"Aprende a utilizar el Directorio de patrones de WordPress para mejorar r\u00e1pidamente el dise\u00f1o de tu sitio mediante patrones y bloques.","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Decodificando WordPress: Construye R\u00e1pidamente con el Directorio de Patrones de WordPress","datePublished":"2024-05-22T14:00:00+00:00","dateModified":"2025-01-16T23:31:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/"},"wordCount":2316,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_build_with_wordpress_pattern_directory.webp","articleSection":["Tutoriales","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/","name":"Directorio de Patrones de WordPress - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_build_with_wordpress_pattern_directory.webp","datePublished":"2024-05-22T14:00:00+00:00","dateModified":"2025-01-16T23:31:33+00:00","description":"Utiliza el Directorio de patrones de WordPress para hacer que el proceso de creaci\u00f3n de tu sitio web sea m\u00e1s r\u00e1pido y eficiente.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_build_with_wordpress_pattern_directory.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_build_with_wordpress_pattern_directory.webp","width":2190,"height":1643,"caption":"Decoding WordPress: Build Fast With WordPress Pattern Directory"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/construye-con-directorio-de-patrones-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando WordPress: Construye R\u00e1pidamente con el Directorio de Patrones de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"es","translations":{"es":45897,"en":45891,"pl":52388,"de":55585,"pt":55612,"ru":55672,"uk":55726,"it":68668,"fr":70918,"nl":70947},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/45897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=45897"}],"version-history":[{"count":8,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/45897\/revisions"}],"predecessor-version":[{"id":63594,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/45897\/revisions\/63594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/45892"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=45897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=45897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=45897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}