Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Themes

Cómo Hacer una Página Web con Temas WordPress Limpios y Modernos

by
Read Time:11 minsLanguages:

Spanish (Español) translation by Triana Tirado (you can also view the original English article)

Si estás aprendiendo cómo hacer una página web, te sorprenderá lo fácil que puede llegar a ser gracias a plataformas como WordPress. Además de ser muy fácil de aprender, es la plataforma perfecta para el diseño de páginas web.

Gracias a la enorme cantidad de plantillas para páginas web con las que cuenta, puedes crear tu página web WordPress en un par de horas, ya sea para tu negocio, hacer un portafolio increíble o empezar un blog personal.

Si quieres crear una página web WordPress limpia y moderna, estás en el lugar correcto. Las plantillas de WordPress limpias, son una gran opción para cualquier negocio gracias a su diseño simple que atrae la atención a la información importante. Los temas WordPress facilitan a los usuarios de tu sitio web a enfocarse en los servicios y productos, lo que puede ayudar en convertirlos en clientes.

Crear pgina web WordPressCrear pgina web WordPressCrear pgina web WordPress
Opciones de diseño de página web moderna en  Clean Roneous WordPress theme .

Otro beneficio de los Temas WordPress limpios, es que si el diseño de página web es simple, va a cargar más rápido y tus usuarios no tendrán que esperar mucho para ver el contenido.

Finalmente, una página web WordPress limpia, ayuda a las empresas a atraer más clientes pero también a los bloggers que buscan ampliar su lista de correos electrónicos. Descubre las mejores tendencias de Temas WordPress con diseño limpio:

En este tutorial, se camina a través de la creación de un sitio web moderno con un tema para WordPress limpio. Vamos a bucear en!

Guía de uso para principiantes en WordPress (Tutorial Gratis)

Si estás empezando a usar WordPress, deja que Aid Purdila te ayude a entender las bases en este curso gratis:

Si estás listo para empezar, brinquemos al resto del tutorial en donde te acompañaremos a través de la configuración para sitios web modernos usando plantillas para WordPress limpias.

Cómo Hacer una Página Web Moderna Con un Tema para WordPress Limpio

Crear tu propia página web puede parecer difícil, pero una vez que tengas un plan claro a seguir, puede lanzar tu sitio web rápidamente. Antes de entrar en el meollo de la instalación de los temas WordPress, repasemos las cosas que necesitarás.

Lo Que Necesitas Para Empezar tu Página Web WordPress

Hay algunos componentes importantes que necesita para empezar los diseños de página web:

1. Tu Nombre de Dominio debe ser Único

El primer paso es comprar un nombre de dominio para tu nuevo sitio web. Si estás por crear una página web WordPress para tu negocio, la opción obvia sería usar el nombre de tu empresa para el dominio. Pero si estas en el diseño de páginas web para blog personal, puedes jugar con nombres de dominio que se relacionen con el tema de tu futuro blog. También es importante que te asegures de elegir la mejor extensión de dominio también.

Si estás por crear una página web WordPress de currículum personal o si estás haciendo negocios bajo tu nombre, es buena idea usarlo como nombre del dominio. Independientemente de lo que decidas, asegúrate de que el nombre sea fácil de deletrear y sea memorable.

2. Hosting Plan con Soporte de WordPress

Una vez que hayas decidido el nombre del dominio, es momento de elegir a tu proveedor de hosting. Si has comprado tu dominio con una empresa como BlueHost, SiteGround, o similar, puedes inscribirte en alguno de sus planes suscribirte a alguno de sus planes de hosting simultáneamente.Una serie de temas de WordPress de Theme Forest también vienen con la opción de agregar hosting al servicio de Envato Hosted.

Pgina Web WordPress HostingPgina Web WordPress HostingPgina Web WordPress Hosting
Envato Hosted - Premium WordPress hosting.

Una buena mayoría de empresas de hosting o alojamiento, incluye un nombre de dominio gratis cuando te registras en alguno de sus planes. Si has adquirido tu nombre de dominio en otro lugar, haz un poco de investigación sobre las empresas de hosting y lee las reseñas independientes de los usuarios para conocer su experiencia.

3. Temas WordPress Premium Con Diseño Limpio

También necesitarás un tema WordPress profesional para crear su sitio web. Si bien hay temas WordPress gratis que puedes encontrar en línea, es preferible que optes por uno premium que te de acceso a soporte con el desarrollador. Esto te garantizará que el tema se renovará regularmente y que también podrás contactar al desarrollador en caso de que necesites ayuda.

Para efecto de este tutorial, estoy usando el Tema WordPress Roneous que puede ser empleado para diferentes fines. Incluye un diseño hermoso, limpio y más de 25 páginas web modernas. También incluye algunos de los plugins más populares para que nunca tengas que preocuparte de tener que personalizar código para tu página web.

Temas WordPress MinimalistasTemas WordPress MinimalistasTemas WordPress Minimalistas
Tema de Roneous WordPress con diseño limpio y moderno. Tema de Roneous WordPress limpio moderno

4. Contenido e Imágenes

El contenido y las imágenes son elementos importantes en el diseño de sitios web, por lo que deberás tenerlos muy en cuenta. Necesitarás reunir todo el contenido e imágenes que agregaras a tu diseño de página web. Es recomendable que uses imágenes en alta definición como las fotos profesionales de Envato Elements. Así, no aparecerán borrosas y son una gran ayuda visual que te ayudará a contar una historia y conectar con tu público meta.

En cuanto al contenido para crear página web WordPress, piénsalo a partir de la cantidad de páginas que deseas que tenga tu página. También considera escribir algunos post para blog para empezar y que así tus usuarios conozcan tu marca y qué es lo que ofreces. También puedes considerar agregar testimonios de clientes anteriores, especialmente si estás creando un sitio web de negocios

Para Empezar

Una vez que tengas todo a la mano, es momento de crear página web WordPress. Para esto, necesitarás instalar WordPress y después agregar el tema y los plugins. Después de haber instalado todo, sigue los siguientes pasos para configurar tu tema:

1. Instalación de WordPress

Para instalar WordPress necesitarás iniciar sesión en su hosting cPanel con los datos que te proporcionó la empresa del hosting. Usa el nombre su usuario y contraseña que te proporcionaron en el email de bienvenida y da click en el enlace que te direccionará a al cPanel de la página de inicio. Escribe el nombre y contraseña para iniciar sesión.

En el cPanel, desplázate hacia abajo hasta la sección llamada Website Installers, Fantástico Installer o Softaculous Installer. Encuentra el icono de WordPress y luego haz click en el botón Instalar. La siguiente página te pedirá que introduzcas un nombre de usuario y contraseña y selecciones el dominio para instalar WordPress.

Para elegir una contraseña segura es recomendable que contenga mayúsculas y minúsculas, así como números y símbolos especiales. Asegúrate de escribir tu nombre de usuario y contraseña en algún lugar seguro para que puedas acceder al backend de tu sitio web de WordPress más adelante.

Después de que has rellenado todos los espacios, haz clic en el botón de Instalar una vez más para terminar el proceso de instalación. Cuando el proceso de instalación haya finalizado, verás una notificación con un link a tu tablero de WordPress. Haz clic en el enlace y luego ingresa el usuario y contraseña que elegiste durante el proceso de instalación.

2. Instalar Tu Tema de WordPress

Después de iniciar sesión en el dashboard de WordPress, haz clic en Apariencia > Temas > Agregar Nuevo. En la siguiente pantalla, seleccione Subir Tema.

Haz clic para seleccionar la carpeta comprimida con los archivos del tema y a continuación, haz clic en Cargar. Una vez instalado el tema haz clic en Activar.

3. Instala y Activa Plugins Requeridos

