Cómo crear un sitio web profesional con WordPress (para principiantes)

01.06.2020
Tutoriales y Guías 'Cómo crear un sitio web profesional con WordPress (para principiantes)
0 9 мин.

crear sitio web profesional para principiantes de wordpress amigable


Aunque WordPress es muy fácil de usar y crear un sitio web, muchas personas aún tienen dificultades para crear un sitio web profesional. En este tutorial, te enseñaré cómo crear un sitio web profesional para tu negocio usando WordPress. El concepto de esta guía es brindarle consejos que lo ayudarán a construir un excelente sitio web que convierta a los visitantes en clientes..

Creador de sitios web basado en WordPress

Perfecto para principiantes! Cree sitios web listos para usar, profesionales y de alta calidad con WordPress y BoldGrid.

¡Empezar ahora! »»

Si desea aprender los conceptos básicos de cómo configurar WordPress o desea saber cómo iniciar un blog en minutos, consulte los tutoriales vinculados.

Este tutorial no involucra habilidades de programación o diseño web. Es perfecto para principiantes que están comenzando con WordPress. Todo está ilustrado con capturas de pantalla..

Principiante amigable! ¡Sin codificación! No hay términos geek! Simple y directo! Paso a paso.

Hosting profesional para negocios profesionales

Mientras crea este sitio web para su negocio, desea ser profesional. Para publicar su sitio web en línea, necesitará un servicio de alojamiento. Para esta guía, utilicé InMotion Hosting como ejemplo. Recomiendo encarecidamente esta empresa de alojamiento para crear y alojar su sitio web comercial. Si desea obtener más información sobre este proveedor de alojamiento, lea nuestra revisión de alojamiento InMotion.

Primero, tendrás que comprar un plan de elevación.

Al seguir este enlace, obtendrá un 47% de descuento instantáneo. Desplácese hasta la parte inferior de la página y elija el Plan de inicio haciendo clic en el botón “Ordenar ahora”.

orden plan de lanzamiento de inmotion

Revise su elección y haga clic en “Continuar”.

proceso de pedido de alojamiento de clase empresarial de inmotion

Si ya posee un nombre de dominio, seleccione esa opción, de lo contrario, puede registrar un nuevo dominio de forma gratuita con este plan de alojamiento.

Inmotion registrarse dominio gratis

Para este ejemplo, seleccioné la opción de vincular mi dominio al servidor de InMotion para continuar con la opción “Ya tengo un dominio”. Revise su elección y haga clic en “Continuar”.

inmotion ya posee nombre de dominio

El sistema detectará automáticamente su ubicación y elegirá el servidor web donde se alojará su sitio web. Si desea hacer ajustes, seleccione una nueva ubicación para el servidor. Puede elegir entre la costa este y la costa oeste. Considere tener su sitio web alojado en un servidor más cercano a usted y a sus clientes.

inmotion hosting costa este costa oeste

Ahora, el paso más importante de este pedido es seleccionar el sistema de gestión de contenido que desea instalar en su sitio web. Aquí elegirás “Instalar BoldGrid, con tecnología de WordPress”. Este es el constructor que utilizaremos para crear y personalizar nuestro sitio web. BoldGrid es un generador de páginas con tecnología de WordPress, que le permite crear diseños personalizados sin la necesidad de conocer HTML, CSS u otra programación. Consulte nuestra revisión de BoldGrid para obtener más información sobre esta gran herramienta.

inmotion instala automáticamente boldgrid al registrarse

Complete su información personal y financiera. Esta página es segura y está encriptada, por lo que sus datos estarán protegidos. Haga clic en el botón “Comprar cuenta” para finalizar su pedido.

cuenta de alojamiento de compra inmotion

Lo contactaremos por teléfono en unos minutos para confirmar su pedido. Una vez que se confirme su pedido, recibirá un correo electrónico con información de inicio de sesión. Mientras tanto, WordPress y BoldGrid se instalan en su sitio web automáticamente. Al final de su pedido, tendrá un sistema de trabajo que puede personalizar.

¡Hasta aquí todo bien! Ahora viene la parte divertida, cuando realmente creas tu sitio web.

Creando su sitio web de WordPress

Una vez que su cuenta sea verificada por teléfono, recibirá un correo electrónico de bienvenida de InMotion con todos los detalles de inicio de sesión. Este correo electrónico contiene el inicio de sesión en su Panel de administrador de cuentas, inicie sesión en cPanel y en su sitio de WordPress, donde BoldGrid ya se ha instalado.

Ahora acceda al tablero de su sitio web e inicie sesión. La pantalla de inicio de sesión es diferente de la pantalla de inicio de sesión predeterminada de WordPress. El tablero también es un poco diferente, pero no hace mucha diferencia, incluso si ya usó WordPress antes.

inmotion boldgrid login

En la pantalla de bienvenida, verás dos videos, uno para principiantes y otro para usuarios avanzados de WordPress. Estos videos son una presentación rápida de BoldGrid. ¡Recomiendo verlos! El siguiente video explica cómo comenzar con BoldGrid:

Ahora, para comenzar, deberá hacer clic en el menú “Inspiraciones”.

sitio web de inspiraciones boldgrid

