Inicio 02
Inicio 02 es una plantilla de bloques para WordPress que puedes utilizar como página principal en tu web.
Puedes utilizar esta plantilla con múltiples propósitos, ya sea para mostrar un producto o un servicio que estés ofreciendo.
Haz click en el botón para copiar la plantilla
<!-- wp:group {"tagName":"section","metadata":{"name":"Hero 03"},"align":"full","style":{"dimensions":{"minHeight":"90vh"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull" style="min-height:90vh;margin-top:0;margin-bottom:0"><!-- wp:cover {"url":"https://plantillaswp.com/wp-content/uploads/2023/11/placeholder-16-9-1.jpg","id":1584,"dimRatio":10,"customOverlayColor":"#d1d1d1","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"blockGap":"25px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-10 has-background-dim" style="background-color:#d1d1d1"></span><img class="wp-block-cover__image-background wp-image-1584" alt="" src="https://plantillaswp.com/wp-content/uploads/2023/11/placeholder-16-9-1.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"25px"}},"layout":{"type":"constrained","contentSize":"700px"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"61px"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:61px">Título del encabezado</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"17px"}}} -->
<p class="has-text-align-center" style="font-size:17px">Aliquam lorem erat, sollicitudin vitae mauris id, mollis imperdiet lacus. In in lectus nibh. Aliquam ut urna dignissim, pharetra velit in, sollicitudin dolor.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"base","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-base-color has-black-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:0px">Saber más</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></section>
<!-- /wp:group -->
<!-- wp:group {"tagName":"section","metadata":{"name":"Contenido 08"},"align":"full","style":{"color":{"background":"#fffffff7"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-background" style="background-color:#fffffff7;margin-top:0px;margin-bottom:0px"><!-- wp:columns {"verticalAlignment":"center","align":"full","textColor":"background"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center has-background-color has-text-color"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:30px;padding-bottom:30px;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"25px","padding":{"right":"30px","left":"30px"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":""}} -->
<div class="wp-block-group" style="padding-right:30px;padding-left:30px"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading" style="font-size:40px">Título del encabezado</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}}} -->
<p style="font-size:17px">Etiam et bibendum felis. Mauris luctus tellus at efficitur posuere. Curabitur sollicitudin, nibh porta dapibus vehicula, purus metus condimentum diam, eget cursus augue felis eget ipsum.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#000000","text":"#f8f8f8"},"elements":{"link":{"color":{"text":"#f8f8f8"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" href="#" style="border-radius:0px;color:#f8f8f8;background-color:#000000">Saber más</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"id":1584,"style":{"color":{}}} -->
<figure class="wp-block-image"><img src="https://plantillaswp.com/wp-content/uploads/2023/11/placeholder-16-9-1.jpg" alt="" class="wp-image-1584"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"verticalAlignment":"center","align":"full","textColor":"background"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center has-background-color has-text-color"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"id":1584,"style":{"color":{}}} -->
<figure class="wp-block-image"><img src="https://plantillaswp.com/wp-content/uploads/2023/11/placeholder-16-9-1.jpg" alt="" class="wp-image-1584"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:30px;padding-bottom:30px;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"25px","padding":{"right":"30px","left":"30px"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":""}} -->
<div class="wp-block-group" style="padding-right:30px;padding-left:30px"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading" style="font-size:40px">Título del encabezado</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}}} -->
<p style="font-size:17px">Etiam et bibendum felis. Mauris luctus tellus at efficitur posuere. Curabitur sollicitudin, nibh porta dapibus vehicula, purus metus condimentum diam, eget cursus augue felis eget ipsum.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#000000","text":"#f8f8f8"},"elements":{"link":{"color":{"text":"#f8f8f8"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" href="#" style="border-radius:0px;color:#f8f8f8;background-color:#000000">Saber más</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->
<!-- wp:group {"tagName":"section","metadata":{"name":"Contenido 02"},"align":"full","style":{"spacing":{"padding":{"top":"80px","bottom":"80px","left":"20px","right":"20px"},"margin":{"top":"0","bottom":"0"}},"color":{"background":"#f4f4f4"}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-background" style="background-color:#f4f4f4;margin-top:0;margin-bottom:0;padding-top:80px;padding-right:20px;padding-bottom:80px;padding-left:20px"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"30px"}}},"className":"pt__8 pb__8"} -->
<div class="wp-block-columns alignwide pt__8 pb__8"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"25px"}},"layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"textAlign":"left","level":3,"metadata":{},"style":{"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"600"}}} -->
<h3 class="wp-block-heading has-text-align-left" style="font-size:40px;font-style:normal;font-weight:600">Creado para desarrolladores</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget diam lorem. Quisque vulputate tempus nunc sed volutpat. Praesent sagittis sodales nibh nec commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam vulputate semper tellus ut tristique.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-base-2-color has-contrast-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:0px">SAber más</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"id":1584,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://plantillaswp.com/wp-content/uploads/2023/11/placeholder-16-9-1-1024x576.jpg" alt="" class="wp-image-1584"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Tabla de precio 01"},"align":"full","style":{"spacing":{"padding":{"top":"80px","bottom":"80px","left":"20px","right":"20px"},"margin":{"top":"0","bottom":"0"}},"color":{"background":"#fffffff7"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fffffff7;margin-top:0;margin-bottom:0;padding-top:80px;padding-right:20px;padding-bottom:80px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"25px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:40px">Tabla de precio</h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"25px","bottom":"40px"}}},"layout":{"type":"constrained","contentSize":"400px"}} -->
<div class="wp-block-group" style="margin-top:25px;margin-bottom:40px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"17px"}}} -->
<p class="has-text-align-center" style="font-size:17px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur consequat nunc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"30px"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"border":{"color":"#b8b8b8","width":"2px"},"spacing":{"padding":{"right":"30px","left":"30px","top":"25px","bottom":"25px"},"blockGap":"25px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#b8b8b8;border-width:2px;padding-top:25px;padding-right:30px;padding-bottom:25px;padding-left:30px"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"22px"}}} -->
<h4 class="wp-block-heading" style="font-size:22px;font-style:normal;font-weight:600">Plan Básico</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"30px"}}} -->
<p style="font-size:30px"><strong>12€ <sub><sup>/mes</sup></sub></strong></p>
<!-- /wp:paragraph -->
<!-- wp:list {"style":{"typography":{"fontSize":"17px"}},"className":"is-style-default"} -->
<ul style="font-size:17px" class="is-style-default"><!-- wp:list-item {"style":{"typography":{"fontSize":"17px"}}} -->
<li style="font-size:17px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"style":{"typography":{"fontSize":"17px"}}} -->
<li style="font-size:17px">Cras non lacus vulputate, mattis justo ac, consectetur velit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Suspendisse consectetur mauris aliquet nisl hendrerit, ut posuere ante hendrerit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Cras at ipsum efficitur, auctor purus eget, placerat orci.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Nullam mattis ligula in libero venenatis semper ut eget urna.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Ut sit amet nisl in justo congue porttitor ut ac felis.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","width":100,"style":{"color":{"background":"#000000","text":"#f8f8f8"},"elements":{"link":{"color":{"text":"#f8f8f8"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button" href="#" style="border-radius:0px;color:#f8f8f8;background-color:#000000">Comprar</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"style":{"border":{"color":"#b8b8b8","width":"2px"},"spacing":{"padding":{"right":"30px","left":"30px","top":"25px","bottom":"25px"},"blockGap":"25px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#b8b8b8;border-width:2px;padding-top:25px;padding-right:30px;padding-bottom:25px;padding-left:30px"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"22px"}}} -->
<h4 class="wp-block-heading" style="font-size:22px;font-style:normal;font-weight:600">Plan Platino</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"30px"}}} -->
<p style="font-size:30px"><strong>50€ <sub><sup>/mes</sup></sub></strong></p>
<!-- /wp:paragraph -->
<!-- wp:list {"style":{"typography":{"fontSize":"17px"}},"className":"is-style-default"} -->
<ul style="font-size:17px" class="is-style-default"><!-- wp:list-item -->
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Cras non lacus vulputate, mattis justo ac, consectetur velit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Suspendisse consectetur mauris aliquet nisl hendrerit, ut posuere ante hendrerit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Cras at ipsum efficitur, auctor purus eget, placerat orci.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Nullam mattis ligula in libero venenatis semper ut eget urna.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Ut sit amet nisl in justo congue porttitor ut ac felis.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","width":100,"style":{"color":{"background":"#000000","text":"#f8f8f8"},"elements":{"link":{"color":{"text":"#f8f8f8"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button" href="#" style="border-radius:0px;color:#f8f8f8;background-color:#000000">Comprar</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"style":{"border":{"color":"#b8b8b8","width":"2px"},"spacing":{"padding":{"right":"30px","left":"30px","top":"25px","bottom":"25px"},"blockGap":"25px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#b8b8b8;border-width:2px;padding-top:25px;padding-right:30px;padding-bottom:25px;padding-left:30px"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"22px"}}} -->
<h4 class="wp-block-heading" style="font-size:22px;font-style:normal;font-weight:600">Plan Oro</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"30px"}}} -->
<p style="font-size:30px"><strong>99€ <sub><sup>/mes</sup></sub></strong></p>
<!-- /wp:paragraph -->
<!-- wp:list {"style":{"typography":{"fontSize":"17px"}},"className":"is-style-default"} -->
<ul style="font-size:17px" class="is-style-default"><!-- wp:list-item -->
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Cras non lacus vulputate, mattis justo ac, consectetur velit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Suspendisse consectetur mauris aliquet nisl hendrerit, ut posuere ante hendrerit.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Cras at ipsum efficitur, auctor purus eget, placerat orci.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Nullam mattis ligula in libero venenatis semper ut eget urna.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Ut sit amet nisl in justo congue porttitor ut ac felis.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","width":100,"style":{"color":{"background":"#000000","text":"#f8f8f8"},"elements":{"link":{"color":{"text":"#f8f8f8"}}},"typography":{"fontSize":"15px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size" style="font-size:15px"><a class="wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button" href="#" style="border-radius:0px;color:#f8f8f8;background-color:#000000">Comprar</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
![](https://plantillaswp.com/wp-content/uploads/2023/12/landing-02-plantillaswp-scaled.jpg)
Páginas de la plantilla
Características
Velocidad de página probada
Cumplimos con los estándares de velocidad de página, lo que garantiza una experiencia de usuario más rápida.
Listo para el editor de bloques de WordPress
Todos los patrones utilizados en las plantillas han sido creados con el editor de bloques por defecto de WordPress.
Adaptable a todos los dispositivos
Las plantillas se ven correctamente en cualquier pantalla, sea cual sea el tamaño o dispositivo.
Preguntas frecuentes
¿Tienes alguna duda sobre cómo utilizar las plantillas o patrones?
A continuación tienes algunas respuestas. Si continuas teniendo dudas, contacta con nosotros.
¿Qué versión de WordPress es necesaria para utilizar las plantillas y patrones?
Requiere WordPress 6.4 o superior.
¿Necesito algún plugin o theme especial?
No, todas nuestras plantillas y patrones han sido diseñados únicamente con bloques disponibles en el núcleo de WordPress.
¿Son compatibles con mi tema de WordPress?
Si estás utilizando un tema que utilice el editor de bloques nativo, sí, los patrones y plantillas son compatibles, tan solo has de copiar el código del patrón o plantilla que quieras utilizar y pegarlo en el editor de WordPress.
¿Se verán exactamente igual?
Sí, la estructura se verá tal cual te la ofrecemos, pero si estás usando en tu theme tipografías globales, ésta se adaptará a la que estés utilizando.
¿Hay previsualización de las plantillas?
Sí, pasa el ratón por encima de la imagen para previsualizar la plantilla o haz click en el botón Vista previa si ya eres suscriptor.
¿Puedo cambiar los colores e imágenes de las plantillas?
Por supuesto, puedes cambiar tantos los colores de fondo, botones o texto, así como las imágenes e incluso la estructura general para adaptarlas a tus necesidades utilizando el editor de WordPress.
¿Cómo puedo utilizar la plantilla en mi sitio web?
Tan solo tienes que copiar la plantilla haciendo click en el botón Copiar y pegarla en el editor de WordPress.