{"id":702,"date":"2019-03-11T14:26:10","date_gmt":"2019-03-11T21:26:10","guid":{"rendered":"https:\/\/rosolutions.com.mx\/blog\/?p=702"},"modified":"2019-03-11T14:40:23","modified_gmt":"2019-03-11T21:40:23","slug":"wordpress-responsivo","status":"publish","type":"post","link":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/","title":{"rendered":"Dise\u00f1o Responsivo en WordPress"},"content":{"rendered":"<p>En WordPress hay diferentes opciones para hacer que tu p\u00e1gina web sea responsiva y se vea genial:<\/p>\n<ul>\n<li>Puedes hacerla con un tema definido y cambiando el contenido base por el que necesitas para tu p\u00e1gina web, aunque en ocasiones los temas gratis pueden tener virus que afecten tu p\u00e1gina web o tal vez el dise\u00f1o que quieres lo tiene un <a href=\"https:\/\/themeforest.net\/\" target=\"_blank\" rel=\"noopener\">tema<\/a> que es de paga.<\/li>\n<li>Personalizar cada p\u00e1gina con tus conocimientos de HTML y CSS, pero de esta manera toma mucho m\u00e1s tiempo y esfuerzo, sobre todo al querer lograr una p\u00e1gina responsiva.<\/li>\n<li>Utilizando un plugin, proporcion\u00e1ndote control sobre el dise\u00f1o de tu p\u00e1gina web, haci\u00e9ndote las tareas m\u00e1s f\u00e1ciles y ahorr\u00e1ndote tiempo, algunos ejemplos son, Elementor Page Builder, Beaver Builder, Divi Builder, etc.<\/li>\n<\/ul>\n<h2>Elementor Page Builder<\/h2>\n<p><a href=\"https:\/\/elementor.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-707\" src=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/Elementor-Logo.jpg\" alt=\"Elementor Logo\" width=\"400\" height=\"114\" srcset=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/Elementor-Logo.jpg 400w, https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/Elementor-Logo-300x86.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>En esta ocasi\u00f3n hablaremos de Elementor Page Builder. Es uno de los mejores plugin para construcci\u00f3n de p\u00e1ginas web responsivas profesionales, para utilizarlo solo necesitas tener los conocimientos b\u00e1sicos de p\u00e1ginas web como HTML, CSS, y sobre todo una idea de lo que es el dise\u00f1o responsivo. El mismo plugin te va guiando y ofreciendo herramientas o plantillas para facilitar el dise\u00f1o de tu p\u00e1gina web.<\/p>\n<p><a href=\"https:\/\/elementor.com\/\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-709\" src=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/elementor-page-builder-dise\u00f1o-responsivo.jpg\" alt=\"\" width=\"500\" height=\"423\" srcset=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/elementor-page-builder-dise\u00f1o-responsivo.jpg 500w, https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/elementor-page-builder-dise\u00f1o-responsivo-300x254.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>En ocasiones a pesar de tener una herramienta como Elementor que autom\u00e1ticamente a\u00f1ade las propiedades responsivas, como mover columnas, bajar el tama\u00f1o de la letra, acomodar im\u00e1genes y contenido dependiendo el tama\u00f1o del dispositivo. Sin embargo, al final las im\u00e1genes siguen siendo las mismas del dise\u00f1o de escritorio, de tal manera que seguir\u00e1n pesando igual en los otros dispositivos.<\/p>\n<p>Cuando entramos al mundo del dise\u00f1o responsivo en todas partes nos encontramos la frase que dice \u2018\u2019mobile-first\u2019\u2019 siempre hay que enfocarnos en la versi\u00f3n m\u00f3vil, texto y el contenido multimedia, mejorando la experiencia del usuario, obteniendo un dise\u00f1o llamativo sin descuidar lo que tardara la p\u00e1gina en cargar.<\/p>\n<h2>Bases del dise\u00f1o responsivo<\/h2>\n<p>Antes de comenzar tenemos que hablar sobre los <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Media_Queries\/Using_media_queries\" target=\"_blank\" rel=\"noopener\">Media queries<\/a>. Estos son los que nos permiten a\u00f1adir propiedades diferentes a partir de CSS dependiendo de la resoluci\u00f3n de la pantalla del dispositivo o el ancho de la ventana del navegador. Al ancho en pixeles de cada Media query se le conoce como Breakpoint, cada dispositivo tiene su ancho al que nos ajustaremos. Elementor por defecto tiene los siguientes breakpoints 1025px entre escritorio y trablet, 768px entre tablet y celulares. Un ejemplo ser\u00eda el tama\u00f1o del Titulo H1 en escritorio es de 60px esto funcionaria mientras el ancho de la pantalla sea mayor o igual a 1025px pero cuando sea menor el H1 ser\u00e1 40px vi\u00e9ndose mejor en una Tablet.<\/p>\n<p>Existen muchos breakpoints dependiendo de las marcas y modelos de los dispositivos. Para el uso de breakpoints estandarizados nos podemos basar en <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/layout\/overview\/\" target=\"_blank\" rel=\"noopener\">Bootstrap<\/a> Framework de Twitter donde sus Responsive breakpoints son 576px, 768px, 992px y 1200px.<\/p>\n<h2>Manejo de im\u00e1genes en Elementor<\/h2>\n<ol>\n<li>No dejes la imagen por defecto de las plantillas, estas im\u00e1genes por lo general vienen en calidad de escritorio o puedes optimizarlas.<\/li>\n<li>Optimizar las im\u00e1genes. Esto significa que no solo es ponerlas en un compresor de im\u00e1genes, sino que la optimices seg\u00fan el tama\u00f1o en el que aparecer\u00e1 en la pagina web. Por lo tanto, si es una imagen que aparecer\u00e1 en un div de 400px x 500px, al poner una imagen de mas de 500px x 600px la imagen no estar\u00eda optimizada.<\/li>\n<li>No dejes im\u00e1genes sin el atributo Alt, esto es para todas las p\u00e1ginas web.<\/li>\n<li>Crea im\u00e1genes para los diferentes breakpoints.<\/li>\n<li>Utiliza im\u00e1genes de preferencia en formato JPG, SVG o WebP aunque el formato WebP aun no est\u00e1 por defecto en WordPress.<\/li>\n<\/ol>\n<h2>\u00bfC\u00f3mo a\u00f1adir una imagen dependiendo el dispositivo en Elementor?<\/h2>\n<p>En Elementor la \u00fanica forma de a\u00f1adir una imagen para cada Breakpoint por defecto es utilizando las im\u00e1genes de fondo o la opci\u00f3n de superposici\u00f3n de fondo (Background Overlay) en los cuales puedes elegir una imagen de tama\u00f1o diferente para cada dispositivo.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-713\" src=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/fondo-responsivo-en-elementor.jpg\" alt=\"fondo responsivo en elementor\" width=\"305\" height=\"537\" srcset=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/fondo-responsivo-en-elementor.jpg 305w, https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/fondo-responsivo-en-elementor-170x300.jpg 170w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/p>\n<p>En caso de poner una imagen grande con el widget de Imagen, que en tablet y m\u00f3vil se ver\u00e1 m\u00e1s peque\u00f1a y aun con las opciones por defecto ser\u00e1 una imagen pesada. Hay dos maneras:<\/p>\n<ol>\n<li>La soluci\u00f3n mas optima es cambiando la imagen dependiendo el dispositivo con JS.<\/li>\n<li>Otra manera seria insertar 1 imagen para cada dispositivo y con la propiedad de responsivo quitar 2 y dejar 1.<\/li>\n<\/ol>\n<p>Aunque es muy rara la ocasi\u00f3n que se necesita esto, es m\u00e1s f\u00e1cil crear una inner section y a\u00f1adirle un fondo como el ejemplo anterior.<\/p>\n<p>Otro widget que no permite definir el tama\u00f1o de la imagen dependiendo del dispositivo, son los Carruseles y Slides por lo tanto si no tienes la posibilidad de modificarlo por un JS personalizado es mejor a\u00f1adir otra con im\u00e1genes para m\u00f3vil y ocultar la versi\u00f3n de escritorio.<\/p>\n<p>Contin\u00faa leyendo nuestro blog con publicaciones interesantes acerca de dise\u00f1o, desarrollo, tecnolog\u00eda y m\u00e1s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En WordPress hay diferentes opciones para hacer que tu p\u00e1gina web sea responsiva y se vea genial: Puedes hacerla con un tema definido y cambiando el contenido base por el que necesitas para tu p\u00e1gina web, aunque en ocasiones los temas gratis pueden tener virus que afecten tu p\u00e1gina web o tal vez el dise\u00f1o [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,36,22,5],"tags":[51,24],"class_list":["post-702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desing","category-seo","category-tendencias","category-tips","tag-diseno-web","tag-posicionamiento"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o Responsivo en Wordpress &#8212; Desarrollo de software<\/title>\n<meta name=\"description\" content=\"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o Responsivo\" \/>\n<meta property=\"og:description\" content=\"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\" \/>\n<meta property=\"og:site_name\" content=\"Desarrollo de software\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rosolutionsmx\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-11T21:26:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-11T21:40:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-web-responsivo-wordpress-y-elementor-facebook.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jesed Valenzuela\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Dise\u00f1o Responsivo\" \/>\n<meta name=\"twitter:description\" content=\"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-web-responsivo-wordpress-y-elementor-twitter.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@ROSolutionsmx\" \/>\n<meta name=\"twitter:site\" content=\"@ROSolutionsmx\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jesed Valenzuela\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\"},\"author\":{\"name\":\"Jesed Valenzuela\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/person\/f7cf669317c988880d3612ac35561f95\"},\"headline\":\"Dise\u00f1o Responsivo en WordPress\",\"datePublished\":\"2019-03-11T21:26:10+00:00\",\"dateModified\":\"2019-03-11T21:40:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\"},\"wordCount\":871,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg\",\"keywords\":[\"Dise\u00f1o Web\",\"Posicionamiento\"],\"articleSection\":[\"Dise\u00f1o\",\"Posicionamiento SEO\",\"Tendencias\",\"Tips\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\",\"url\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\",\"name\":\"Dise\u00f1o Responsivo en Wordpress &#8212; Desarrollo de software\",\"isPartOf\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg\",\"datePublished\":\"2019-03-11T21:26:10+00:00\",\"dateModified\":\"2019-03-11T21:40:23+00:00\",\"description\":\"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.\",\"breadcrumb\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage\",\"url\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg\",\"contentUrl\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg\",\"width\":740,\"height\":414,\"caption\":\"dise\u00f1o responsivo en wordpress con elementor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/rosolutions.com.mx\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Responsivo en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#website\",\"url\":\"https:\/\/rosolutions.com.mx\/blog\/\",\"name\":\"Desarrollo de software\",\"description\":\"Blog de RO Solutions\",\"publisher\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rosolutions.com.mx\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#organization\",\"name\":\"RO Solutions\",\"url\":\"https:\/\/rosolutions.com.mx\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2018\/03\/icono-01-2.png\",\"contentUrl\":\"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2018\/03\/icono-01-2.png\",\"width\":350,\"height\":346,\"caption\":\"RO Solutions\"},\"image\":{\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/rosolutionsmx\/\",\"https:\/\/x.com\/ROSolutionsmx\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/person\/f7cf669317c988880d3612ac35561f95\",\"name\":\"Jesed Valenzuela\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g\",\"caption\":\"Jesed Valenzuela\"},\"sameAs\":[\"http:\/\/rosolutions.com.mx\"],\"url\":\"https:\/\/rosolutions.com.mx\/blog\/author\/jesed-valenzuela\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o Responsivo en Wordpress &#8212; Desarrollo de software","description":"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.","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:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/","og_locale":"es_MX","og_type":"article","og_title":"Dise\u00f1o Responsivo","og_description":"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.","og_url":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/","og_site_name":"Desarrollo de software","article_publisher":"https:\/\/www.facebook.com\/rosolutionsmx\/","article_published_time":"2019-03-11T21:26:10+00:00","article_modified_time":"2019-03-11T21:40:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-web-responsivo-wordpress-y-elementor-facebook.jpg","type":"image\/jpeg"}],"author":"Jesed Valenzuela","twitter_card":"summary_large_image","twitter_title":"Dise\u00f1o Responsivo","twitter_description":"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.","twitter_image":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-web-responsivo-wordpress-y-elementor-twitter.jpg","twitter_creator":"@ROSolutionsmx","twitter_site":"@ROSolutionsmx","twitter_misc":{"Escrito por":"Jesed Valenzuela","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#article","isPartOf":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/"},"author":{"name":"Jesed Valenzuela","@id":"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/person\/f7cf669317c988880d3612ac35561f95"},"headline":"Dise\u00f1o Responsivo en WordPress","datePublished":"2019-03-11T21:26:10+00:00","dateModified":"2019-03-11T21:40:23+00:00","mainEntityOfPage":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/"},"wordCount":871,"commentCount":0,"publisher":{"@id":"https:\/\/rosolutions.com.mx\/blog\/#organization"},"image":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg","keywords":["Dise\u00f1o Web","Posicionamiento"],"articleSection":["Dise\u00f1o","Posicionamiento SEO","Tendencias","Tips"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/","url":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/","name":"Dise\u00f1o Responsivo en Wordpress &#8212; Desarrollo de software","isPartOf":{"@id":"https:\/\/rosolutions.com.mx\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage"},"image":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg","datePublished":"2019-03-11T21:26:10+00:00","dateModified":"2019-03-11T21:40:23+00:00","description":"Expertos en Desarrollo de Software, Aplicaci\u00f3nes M\u00f3viles, Sistemas Web, SEO, Marketing y Dise\u00f1o Web Responsivo.","breadcrumb":{"@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#primaryimage","url":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg","contentUrl":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2019\/03\/dise\u00f1o-responsivo-en-wordpress-con-elementor.jpg","width":740,"height":414,"caption":"dise\u00f1o responsivo en wordpress con elementor"},{"@type":"BreadcrumbList","@id":"https:\/\/rosolutions.com.mx\/blog\/wordpress-responsivo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/rosolutions.com.mx\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Responsivo en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/rosolutions.com.mx\/blog\/#website","url":"https:\/\/rosolutions.com.mx\/blog\/","name":"Desarrollo de software","description":"Blog de RO Solutions","publisher":{"@id":"https:\/\/rosolutions.com.mx\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rosolutions.com.mx\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/rosolutions.com.mx\/blog\/#organization","name":"RO Solutions","url":"https:\/\/rosolutions.com.mx\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2018\/03\/icono-01-2.png","contentUrl":"https:\/\/rosolutions.com.mx\/blog\/wp-content\/uploads\/2018\/03\/icono-01-2.png","width":350,"height":346,"caption":"RO Solutions"},"image":{"@id":"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rosolutionsmx\/","https:\/\/x.com\/ROSolutionsmx"]},{"@type":"Person","@id":"https:\/\/rosolutions.com.mx\/blog\/#\/schema\/person\/f7cf669317c988880d3612ac35561f95","name":"Jesed Valenzuela","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/83d2fefde4d29b6342d47dc2736b9e9c0623dabc36b24259a24c76694f15c145?s=96&d=mm&r=g","caption":"Jesed Valenzuela"},"sameAs":["http:\/\/rosolutions.com.mx"],"url":"https:\/\/rosolutions.com.mx\/blog\/author\/jesed-valenzuela\/"}]}},"_links":{"self":[{"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/posts\/702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":9,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":718,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions\/718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/media\/703"}],"wp:attachment":[{"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rosolutions.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}