Ahora que tus plantillas WordPress están instaladas, verás una notificación en tu panel de control en donde te señalará que requiere de plugins. Puedes hacer clic en el enlace Iniciar Instalación de Plugins para instalarlos. Simplemente selecciona todos los plugins y luego haz clic en Instalar en el menú desplegable. Los plugins inmediatamente estarán activos por lo que podrás pasar al siguiente paso que crear página web wordpress.

WordPress Plugins para pgina webWordPress Plugins para pgina webWordPress Plugins para pgina web
Instalar algún plugin de WordPress necesarios.

Cómo Crear una Página Web - Rápidamente

Una vez instaladas las plantillas para WordPress y los plugins, pasaremos a configurarlos. Así, aprenderás desde dónde hacer las diferentes configuraciones, como personalizar colores, fuentes y el diseño de tu sitio..

Cómo Crear Tu Página de Inicio

Es el primer paso es crear la página de inicio de tu página. Necesitas ir a Páginas > Añadir Nueva y asígnele el nombre Inicio. Como se puede ver en la captura de pantalla, tienes un botón extra que te permite utilizar el generador Composer Builder.

En este punto, puede hacer clic en el botón Editor Back-end o en el botón Editor FrontEnd.

Pagina de Inicio WordPressPagina de Inicio WordPressPagina de Inicio WordPress
Agregar una página a su sitio de WordPress moderno.

El back-end editor permite insertar elementos, bloques de texto o seleccionar una plantilla para páginas web.

Como Crear Una Pgina WebComo Crear Una Pgina WebComo Crear Una Pgina Web
Elementos de Visual Composer.

Si usted prefiere la ruta de DIY, comienza agregando una fila y luego selecciona el número de columnas. Una vez que hayas decidido la estructura de esa sección, puedes empezar a colocar elementos como imágenes, bloques de texto, etc.

Cmo hacer una pgina webCmo hacer una pgina webCmo hacer una pgina web
La vista del editor de back-end.

Otra opción rápida es utilizar una de las plantillas prefabricadas. En la mayoría de los casos, la documentación de tu tema tendrá instrucciones detalladas sobre cómo importar el contenido de la versión parcial de programa y las plantillas. Para el tema Roneous, todo lo que tienes que hacer es pegar el contenido de un archivo de texto en el editor de texto. En este ejemplo, yo he importado el contenido de la plantilla de la Agencia de negocios.

Diseo de Pgina WebDiseo de Pgina WebDiseo de Pgina Web
La página de demostración para el tema de Roneous WordPress.

La última parte del diseño de páginas web y de tu página principal incluye quitar el encabezado y el título de la página para se vea como el demo. Para hacer esto, en la sección de edición de página, haz scroll down hasta llegar a Configuración de la Página. Aquí, solo tiene que seleccionar No encabezado en Diseño de Encabezado y No título en Título de Layout:

Pgina web wordpressPgina web wordpressPgina web wordpress
Configuración de Página de Tema de WordPress.

Cuando hayas terminado con la página, haga clic en Publicar. Desplácese a Ajustes > Lectura y después en Mostrar de Fuentes de la Página elige tu página de inicio recién creada. Haz clic en Guardar Cambios.

Configuracin Sitio Web WordPressConfiguracin Sitio Web WordPressConfiguracin Sitio Web WordPress
Ajustes de Lectura en su sitio de Wordpress.

Cómo Crear una Página Web para Blog

De manera similar, vamos a crear una página de blog. Empieza dando clic en Páginas > Agregar Nuevo y esta vez el nombra la página Blog. Para la página del blog, no tienes que introducir cualquier contenido como mostrará sus últimas entradas en el blog. Haz clic en Publicar para publicar tu página de blog y luego vuelve a Ajustes > Lectura y selecciona la página del blog que creaste para la página de publicaciones. Guarda Cambios nuevamente.

Repite este proceso tantas veces como sea necesario para crear el resto de las páginas de su sitio.

Cómo Importar el Contenido Demo