En la página de inspiraciones puede elegir entre dos opciones: Instalar como ensayo (elija esto si ya tiene un sitio web y desea actualizarlo con BoldGrid) o Instalar como activo (esta opción es para aquellos que aún no tienen un sitio web). Vamos a proceder con el sitio “Activo”.

boldgrid instala sitios activos

El siguiente paso es elegir una categoría para su sitio web. Al momento de escribir, hay alrededor de diez categorías entre las que puede elegir, pero se agregarán más a medida que BoldGrid evolucione. Elija la categoría más cercana al nicho de su sitio web..

boldgrid elige la categoría del sitio web

Una vez que se selecciona la categoría, puede elegir un tema que le guste. Puede obtener una vista previa de cualquiera de estos temas y ver cómo se verá en una computadora de escritorio, mesa o teléfono móvil. Tenga en cuenta que algunos temas contienen imágenes con derechos de autor con marcas de agua. Puede comprar estas imágenes (usando el sistema de monedas) o puede reemplazarlas con sus propias fotos. Seleccionaremos el tema “Uptempo” para este tutorial.

negrita seleccionar tema

Después de elegir el tema que prefiera, elija el conjunto de páginas que desea instalar en su sitio web. Elegiremos instalar cinco páginas, que son las más comunes para esta categoría. Haga clic en el botón “Seleccionar” para continuar.

negrita elegir conjunto de páginas

Confirme su selección y finalice la instalación del tema y las páginas haciendo clic en “¡Instalar este sitio web!” botón. En este paso, aún puede regresar y editar la configuración elegida antes.

sitio web de instalación de boldgrid

La instalación y creación de las páginas llevará menos de un minuto. No cierre la página hasta que termine. Una vez realizada la instalación, haga clic en el botón “Personalizar”.

sitio web del tema de instalación de descarga boldgrid

El personalizador de temas le permite editar su sitio web y obtener una vista previa de los cambios que está realizando. Las opciones pueden variar de un tema a otro. Para el tema que seleccionamos anteriormente, Uptempo, podemos cambiar el título del sitio, cambiar la fuente, la posición del título, cargar una imagen del logotipo o el icono del sitio.

boldgrid personalizar el sitio web

En la sección de colores, puede elegir entre diferentes paletas de colores. Hay una función de “Sugerir paletas” que sugerirá un esquema de color cada vez que haga clic en él. Elige el esquema de color que más te guste!

el personalizador de color boldgrid sugiere paletas

Hay muchas otras configuraciones que puede configurar para que su sitio web sea único y sobresaliente. Por ejemplo, puede elegir tener una página de inicio estática, que mostrará una página seleccionada por usted. También puede agregar widgets al encabezado y pie de página y también insertar HTML personalizado (Google analitico por ejemplo). También es posible agregar JavaScript o CSS personalizado a su tema, sin la necesidad de abrir ningún archivo. No entraremos en detalles ahora, porque este tutorial tomaría demasiado tiempo para escribir y leer.

Una vez que haya terminado, haga clic en “Guardar & ¡Publicar ”! Puede volver más tarde y editar cualquier opción si lo desea.

Ahora vaya a la página de inicio de su sitio web y disfrute de la vista:

ejemplo del sitio web boldgrid

¡Aún no estás preparado! Hay cinco páginas en su sitio web, pero están empaquetadas con el contenido predeterminado que viene con la instalación. Querrás cambiar estos.

páginas de edición de boldgrid

En WordPress podrá cambiar texto, agregar y reemplazar imágenes, clonar o eliminar diferentes bloques, arrastrar y soltar bloques vertical y horizontalmente.

editor de página boldgrid

Con la función “Agregar GridBlock” puede seleccionar entre una amplia gama de diseños creados previamente. Esta función también le permite insertar el mapa de Google en su página, o elegir entre una amplia gama de formularios de contacto con varios campos.

negrita insertar diseño de cuadrícula

La API de BoldGrid también le permite buscar imágenes de alta calidad, tanto gratuitas como comerciales. Puede establecer el tamaño de la imagen que está agregando a su página, y el sistema recortará e instalará automáticamente la imagen en su sitio web. Esta característica le permite afinar sus páginas con bellas imágenes en solo unos minutos, sin siquiera usar el software editor de imágenes. Cuan genial es eso?

En este punto, ya ha terminado de construir su sitio web. Enhorabuena! Ha creado un sitio web profesional con WordPress y BoldGrid para su negocio. Todo esto sin tocar una sola línea de código, y también pudo agregar imágenes sin la necesidad de editarlas en su computadora.

Resumen y recomendación

Esta guía resultó más larga de lo que quería, pero creo que cubrí la mayoría de los pasos necesarios para crear un sitio web profesional. Espero que esta guía ayude a muchos principiantes. Si tiene alguna pregunta sobre BoldGrid, puede escribir un comentario a continuación o ponerse en contacto con el alojamiento de InMotion. El soporte técnico es muy útil y amigable para principiantes.

Recomiendo BoldGrid e InMotion para crear y alojar su sitio de WordPress.

Aunque el proceso de creación de este sitio web de demostración me llevó solo unos minutos, armar esta guía paso a paso me llevó más de una hora. Si te ayudó, comparte en tus cuentas de redes sociales. Gracias!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector