Share
El uso de un diseño de sitio web sensible ya no es una opción al crear sitios web. En términos sencillos, un diseño de sitio web responsivo hace que su sitio se vea bien sin importar qué dispositivo estén usando sus visitantes para ver e interactuar con el contenido..
Teniendo en cuenta que más del 80% de las personas posee un teléfono inteligente, asegurarse de que su sitio web responda es una necesidad. Según las estadísticas de marketing móvil de 2016, el 57% de los usuarios dice que no recomendará un negocio con un sitio móvil mal diseñado y el 88% de los consumidores que buscan un tipo de negocio local en un dispositivo móvil terminan llamando o acudiendo a ese negocio dentro de 24 horas.
Cuando toma en cuenta lo anterior, es fácil comprender por qué el contenido de su sitio web debe ser accesible a través de una variedad de dispositivos. Afortunadamente, hacer que su sitio web de WordPress sea receptivo es fácil gracias a una gran cantidad de temas receptivos.
En este tutorial, le mostraremos cómo elegir un tema de WordPress sensible, cómo usar un tema de respuesta para su sitio, y le proporcionaremos recursos para aprender más sobre el diseño sensible y cómo crear su propio tema de WordPress..
Cuando se propone encontrar un tema sensible para su sitio, hay algunas cosas que debe tener en cuenta. Dependiendo de su industria, es importante elegir un tema que no solo tenga un diseño atractivo, sino también las características necesarias que ayuden a sus visitantes a aprender más sobre su negocio y pasar de prospectos a clientes que pagan.
Aquí hay algunas cosas clave que debe buscar cuando compre un tema de WordPress sensible para su sitio..
Cuando se trata de características, querrá buscar un tema que tenga características que estén en línea con su industria. Por ejemplo, si eres una agencia creativa o un diseñador, querrás un tema que tenga la capacidad de mostrar tu portafolio así como testimonios de clientes anteriores..
Si vende productos, busque un tema que se integre bien con un complemento de comercio electrónico o que le permita mostrar tablas de precios. Del mismo modo, si confía en la capacidad de reservar clientes desde su sitio, busque un tema que tenga un formulario de reserva incorporado.
Afortunadamente, hay muchos temas de WordPress específicos de la industria que tienen todas las características necesarias y son receptivos.
Querrá buscar un tema que tenga opciones de personalización flexibles. En la mayoría de los casos, su tema viene con un panel de configuración de tema que le permite personalizar colores, fuentes, cargar su logotipo y mucho más. Si le gusta experimentar con diferentes diseños, elija un tema que se integre con un creador de páginas o tenga una forma alternativa de configurar diferentes diseños para sus páginas..
Por último, busque un tema que tenga un diseño atractivo similar a cómo desea que se vea su sitio web. Esto elimina el tiempo que necesita para modificar o crear el diseño de sus páginas desde cero y le será más fácil personalizarlo..
Una vez que haya encontrado un tema de WordPress sensible que le guste, todo lo que tiene que hacer es comprarlo y descargar el archivo comprimido en su computadora. Descubre temas de WordPress sensibles en ThemeForest o Envato Elements:
Ahora que tiene su tema, es hora de comenzar a construir su sitio web receptivo. Tendrá que comprar un nombre de dominio y un plan de alojamiento donde instalará WordPress y su tema preferido.
También es una buena idea preparar el contenido que irá a su sitio para que pueda simplemente copiar y pegar el contenido cuando sea el momento de subirlo, en lugar de dedicar tiempo a buscarlo..
El primer paso es comprar un nombre de dominio para su sitio web. Permitirá a sus visitantes y clientes encontrar su sitio web en la web. Por lo tanto, es importante elegir un nombre que represente a su empresa o marca. Siempre que sea posible, intente asociar su nombre de dominio con una extensión .COM. Puede optar por nombrar su sitio web igual que el nombre de su empresa o puede elegir su propio nombre si está creando una cartera personal, un blog o un sitio web de currículum..
Una vez que haya decidido su nombre de dominio, debe elegir un plan de alojamiento para que las personas puedan acceder a su sitio. Hay muchas opciones cuando se trata de hospedaje, desde planes compartidos económicos hasta planes de hospedaje de WordPress más costosos y administrados..
Si no está seguro de por dónde empezar, considere Envato Hosted. Envato Hosted ofrece hospedaje de WordPress administrado de alta calidad, pero el beneficio real es que pueden instalar y configurar WordPress junto con el tema elegido y cuidar los detalles técnicos de la configuración de su sitio..
El plan de Envato Hosted también incluye:
Finalmente, tómese un tiempo para preparar todo el contenido que se incluirá en su sitio web. Esto generalmente incluye imágenes, copias que irán a sus páginas más importantes, como la Acerca de, Servicios o Trabaja con nosotros páginas Si tiene varios departamentos, considere incluir biografías y capturas de pantalla de las personas que administran cada departamento para que sus visitantes sepan a quién contactar..
Preparar su contenido por adelantado le permite simplemente copiarlo y pegarlo en lugar del contenido de demostración disponible con la mayoría de los temas modernos..
Ahora que tiene todo en su lugar, es hora de crear su sitio. Lo primero que debes hacer es instalar WordPress. Luego, puede instalar su tema, los complementos necesarios y continuar con la configuración y personalización del tema..
Para los fines de este tutorial, usaremos el tema WordPress sensible a Oshine. El tema Oshine presenta un diseño moderno y sensible y se puede usar para una variedad de nichos. Incluye más de 30 demostraciones que pueden importarse con un solo clic y usarse para configurar su sitio web rápidamente.
Tema brillanteComo se mencionó anteriormente, el primer paso es instalar WordPress. Su empresa de alojamiento le enviará un correo electrónico de bienvenida que contiene el enlace al panel de control de su cuenta de alojamiento o al panel de control junto con su nombre de usuario y contraseña. Haga clic en el enlace e ingrese la información proporcionada.
Una vez que hayas iniciado sesión, podrás buscar una sección etiquetada Instalar WordPress, Instaladores de un clic, Instaladores Softaculous, o algo similar. Encuentra el WordPress icono, haga clic en él, y siga las instrucciones.
En la mayoría de los casos, será recibido con una pantalla que le pedirá que ingrese el nombre y la descripción de su sitio, su nombre de usuario y contraseña deseados, así como su correo electrónico. Rellene los campos con su información y luego presione el Instalar botón.
Después de unos minutos, se instalará WordPress, lo que significa que ahora puede iniciar sesión en su panel de control de WordPress. Simplemente visitar www.yoursitename.com/wp-admin (Reemplace el nombre de archivo yoursitename.com con su nombre de dominio real) e ingrese el nombre de usuario y la contraseña que creó durante la instalación.
En su panel de WordPress, vaya a Apariencia> Temas> Añadir nuevo. Luego, haga clic en Subir tema.
Instalar el tema Oshine.Encuentre la carpeta zip descargada que contiene los archivos del tema y cárguela. Una vez realizada la instalación, haga clic en Activar.
Después de activar el tema, notará una notificación en el panel con el mensaje de que se requieren ciertos complementos para que el tema tenga toda su funcionalidad. Haga clic en el Comenzar a instalar complementos Enlace a ser llevado directamente a la pantalla de instalación..
Instalando los complementos requeridos.Seleccione todos los complementos y haga clic en Instalar. Después de eso, ve a Complementos> Todos los complementos> Inactivos y seleccione todos los complementos inactivos luego elija el Activar Opción del menú desplegable..
La siguiente parte de la configuración de su sitio web consiste en importar contenido de demostración, reemplazarlo por el suyo propio y modificar la configuración del tema para incluir sus fuentes, colores, logotipo y más.
La forma más rápida de configurar su sitio es instalar el contenido de demostración. Esto hará que su tema se vea como la demostración elegida, con todas las páginas creadas y configuradas para que todo lo que tenga que hacer sea reemplazar el contenido..
Para comenzar, vaya al tema WordPress sensible de Oshine y navegue hasta el Importar lengüeta. Seleccione la versión de demostración preferida y elija qué contenidos desea instalar. En nuestro caso, he seleccionado todo el contenido y he hecho clic en Instalar botón. Espere a que se complete el proceso y su sitio estará listo para la personalización. Revíselo para asegurarse de que el proceso de importación fue exitoso.
Importando contenido demo en Oshine.Vamos a proceder con la sustitución del contenido demo. En su panel de WordPress, vaya a Páginas y haga clic en el Editar en la página con la que desea trabajar. En este ejemplo, estaremos editando la página de inicio..
El tema de WordPress sensible a Oshine utiliza el creador de páginas de Tatsu para crear el diseño de todas las páginas de su sitio, lo que facilita su edición. Simplemente haga clic en el Editar Con Tatsu y podrá modificar el diseño, agregar módulos adicionales y más.
Editor de TatsuPara editar elementos en su página, simplemente haga clic en la parte de la página que desea editar, ingrese su propio texto y ajuste la configuración a su gusto. También puede agregar elementos adicionales como cuadros de texto, botones, íconos, videos, imágenes y más.
Agregando módulos al tema responsivo de WordPress.Una vez que haya terminado de reemplazar el contenido con el suyo, es hora de diseñar la apariencia visual de su sitio. Ir Opciones de Oshine para comenzar a personalizar tu sitio. Notarás que hay bastantes opciones aquí..
Puede cargar su propio logotipo e imagen de fondo, personalizar las fuentes utilizadas en su sitio, controlar los estilos móviles, configurar la información que se muestra en el pie de página y en el encabezado, y más. También puede personalizar la configuración predeterminada para los estilos globales, insertar su información de contacto, así como los scripts de seguimiento, como el código de Google Analytics, y optimizar el rendimiento de su sitio minimizando las hojas de estilo y los scripts..
El uso de un tema de WordPress previamente preparado es una excelente manera de ahorrar tiempo y garantizar que su sitio sea receptivo. Sin embargo, puede llevar su sitio al siguiente nivel creando su propio tema de WordPress desde cero..
Si bien esto puede parecer desalentador, le brinda el control definitivo sobre el diseño y las características de su sitio. Si tiene curiosidad sobre cómo crear su propio tema de respuesta o si desea obtener más información sobre el diseño de sitios web de respuesta, aquí hay algunos tutoriales para ayudarlo a comenzar..
Este curso lo guía a través de los conceptos básicos del diseño responsivo, explica el enfoque móvil y los diferentes diseños utilizados en el diseño web sensible, además de abordar temas más avanzados, como asegurarse de que sus imágenes respondan y utilizar consultas de medios para controlar el diseño de su sitio web para una variedad de dispositivos.
Este tutorial paso a paso lo guía a través del proceso de usar un tema de inicio y convertirlo en uno sensible, teniendo en cuenta el enfoque móvil. Aprenderá cómo agregar estilos para dispositivos móviles y la transición al estilo de su tema para dispositivos de escritorio.
En esta publicación, descubrirá siete complementos útiles de WordPress que optimizarán su sitio para dispositivos móviles; desde asegurarse de que sus imágenes y widgets respondan a cubrir complementos específicos hasta asegurarse de que su sitio se vea bien en dispositivos móviles, incluso si su tema aún no responde.
Crear un sitio web sensible puede parecer desalentador, pero los temas de WordPress sensibles hacen que la tarea sea mucho más fácil, incluso para principiantes completos. Utilice nuestro tutorial anterior como punto de referencia y explore recursos adicionales sobre diseño web sensible. Y si necesita un tema de WordPress sensible, consulte nuestra colección de temas de WordPress de alta calidad y respuesta para cualquier industria.
Guardar guardar
Accentsconagua