{"id":1520,"date":"2022-10-24T10:00:00","date_gmt":"2022-10-24T15:00:00","guid":{"rendered":"http:\/\/racmanuel.dev\/?p=1520"},"modified":"2023-03-24T09:59:04","modified_gmt":"2023-03-24T15:59:04","slug":"como-hacer-un-efecto-de-olas-en-movimiento-con-elementor","status":"publish","type":"post","link":"https:\/\/racmanuel.dev\/en\/como-hacer-un-efecto-de-olas-en-movimiento-con-elementor\/","title":{"rendered":"\u00bfComo hacer un efecto de olas en movimiento con Elementor?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">En este tutorial de WordPress y Elementor veremos c\u00f3mo hacer un efecto de Olas en nuestras p\u00e1ginas web usando Elementor y un poco de CSS, si no sabes CSS no te preocupes este tutorial no requerir\u00e1 de conocimientos en programaci\u00f3n. El resultado final sera como el siguiente:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"630\" style=\"aspect-ratio: 1200 \/ 630;\" width=\"1200\" controls src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Efecto-de-Olas-en-Elementor.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Bueno comencemos&#8230; lo primero sera tener instalado Elementor, si no cuentas con Elementor como plugin deber\u00e1s ir a la secci\u00f3n de <strong>Plugin &gt; A\u00f1adir nuevo<\/strong> y deber\u00e1s ingresar en la barra de b\u00fasqueda Elementor la primera opci\u00f3n damos en Instalar ahora y Activar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-37.png\" alt=\"\" class=\"wp-image-1521\" width=\"537\" height=\"342\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-37.png 755w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-37-600x382.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-37-300x191.png 300w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez instalado Elementor deberemos de crear o ir a la p\u00e1gina donde queramos a\u00f1adir el efecto en mi caso ya tengo una p\u00e1gina hecha con Elementor a la que quiero a\u00f1adirle el efecto, la p\u00e1gina tiene el nombre de: P\u00e1gina de Inicio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"537\" height=\"493\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-38.png\" alt=\"\" class=\"wp-image-1523\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-38.png 537w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-38-300x275.png 300w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Deberemos de dar click sobre el boton de editar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"100\" height=\"141\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-39.png\" alt=\"\" class=\"wp-image-1526\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Aparecera el editor de Gutenberg en este caso daremos click en editar con Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-40-1024x482.png\" alt=\"\" class=\"wp-image-1527\" width=\"769\" height=\"362\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-40-1024x482.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-40-600x282.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-40-300x141.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-40-768x361.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-40.png 1362w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nos aparecera una pantalla como la siguiente deberemos de esperar a que el plugin de Elementor, termine de cargar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-41-1024x488.png\" alt=\"\" class=\"wp-image-1528\" width=\"768\" height=\"365\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-41-1024x488.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-41-600x286.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-41-300x143.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-41-768x366.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-41.png 1363w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Al finalizar podremos ver nuestra p\u00e1gina que he realizado previamente con Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-42-1024x485.png\" alt=\"\" class=\"wp-image-1529\" width=\"766\" height=\"362\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-42-1024x485.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-42-600x284.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-42-300x142.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-42-768x364.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-42.png 1366w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En esta p\u00e1gina deberemos de dar click en alguna secci\u00f3n para poder a\u00f1adir el divisor de olas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-1024x352.png\" alt=\"\" class=\"wp-image-1534\" width=\"772\" height=\"265\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-1024x352.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-600x206.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-300x103.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-768x264.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43-1536x528.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-43.png 1917w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez dado click sobre alguna secci\u00f3n deberemos de dar click en la pesta\u00f1a de apariencia de esa secci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-44.png\" alt=\"\" class=\"wp-image-1535\" width=\"245\" height=\"371\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-44.png 397w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-44-198x300.png 198w\" sizes=\"(max-width: 245px) 100vw, 245px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Deberemos de ir a el apartado de <strong>Forma del Divisor.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-45.png\" alt=\"\" class=\"wp-image-1536\" width=\"245\" height=\"578\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-45.png 395w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-45-127x300.png 127w\" sizes=\"(max-width: 245px) 100vw, 245px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Al dar clic en <strong>Forma del divisor<\/strong> nos aparecer\u00e1n 2 opciones m\u00e1s que es Arriba o Abajo estos son los lugares donde podemos agregar las Olas, en mi caso solo usare abajo, pero puedes usar cualquier posici\u00f3n o ambas, es tu decision.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"402\" height=\"188\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-46.png\" alt=\"\" class=\"wp-image-1537\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-46.png 402w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-46-300x140.png 300w\" sizes=\"(max-width: 402px) 100vw, 402px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s nos pedira que seleccionemos el tipo de divisor, para el efecto que queremos usaremos Olas, he intentado animar otros divisores y funciona la animaci\u00f3n, pero no con todos se ve bien, te sugiero que una vez finalizado el tutorial experimentes con esta parte de Elementor y veas los resultados a los que puedes llegar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-47.png\" alt=\"\" class=\"wp-image-1539\" width=\"303\" height=\"439\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-47.png 371w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-47-207x300.png 207w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez seleccionado el tipo de divisor como Olas nos mostrara algunas configuraciones puedes dejarlas como t\u00fa quieras en cuesti\u00f3n de altura o ancho, color y profundidad, aqui te dejo como yo lo he configurado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-48.png\" alt=\"\" class=\"wp-image-1541\" width=\"299\" height=\"417\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-48.png 372w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-48-215x300.png 215w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez terminado de configurar el elemento de Forma de Divisor podemos ver que ya se muestra nuestras Olas pero aun sin animaci\u00f3n. basta con dar click en el boton verde de actualizar para que Guardemos los cambios. Ahora vamos a la parte importarte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-1024x397.png\" alt=\"\" class=\"wp-image-1542\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-1024x397.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-600x232.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-300x116.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-768x297.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49-1536x595.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-49.png 1916w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"como-animar-la-forma-de-divisor\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfComo animar la Forma de Divisor?<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para ello veremos dos opciones la primera y m\u00e1s sencilla es para Elementor Pro en tu WordPress basta con dirigirnos a la pesta\u00f1a de Avanzado en la misma secci\u00f3n donde pusimos la Forma del Divisor y buscar la pesta\u00f1a de CSS Personalizado y pegar el c\u00f3digo que esta debajo:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-50.png\" alt=\"\" class=\"wp-image-1543\" width=\"194\" height=\"483\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-50.png 374w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-50-121x300.png 121w\" sizes=\"(max-width: 194px) 100vw, 194px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">body{ overflow-x:hidden}\n.elementor-shape{\nwidth: 200%;\n  animation: shape 10s ease-in-out infinite;\n}\n\n@keyframes shape {\n0% {left: 0;}\n50% {left: -50%;}\n100% {left: 0;}\n}\n@media only screen and (max-width: 767px) {\n  .elementor-shape {display:none;}\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"como-animar-la-forma-de-divisor\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfComo hacerlo <strong>sin Elementor Pro<\/strong>?<\/span><\/h5>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-51.png\" alt=\"\" class=\"wp-image-1545\" width=\"139\" height=\"296\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-51.png 217w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-51-141x300.png 141w\" sizes=\"(max-width: 139px) 100vw, 139px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">body{ overflow-x:hidden}\n.elementor-shape{\nwidth: 200%;\n  animation: shape 10s ease-in-out infinite;\n}\n\n@keyframes shape {\n0% {left: 0;}\n50% {left: -50%;}\n100% {left: 0;}\n}\n@media only screen and (max-width: 767px) {\n  .elementor-shape {display:none;}\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Deberemos de copiar c\u00f3digo que est\u00e1 arriba de este texto en la hoja de estilos de nuestro tema hijo activado para ello nos dirigiremos a <strong>Apariencia > Editor de archivos de temas.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"> Basta con pegar el c\u00f3digo y dar click sobre el boton de <strong>Actualizar archivo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"375\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-1024x375.png\" alt=\"\" class=\"wp-image-1547\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-1024x375.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-600x220.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-300x110.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-768x281.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52-1536x563.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-52.png 1880w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Listo al regresar a la p\u00e1gina hecha con Elementor podremos ver que se habr\u00e1n animado las Olas y obtendr\u00e1s un resultado como \u00e9l siguiente:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"630\" style=\"aspect-ratio: 1200 \/ 630;\" width=\"1200\" controls src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Efecto-de-Olas-en-Elementor.mp4\"><\/video><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"como-animar-la-forma-de-divisor\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">BONUS: \u00bfComo hacerlo sin un Tema Hijo?<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de ense\u00f1arte como hacerlo sin un tema hijo, te recomiendo que siempre utilizes un tema hijo en tu p\u00e1gina web ya que si se actualiza tu tema perderas todos tus cambios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ingresar el c\u00f3digo CSS sin un Tema Hijo deberemos de ir a la pesta\u00f1a de <strong>Apariencia &gt; Personalizar.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"191\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-53.png\" alt=\"\" class=\"wp-image-1549\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nos aparecera un menu como el siguiente, va a depender del tema que tengas activo en tu p\u00e1gina web. En mi caso yo estoy usando el Tema Storefront y el Menu dice: <strong>CSS Adicional.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-54.png\" alt=\"\" class=\"wp-image-1550\" width=\"212\" height=\"524\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-54.png 377w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-54-121x300.png 121w\" sizes=\"(max-width: 212px) 100vw, 212px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s basta con pegar el c\u00f3digo CSS que esta en este post y dar click en el boton de azul de Publicar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"932\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-55.png\" alt=\"\" class=\"wp-image-1552\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-55.png 376w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-55-121x300.png 121w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aun-con-dudas-o-necesitas-ayuda-con-un-proyecto\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfA\u00fan con dudas o necesitas ayuda con un Proyecto?<\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Do you need help with a web project? Don&#039;t hesitate to contact me. I develop complete and customized solutions with WordPress and PHP, using modern tools and processes, HTML, CSS, SCSS, PHP, JavaScript, Bootstrap, and more. Ready? Send me a message and let&#039;s talk about your web project!<\/p>\n\n\n\n<div class=\"wp-block-jetpack-contact-form\">\n\n\n\n\n\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>En este tutorial de WordPress y Elementor veremos c\u00f3mo hacer un efecto de Olas en nuestras p\u00e1ginas web usando Elementor y un poco de CSS, si no sabes CSS no te preocupes este tutorial no requerir\u00e1 de conocimientos en programaci\u00f3n.<\/p>","protected":false},"author":1,"featured_media":1556,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[48],"tags":[41],"niveles":[38],"class_list":["post-1520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales","tag-elementor","niveles-intermedio"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/comments?post=1520"}],"version-history":[{"count":15,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1520\/revisions"}],"predecessor-version":[{"id":1634,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1520\/revisions\/1634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/1556"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=1520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/categories?post=1520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tags?post=1520"},{"taxonomy":"niveles","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/niveles?post=1520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}