Conocimiento Para Potenciar Tu Sitio Web

Cómo diseñar un sitio web sin saber codificar

Cómo diseñar un sitio web sin saber codificar thumbnail

Como propietario de una pequeña empresa, no se puede exagerar la importancia de tener un sitio web. Sin embargo, cuando recién comienzas, es posible que no tengas los fondos para contratar a un diseñador web. Entonces la tarea recae en ti o en tu equipo.

La buena noticia es que puedes crear un sitio web tu mismo sin complicarte con ningún detalle técnico. Usando Creador de Sitios WP, el conjunto de herramientas y plugins premium de DreamHost, puedes configurar rápidamente un sitio web profesional y fácilmente personalizable — ¡sin necesidad de conocimientos de codificación!

En esta publicación, te guiaremos a través de la configuración de un plan de Alojamiento Básico con WordPress y el Creador de Sitios WP preinstalado, que puedes usar para crear un sitio web receptivo desde cero. ¡Pongámonos a trabajar!

Tenemos la herramienta de diseño web completa

¡Cuando te asocias con DreamHost, tienes acceso al Creador de Sitios WP con más de 200 sitios para principiantes sin costo!

Una introducción al Creador de Sitios WP

Diseñar un sitio web único y totalmente funcional desde cero puede ser un desafío. Seguir la ruta tradicional requiere que aprendas, al menos, lenguajes de diseño web como HTML y CSS. También debes considerar la capacidad de respuesta en diferentes dispositivos, compatibilidad entre navegadores, y accesibilidad para diferentes tipos de usuarios.

¡Llega el Creador de Sitios WP!

Creado por nuestros amigos de BoldGrid, el Creador de Sitios WP es una herramienta de arrastrar y soltar para crear sitios web con un mínimo esfuerzo. Obtendrás acceso a una gran selección de temas profesionales de sitios web, lo que simplificará la creación de un sitio de aspecto único y publicará tu contenido rápidamente. Y aunque no necesitas ninguna habilidad de codificación para usar el Creador de Sitios WP, podrás ampliar la funcionalidad de tu sitio con el tiempo porque está construido con WordPress, el sistema de administración de contenido (CMS) más popular del mundo.

Lo mejor de todo es que, como usuario de DreamHost, ¡obtienes acceso al Creador de Sitios WP de forma gratuita! Todo lo que necesitas es uno de nuestros planes Shared o DreamPress.

Cómo diseñar un sitio web sin saber codificar (en 6 pasos)

Entonces, ¿cómo puedes empezar tu nuevo sitio? Los siguientes 6 pasos te llevarán desde la compra de un plan de alojamiento, hasta la construcción de un sitio web.

Paso 1: Crea una cuenta de DreamHost

Los planes de Shared Hosting son baratos y perfectos para hacer despegar tu pequeña empresa. Obtienes una interfaz amigable con el usuario, con un instalador de 1 clic sin estrés y la flexibilidad de construir cualquier tipo de sitio web: ya sea una tienda de e-commerce, un sitio web de un negocio, o un blog.

Para nuevos dueños de sitio web, sugerimos empezar con un plan Shared Starter o Shared Unlimited. En la página de pago, marca las casillas de verificación que se muestran a continuación, ya sea en la sección ‘Opciones adicionales’ o en el menú de la derecha, para preinstalar WordPress e incluir el Creador de Sitios WP. 

Si ya tienes una cuenta, puedes acceder a tu panel de control de DreamHost para añadir el Creador de Sitios WP a una instalación WordPress existente.

Paso 2: Accede a tu sitio web y elige un tema

En este punto, querrás iniciar sesión en tu nuevo sitio WordPress. Se te presentará el asistente de Inspirations de BoldGrid, que te guiará a través de gran parte del proceso de configuración. Haz clic en el botón Let’s Get Started para comenzar.

Seguido, querrás seleccionar un tema para tu sitio web. Esto proveerá un punto de inicio y te ayudará a determinar la apariencia de tu contenido y diseño.

 

Desplázate sobre cualquier tema para verlo más de cerca, y haz clic en el botón Select para aplicarlo a tu sitio. Seleccionaremos el tema Cobalt. Ten en cuenta que siempre puedes cambiar tu tema luego, y también, podrás personalizar muchos de sus estilos y elementos.

Paso 3: Selecciona la estructura de tu contenido

Una vez hayas seleccionado un tema, lo siguiente que debes hacer es seleccionar una estructura de contenido. Haz clic en el botón Change Content para comenzar.

Te dan tres opciones en Pageset: Base, Five Page, y Kitchen Sink. También puedes escoger si tu sitio tendrá un blog.

La pantalla Content también te permite ver cómo responderá tu sitio en diferentes tamaños de pantalla. De esa manera, sabrás cómo se verá para usuarios en dispositivos móviles y de escritorio.

Paso 4: Ingresa información esencial de tu página

La siguiente pantalla te permite añadir información que será usada para generar aspectos clave de tu sitio, como tu formación de contacto y detalles de tus cuentas. También, puedes dejar esta página como está y editar estos detalles más tarde. 

Una vez hayas finalizado aquí, selecciona el botón Finish and Install para completar la instalación.

Paso 5: Diseña tus páginas y entradas con el constructor de arrastrar y soltar

Una vez la instalación esté completa, se te presentará tu panel de WordPress. El siguiente paso es empezar a personalizar tu sitio web añadiendo nuevas páginas y entradas (si tu sitio incluye un blog).

Empezaremos añadiendo una página llamada Documentation e incluiremos algo de contenido en la página usando blocks.

La siguiente pantalla está dividida en dos secciones. El lado derecho de la página te da una selección de blocks, y la izquierda te muestra una vista anticipada de cómo se verá tu página una vez esté en vivo.

Desplázate sobre un block apropiado y haz clic en el botón + Add to Page.

Así es como nuestra página se ve una vez que algunos blocks han sido agregados.

Una vez estés satisfecho con un block, selecciona el icono de marca de verificación para aceptarlo. 

Paso 6: Personaliza tus blocks y publica tu contenido

Después de añadir un block, serás llevado a la página principal de edición. Aquí es donde puedes editar los blocks que añadiste o incluir un contenido enteramente nuevo. 

Cuando acabes de editar, previsualiza tu página para asegurarte de que estás satisfecho con cómo se ve, y luego selecciona el botón Publish para ponerla en vivo.

Si decidiste incluir un blog en tu sitio web anteriormente, puedes crear entradas así de simple. Haz clic en el enlace Añadir nueva que aparece cuando te desplazas sobre el menú de entradas de blog.

Puedes crear tu entrada en exactamente la misma manera en la que tu página fue diseñada.   Haciendo clic en el botón + abrirá un menú con diferentes tipos de opciones de block. Una vez que hayas creado tu entrada, previsualízala y publícala, o guárdala como un borrador para continuar editando más tarde.

Diseño Web Simplificado

¡Desde instalar un tema de WordPress, escoger una plantilla para tu sitio web o contratar un desarrollador web, podemos ayudarte! Suscríbete a nuestro boletín mensual para que no pierdas información de ayuda.

Puedes ser un diseñador web

Construir la página de tu negocio desde cero debería ser fácil y rápido. Afortunadamente, la interfaz intuitiva de arrastrar y soltar del Creador de Sitios WP y sus docenas de temas profesionales de WordPress lo hacen una opción práctica para dueños de nuevos sitios web.

¿Listo para construir tu propio sitio web? ¡Comienza y ten tu sitio WordPress funcionando en poco tiempo al suscribirte en uno de nuestros planes de Shared Hosting y constructor de sitios WP!

Avatar

Sobre el Autor: