Estás aquí, así que debes estar preguntándote por qué tu sitio tiene un aspecto diferente en un portátil que en un ordenador de sobremesa o incluso en un dispositivo móvil. Probablemente estés un poco asustado con este descubrimiento. Pues bien, no deberías 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ño de la fuente varía de un PC de sobremesa a un portátil. En este caso, el problema puede ser tan simple como el tipo de fuente. Para solucionar este problema, debes cambiar a una fuente estándar, como Kite One. Haz clic en la función Personalizador para acceder a una lista de fuentes de Google. Haz clic en una de las fuentes estándar para activarla en tu sitio web WordPress.
Por qué el diseño de tu sitio WordPress se ve diferente en distintos ordenadores y dispositivos
Es habitual que los diseños de los sitios de WordPress parezcan diferentes en varias plataformas. Sin embargo, el diseño básico, los colores y la disposición deben seguir siendo los mismos. Si utilizas un tema responsive, el diseño 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ás pequeña. Si les mostraras tu diseño habitual, sería demasiado grande, por lo que tendrían que desplazarse a derecha e izquierda numerosas veces para leer tu contenido. Esto sería frustrante y el visitante probablemente se marcharía. Para evitar que esto ocurra, los temas de WordPress responsivos ajustarán el diseño y la disposición del sitio al dispositivo del usuario. En el caso de los ordenadores de sobremesa, podrán ver el diseño completo siempre que la ventana del navegador esté maximizada. Si está minimizada, es posible que vean una versión del mismo sitio para ordenador portátil o smartphone. En la mayoría de los casos, no hay nada malo en tu página de WordPress. En su lugar, estás utilizando un tema responsive para que tu sitio pueda verse fácilmente en cualquier dispositivo.
¿Cómo puedo hacer que mi sitio web tenga el mismo aspecto en todos los portátiles y ordenadores? ¿O es posible?
Es una buena idea tener un diseño de página uniforme. Sería extraño que tu página tuviera un aspecto muy diferente para los usuarios de portátiles 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ágina web tendrá que ajustarse al tamaño de la pantalla del dispositivo. Si el visitante utiliza un smartphone, tu página tendrá que cambiar drásticamente. No puedes tener un bloque de texto en el centro junto a anuncios y un cuadro de búsqueda a la derecha. La pantalla es demasiado pequeña para eso. Afortunadamente, puedes remediar este problema colocando el cuadro de búsqueda encima o debajo del contenido principal de la página. Puede que no consigas el aspecto exacto, pero se acercará. Para ello, tendrás que utilizar un tema de WordPress adaptable o CSS. Con CSS, puedes crear cómodamente varios estilos en función del tamaño de la pantalla del dispositivo del usuario. Si están utilizando un dispositivo pequeño, como una tableta, tu página web se encogerá para adaptarse a él. Como se ha mencionado anteriormente, la barra de búsqueda y los anuncios se colocarán encima o debajo del contenido. Todo lo demás permanecerá igual. Esto incluye el aspecto general de la página. Mediante el uso de CSS, el webmaster puede ajustar varios aspectos de la página web para adaptarla al tamaño de la pantalla del usuario. Por ejemplo, puede cambiar el diseño, el tamaño de la fuente, la anchura, la ubicación de los anuncios y mucho más. Aunque no puedas conseguir exactamente la misma apariencia para ordenadores portátiles y de sobremesa, puedes acercarte mucho. Cuando alguien visite tu sitio, el código CSS analizará el tamaño de la pantalla del usuario y ajustará el código en consecuencia. Esto significa que un usuario de escritorio verá la versión de escritorio o de pantalla completa de tu sitio. Si el portátil tiene una pantalla más pequeña, el sitio se mostrará en una versión reducida. Para las tabletas y los teléfonos inteligentes, los elementos de la página se reorganizarán y compactarán.
¿Puedes cambiar la página para ajustarla a la pantalla? Si es así, ¿cómo en Mac y PC?
¿Tu página de WordPress no se adapta a la pantalla de tu ordenador? Esto puede ser muy frustrante y querrás remediar este problema inmediatamente. Tanto si utilizas un Mac como un PC, es muy probable que la página se vea diferente en los portátiles que en los ordenadores de sobremesa. Es más, puede que incluso notes que tu página se ve diferente en un Mac que en un ordenador con Windows. Esto se debe al cortafuegos y al sistema operativo. Los ordenadores portátiles Mac son conocidos por su fiabilidad debido a lo difícil que es descifrar su sistema operativo. Pero debido a esto, a veces muestran el código de forma ligeramente diferente o no son capaces de mostrar todos los elementos de página que puede mostrar un sitio concreto. Como webmaster, podrás cambiar esto fácilmente. Si no eres un experto en tecnología, deberías plantearte utilizar un tema responsive. Un tema responsivo hará que la página se ajuste en función del dispositivo que utilice el visitante. Además, podrás ajustar la anchura del diseño personalizando la configuración del tema. Para ello, debes comprobar las opciones de tu tema actual. Si eres bueno con el código, puedes ajustar el diseño utilizando una hoja de estilo. Podrás crear estilos personalizados para diferentes dispositivos y tamaños de pantalla. Esto te permite crear varios estilos para varios dispositivos. Por ejemplo, puedes crear ciertos ajustes CSS para pantallas de navegador de 800px o menos. A partir de ahí, puedes ajustar el ancho de la página para que se adapte a la pantalla del usuario. Utilizar los ajustes CSS de esta forma es bueno para garantizar que tu sitio web tendrá el mismo aspecto en teléfonos inteligentes, tabletas, ordenadores portátiles y ordenadores de sobremesa. De nuevo, aquellos que no sean buenos con HTML y CSS deberían utilizar un tema responsivo. Esto significa que el tema se ajustará al dispositivo del usuario.
Cómo crear un tema responsivo
Los usuarios de WordPress tienen suerte porque este software es compatible con varios temas y plugins. Antes de que puedas crear un tema responsive, necesitas aprender más sobre temas de WordPress y CSS. Utilizar CSS es la mejor forma de ajustar el diseño, los colores y el tamaño de tu sitio. Puedes utilizar CSS para diseñar tu sitio web, cambiar el tipo de fuente, ajustar el tamaño de la fuente y mucho más. Una vez que hayas aprendido más sobre él, podrás utilizar CSS para crear estilos personalizados para diferentes tamaños de pantalla. No te asustes si tu sitio tiene un aspecto diferente en los navegadores de portátiles y en los de ordenadores de sobremesa. Esto es bueno porque significa que tu sitio funciona con fluidez para tus visitantes, independientemente del dispositivo o navegador que utilicen.