Si deseas importar el contenido de la versión parcial de programa, ve a Herramientas > Importar y elige el Importador de WordPress. Instala el plugin, actívalo y luego ejecuta el importador. Carga el archivo .xml que viene en tu tus Temas WordPress y después haz clic en Subir archivo e importar.

En la siguiente pantalla, deberás asignarte publicaciones y marcar la casilla que dice Descargar archivos adjuntos. Haz clic en el botón Enviar y se importará el contenido del demo.

Personaliza tus Temas o Plantillas WordPress

Ahora que los elementos importantes en el diseño de sitio web están en su lugar, puedes personalizar tu sitio con marcas de colores, fuentes, y mucho más. Algunos Temas y Plantillas WordPress incluyen un panel de opciones, mientras que otros usan el built-in WordPress Live Personalizador. En este caso, para ajustar la configuración debes ir a Apariencia > Personalizar. En esta pantalla, puedes cambiar los colores, fuentes, subir su logo, elegir el diseño de pie de página, entre otras opciones.

Configuracin Tema WordPressConfiguracin Tema WordPressConfiguracin Tema WordPress
Personalizador de Tema en WordPress.

Para cambiar cualquiera de los diseños, todo lo que tienes que hacer es clic en Editar Con Visual Composer. Desde aquí, podrás editar los ajustes de los elementos que están ya allí, cambiar el diseño de columnas y reemplazar los elementos con los más apropiados para tu sitio Web.

Qué Elementos Importantes en el Diseño de Sitios Web los Hacen Modernos y Geniales

Los sitios web limpios y minimalistas nunca pasarán de moda y le da a tu negocio una presencia online moderna. Aquí hay algunos consejos para sacar el máximo provecho de esta tendencia de diseño:

1. Mucho Espacio en Blanco

El espacio en blanco te ayudará a enfatizar el contenido de tus sitios web . Debe haber espacio entre los elementos de la página, sin embargo, no necesariamente debe ser blanco. Si haces un buen uso del espacio, hará que tu página se vea limpia y moderna, así que asegúrate de que los elementos de la página no están muy cerca entre ellos. Así, tu contenido y el llamado a la acción llamarán la atención.

2. Imágenes Grandes

Las imágenes no solo ayudarán a conectar con tu público meta, sino que también pueden llenar el espacio y crear hermosos mosaicos de color. Puedes usarlas en los encabezados, como fondo o crear una galería que muestre tu portafolio y productos que ofreces.

Obtén fotos ilimitadas en Envato Elements, así como plantillas WordPress, gráficos y más:

3. Tipografía Gruesa

Considera usar negritas y fuentes grandes para los títulos y encabezados para así llamar la atención en diferentes secciones de tu sitio. Una buena combinación de fuentes de diferentes tamaños puede ayudar a establecer jerarquía visual.

4. Navegación Minimalista

Para mantener tu página web lo más limpia posible, añade solo las páginas más importantes a la navegación principal. Esto ayudará a tus lectores a navegar más fácil y siempre puedes agregar un menú desplegable si sientes que hay páginas importantes tienen que visitar.

5. Colores Llamativos

Por último, los colores ayudarán a añadir interés visual y crear distinciones entre las secciones. También puedes llamar la atención en tus llamados a la acción y hacerlos más prominentes en cualquiera de tus páginas.

Haz tu Página Web con un Tema WordPress Limpio y Moderno

Hacer una página web es más fácil cuando sabes cuales son las características de una página web moderna y tienes las herramientas correctas para trabajar. Usa estos consejos y conoce nuestra colección de temas WordPress que te ayudarán a mejorar tu sitio y lograr un look moderno.

Aprende a Crear Página Web WordPress

¿dEres nuevo usando WordPress? Aprende Cómo usar WordPress en nuestra guía definitiva. Esta guía te acompañará a través de todo el proceso, desde la creación de publicaciones básicas hasta la instalación y personalización de tu primer Tema WordPress..

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.