Est\u00e1s aqu\u00ed, as\u00ed que debes estar pregunt\u00e1ndote por qu\u00e9 tu sitio tiene un aspecto diferente en un port\u00e1til que en un ordenador de sobremesa o incluso en un dispositivo m\u00f3vil. Probablemente est\u00e9s un poco asustado con este descubrimiento. Pues bien, no deber\u00edas estarlo, ya que no es para tanto. Para remediar el problema, debes conocer la causa subyacente. Hay varios factores que pueden provocar que esto ocurra. Por ejemplo, el tama\u00f1o de la fuente var\u00eda de un PC de sobremesa a un port\u00e1til. En este caso, el problema puede ser tan simple como el tipo de fuente. Para solucionar este problema, debes cambiar a una fuente est\u00e1ndar, como Kite One. Haz clic en la funci\u00f3n Personalizador para acceder a una lista de fuentes de Google. Haz clic en una de las fuentes est\u00e1ndar para activarla en tu sitio web WordPress.<\/p>\n
Es habitual que los dise\u00f1os de los sitios de WordPress parezcan diferentes en varias plataformas. Sin embargo, el dise\u00f1o b\u00e1sico, los colores y la disposici\u00f3n deben seguir siendo los mismos. Si utilizas un tema responsive, el dise\u00f1o de tu sitio debe cambiar para adaptarse al dispositivo del usuario. Cuando alguien visita tu sitio en un smartphone o una tableta, su pantalla es mucho m\u00e1s peque\u00f1a. Si les mostraras tu dise\u00f1o habitual, ser\u00eda demasiado grande, por lo que tendr\u00edan que desplazarse a derecha e izquierda numerosas veces para leer tu contenido. Esto ser\u00eda frustrante y el visitante probablemente se marchar\u00eda. Para evitar que esto ocurra, los temas de WordPress responsivos ajustar\u00e1n el dise\u00f1o y la disposici\u00f3n del sitio al dispositivo del usuario. En el caso de los ordenadores de sobremesa, podr\u00e1n ver el dise\u00f1o completo siempre que la ventana del navegador est\u00e9 maximizada. Si est\u00e1 minimizada, es posible que vean una versi\u00f3n del mismo sitio para ordenador port\u00e1til o smartphone. En la mayor\u00eda de los casos, no hay nada malo en tu p\u00e1gina de WordPress. En su lugar, est\u00e1s utilizando un tema responsive para que tu sitio pueda verse f\u00e1cilmente en cualquier dispositivo. <\/p>\n
Es una buena idea tener un dise\u00f1o de p\u00e1gina uniforme. Ser\u00eda extra\u00f1o que tu p\u00e1gina tuviera un aspecto muy diferente para los usuarios de port\u00e1tiles que para los de ordenadores de sobremesa. Sin embargo, tienes que entender que puede que no sea posible conseguir exactamente la misma apariencia. La p\u00e1gina web tendr\u00e1 que ajustarse al tama\u00f1o de la pantalla del dispositivo. Si el visitante utiliza un smartphone, tu p\u00e1gina tendr\u00e1 que cambiar dr\u00e1sticamente. No puedes tener un bloque de texto en el centro junto a anuncios y un cuadro de b\u00fasqueda a la derecha. La pantalla es demasiado peque\u00f1a para eso. Afortunadamente, puedes remediar este problema colocando el cuadro de b\u00fasqueda encima o debajo del contenido principal de la p\u00e1gina. Puede que no consigas el aspecto exacto, pero se acercar\u00e1. Para ello, tendr\u00e1s que utilizar un tema de WordPress adaptable o CSS. Con CSS, puedes crear c\u00f3modamente varios estilos en funci\u00f3n del tama\u00f1o de la pantalla del dispositivo del usuario. Si est\u00e1n utilizando un dispositivo peque\u00f1o, como una tableta, tu p\u00e1gina web se encoger\u00e1 para adaptarse a \u00e9l. Como se ha mencionado anteriormente, la barra de b\u00fasqueda y los anuncios se colocar\u00e1n encima o debajo del contenido. Todo lo dem\u00e1s permanecer\u00e1 igual. Esto incluye el aspecto general de la p\u00e1gina. Mediante el uso de CSS, el webmaster puede ajustar varios aspectos de la p\u00e1gina web para adaptarla al tama\u00f1o de la pantalla del usuario. Por ejemplo, puede cambiar el dise\u00f1o, el tama\u00f1o de la fuente, la anchura, la ubicaci\u00f3n de los anuncios y mucho m\u00e1s. Aunque no puedas conseguir exactamente la misma apariencia para ordenadores port\u00e1tiles y de sobremesa, puedes acercarte mucho. Cuando alguien visite tu sitio, el c\u00f3digo CSS analizar\u00e1 el tama\u00f1o de la pantalla del usuario y ajustar\u00e1 el c\u00f3digo en consecuencia. Esto significa que un usuario de escritorio ver\u00e1 la versi\u00f3n de escritorio o de pantalla completa de tu sitio. Si el port\u00e1til tiene una pantalla m\u00e1s peque\u00f1a, el sitio se mostrar\u00e1 en una versi\u00f3n reducida. Para las tabletas y los tel\u00e9fonos inteligentes, los elementos de la p\u00e1gina se reorganizar\u00e1n y compactar\u00e1n. <\/p>\n