Advertisement
  1. Web Design
  2. WordPress

Cómo Elaborar un Sencillo Sitio Web de Una Página: Desde un Tema de WordPress con Efecto de Paralaje

Scroll to top
Read Time: 12 min

() translation by (you can also view the original English article)

Un sencillo sitio web de una página es una magnífica manera de que tu compañía tenga presencia establecida online. Te permite compartir información importante sobre tu negocio de una manera concisa, permitiendo a tus visitantes ver todo desde una primera instancia.

Una de las razones por las que sitios web de una página son tan atractivos es porque hacen un sensacional uso del efecto de paralaje para agregar atractivo visual sin ralentizar tu sitio web. Existen más ventajas clave para considerar la creación de un sitio web de una página:

Por Qué Elaborar un Sitio Web de Una Página (Con Efecto de Paralaje)

Éste tipo de sitio web es una sensacional elección para cualquier propietario de negocio que no tiene mucho tiempo para mantener su sitio web o para cualquier nuevo negocio que está empezando. Trabajadores independientes muy activos o agencias de diseño también pueden beneficiarse de mostrar su compañía a través de un sitio web de una página.

Finalmente, sitios web de una página son perfectos para desarrolladores de aplicaciones o compañías que buscan anunciar el lanzamiento de un producto. Ya que sitios web de una página son generalmente acompañados por múltiples llamadas a la acción, pueden ser una estupenda manera de elaborar tu lista de correo electrónico antes de que estés listo para el lanzamiento oficial.

Como es a menudo el caso con WordPress, no hay escasez de temas de una página con hermosos efectos de paralaje. Desde temas multipropósito a temas de corporación y de portafolio, puedes encontrar un tema de una página que se adapta a tu industria y la naturaleza de tu negocio. Hay más fabulosos temas WP destacados aquí:

Cómo Usar un Tema de Una Página con Efecto de Paralaje para Crear Tu Sitio Web

En éste artículo, te mostraremos cómo usar uno de esos magníficos temas de WordPress para crear un sencillo sitio web de una página con un efecto de paralaje.

Lo Que Necesitarás Para Comenzar

Recorramos los pasos de cómo crear un sitio web de una página. Antes de crear tu sitio, hay unas cuantas cosas que necesitarás para comenzar. Aparte del tema que estarás usando, también necesitarás comprar un nombre de dominio y un plan de alojamiento. Encontrar un agradable conjunto de imágenes para acompañar tu sitio web es recomendado para aprovechar al máximo el efecto de paralaje. Ahora, comencemos:

1. Compra Tu Nombre de Dominio

Antes de cualquier otra cosa, necesitarás un dominio para tu nuevo sitio web. Es tu casa online y el rostro de tu negocio. Si tienes el nombre de un negocio, la elección obvia es usar el nombre de tu negocio como el nombre de dominio. Pero si eres un trabajador independiente que hace negocios bajo tu propio nombre, entonces tu nombre de dominio debería reflejar eso.

2. Selecciona un Plan de Alojamiento de Calidad

Después de que hayas decidido el nombre de dominio, lo siguiente es comprar tu plan de alojamiento. La mayoría de las compañías de alojamiento te permitirá comprar un nombre de dominio al mismo tiempo cuando te registras para un plan de alojamiento. De hecho, la mayoría de ellos incluirá un nombre de dominio gratis durante un año. Un plan de alojamiento compartido es un buen lugar para iniciar y siempre puedes cambiar tu plan a un nivel superior más adelante si decides cambiar a un sitio web de páginas múltiples.

3. Selecciona uno de los Mejores Temas de WordPress de Una Página

Temas gratuitos y premium están disponibles para WordPress, pero a menudo es recomendado elegir un tema premium. Un tema de WordPress premium incluirá soporte dedicado del desarrollador del tema lo que significa que siempre estará actualizado y seguirá las mejores prácticas de desarrollo.

Y en caso de que necesites ayuda con la configuración del tema, un desarrollador de un tema premium es más probablemente que te responda de una manera oportuna. O puedes comprar soporte adicional del tema en el momento de la compra.

Para éste tutorial, estoy usando el poderoso tema The Ark de ThemeForest. Es un tema de una página que viene con varios maquetados de demostración:

The Ark WordPress theme with multiple layout options ready to use quicklyThe Ark WordPress theme with multiple layout options ready to use quicklyThe Ark WordPress theme with multiple layout options ready to use quickly
El tema de WordPress The Ark con múltiples opciones de maquetado, listo para usarse rápidamente.

Todavía mejor, también es completamente responsivo para que tu sitio se muestre perfectamente en varios tamaños de pantalla. También incluye un constructor de páginas que te permitirá crear un sitio web de una página completamente original desde cero para añadir fácilmente secciones extra a tu sitio en un instante.

The Ark WordPress themeThe Ark WordPress themeThe Ark WordPress theme
El tema de WordPress The Ark te permite elaborar rápidamente un sitio web de una página.

Puedes explorar los temas de una página para encontrar el que te guste. Cuando hayas encontrado un tema que satisfaga tus necesidades, cómpralo y luego descarga los archivos del tema a tu computadora.

The Ark one page WordPress theme comes with several demosThe Ark one page WordPress theme comes with several demosThe Ark one page WordPress theme comes with several demos
El tema de WordPress The Ark viene con varios demos.

4. Compila Tu Contenido e Imágenes

Lo último en nuestra lista está el contenido y las imágenes. Mientras que es verdad que sitios web de una página son limitados en términos de cuánto contenido puedes mostrar, aún ayuda si ya tienes tu contenido pre-escrito, en lugar estar elaborándolo al momento.

También deberías tomar algún tiempo en reunir todas las imágenes que quieres usar. Ésto incluye imágenes de fondo para las secciones con efecto de paralaje que pueden ser fotos de tu espacio de trabajo, tus empleados, tu compañía, o incluso tu producto. No olvides incluir fotos de clientes anteriores para la sección testimonial o fotos de miembros de equipo si quieres añadir un toque más personal a tu marca.

Comenzando

Una vez que hayas comprado el plan de alojamiento junto con el dominio y el tema, es momento de comenzar con tu sitio web. El primer paso es instalar WordPress, luego tu tema, así como cualquier plugin necesario.

1. Instalando WordPress

Tu compañía de alojamiento te enviará un correo electrónico de bienvenida con toda la información necesaria sobre tu plan de alojamiento. Abre el correo electrónico y toma nota del nombre de usuario y contraseña para tu cPanel. Haz click en el enlace que te llevará inmediatamente a la página de inicio de sesión de cPanel. Ingresa el nombre de usuario y contraseña proporcionado y luego estarás listo para instalar WordPress.

  1. En el cPanel, busca Website Installers o Fantastico Installer o Softaculous Installer. Haz click en el ícono de WordPress y luego haz click en el botón Instalar. Se te pedirá proporcionar un nombre de usuario y contraseña y seleccionar el dominio donde instalar WordPress.
  2. Elige un nombre de usuario y una contraseña sólida que contenga letras mayúsculas y minúsculas así como números y un símbolo especial. Escribe el nombre de usuario y contraseña en algún lugar seguro.
  3. Haz click en el botón Instalar una vez más para finalizar el proceso de instalación.

Cuando WordPress ha finalizado de instalarse, verás una pantalla de notificación con un enlace a tu escritorio de WordPress. Haz click en el enlace y luego ingresa el nombre de usuario y la contraseña que elegiste durante el proceso de instalación.

2. Instalando Tu Tema de WordPress

Ahora que has iniciado sesión en tu sitio web de WordPress, haz click en Apariencia > Temas > Añadir nuevo. En la pantalla que se carga, selecciona Subir Tema.

Installing your WordPress themeInstalling your WordPress themeInstalling your WordPress theme
Instalando tu tema de WordPress rápidamente.

Haz click en el botón para seleccionar el directorio comprimido con los archivos de tu tema y luego haz click en Subir. Una vez que el tema es instalado haz click en Activar.

3. Instala y Activa los Plugins Requeridos

Después de que el tema de WordPress ha sido activado, te dará un aviso que requiere plugins adicionales para ser instalados. Para instalarlos, haz click en Comenzar a Instalar Plugins, selecciona todos los plugins y haz click en Instalar en el menú desplegable.

WordPress Plugins to InstallWordPress Plugins to InstallWordPress Plugins to Install
Plugins de WordPress a instalar.

Después de eso, navega a Plugins > Plugins Instalados y selecciona todos los plugins que acabas de instalar y ésta vez selecciona Activar del menú desplegable.

Activate your WordPress PluginsActivate your WordPress PluginsActivate your WordPress Plugins
Activa tus Plugins de WordPress.

Cómo Configurar Tu Sitio WordPress de Una Página

Ahora que tu tema de WordPress está activado y los plugins adicionales han sido instalados, es momento de personalizar el tema para combinar con tu marca y para añadir tu contenido. Una de las maneras más fáciles de configurar tu sitio web de una página es comenzar con un maquetado pre-elaborado.

Afortunadamente, la mayoría de los temas de WordPress premium incluyen varios maquetados que ya están configurados, así que todo lo que necesitas hacer es reemplazar la información con la tuya. Para éste tutorial, he seleccionado el demo principal pues tiene una amplia gama de maquetados de página pre-elaborados, incluyendo atractivos maquetados de una página.

Una vez que tu demo elegido está instalado, puedes comenzar a personalizar el tema y reemplazar la información.

Primero, haz click en Ajustes > Lectura > Página Frontal Muestra una Página Estática y elige uno de los maquetados de una página como tu página de inicio. Luego selecciona el maquetado deseado para tu página de posts y haz click en Guardar Ajustes.

Para reemplazar el contenido, navega a Páginas > Todas las Páginas, elige tu página de inicio y haz click en Editar.

Para personalizar las imágenes usadas en la cabecera, haz click en el ícono Editar para la sección que quieres personalizar y luego selecciona el Modelo de Caja. Desplázate hacia abajo a la Imagen o sección de Paralaje y reemplaza la imagen con la tuya. Recuerda usar imágenes que no distraigan demasado para que tu copia destaque y transmita el mensaje sobre tu compañía.

Add your companys messagingAdd your companys messagingAdd your companys messaging
Agrega los mensajes de tu compañía a WordPress.

Manten los encabezados y el texto principal breve hasta el punto que no quieras que el texto llegue a ser difícil de leer en la imagen. También puedes personalizar los colores y ajustar márgenes y paddings en ésta área, así como personalizar las fuentes.

Para editar el contenido de demostración, haz click en la sección que contiene texto e ingresa tu propia copia en el Editor Visual. Simplemente repite éste proceso para cada sección que necesite edición. Como estás editando secciones, haz click en la pestaña element.style e ingresa una ID con letras minúsculas en el campo ID. Ésto te ayudará a configurar tu menú de navegación brevemente.

Adding ID attributes to your WordPress themeAdding ID attributes to your WordPress themeAdding ID attributes to your WordPress theme
Agregando atributos ID a tu tema de WordPress.
Alternativamente, puedes personalizar más el maquetado o crear uno desde cero al ir a Ark > Mapa del Sitio.

El submenú de The Ark también incluye opciones para personalizar cabeceras, pies de página, barras laterales y más.

Ahora que has reemplazado el contenido con el tuyo, configuremos el menú de navegación. Ve a Apariencia > Menús y elige Navegación de Una Página del desplegable. Marca la casilla ubicada junto a Navegación Principal en Mostrar Ubicación y haz click en Guardar.

Adding a menu to your one page WordPress theme setupAdding a menu to your one page WordPress theme setupAdding a menu to your one page WordPress theme setup
Agregando un menú a la configuración de tu tema de WordPress de una página.

Haz click en Personalizar URL e ingresa la ID de todas las secciones que nombraste durante el proceso de edición de contenido en el campo URL. Haz click en Actualizar Menú y tu navegación está completamente configurada.

El paso final es personalizar el tema de WordPress para combinar con tu marca. En tu panel de control, haz click en Ark > Opciones de Tema. En ésta página puedes cambiar qué cabeceras quieres usar en tu sitio, personalizar tus colores, agrega fuentes personalizadas o seleccionar Google Fonts.

Work with the WordPress theme Options panelWork with the WordPress theme Options panelWork with the WordPress theme Options panel
Trabaja con el panel Opciones de tema de WordPress.

Ten en mente que los colores que eliges deberían complemetarse mutuamente, pero asegúrte de que tu color de acento destaque del resto de la página. Ésto pondrá en el foco principal tu llamada a la acción.

Cómo Añadir Secciones Extra a Tu Sitio Web de Una Página

En caso de que necesites agregar más secciones a tu sitio web de una página, puedes fácilmente hacer eso al ir a tu página, desplazándodte hacia abajo y haciendo click en el ícono para añadir una sección, una fila, o cualquier otro elemento.

Add sections to your one page website in your WordPress themeAdd sections to your one page website in your WordPress themeAdd sections to your one page website in your WordPress theme
Agrega secciones rápidamente a tu sitio web de una página a tu tema de WordPress.

También puedes crear un maquetado completamente nuevo al hacer click en Páginas > Añadir Nueva > Usar Fresh Builder y añadiendo secciones como elementos en la manera en que quieres que aparezcan. El nuevo maquetado también puede ser creado al ir a botón de maquetado Ark > Mapa de Sitio > Página Predeterminada y haciendo click en el signo + en la parte inferior. Simplemente, da a tu plantilla un nombre, haz click en Guardar, y luego añade las secciones y los elementos que quieres.

Adding a new page layout to your WordPress theme setupAdding a new page layout to your WordPress theme setupAdding a new page layout to your WordPress theme setup
Agregando un maquetado de nueva página a tu configuración de tema de WordPress.

Y con ello, tu sitio web de una página está configurado. Ahora que has aprendido cómo elaborar un sitio web de una página desde un tema de WordPress, ahora es momento de comenzar a generar tráfico hacia él.

Qué Hacer Después de Que Tu Sitio Está Publicado (Promuévelo)

Solo porque tu sitio web está publicado, eso no significa que pesonas inmediatamente sabrá que pueden encontrar tu negocio online. El primer paso es actualizar tus perfiles de redes sociales y agregar un enlace a tu sitio en la sección de perfil.

Otra manera fácil de promover tu sitio web es incluir el enlace a él en tus tarjetas de presentación y cualquier otro colateral que pudieras tener, como: tu membrete, folletos o volantes. También puedes incluir tu nuevo sitio web en tu firma de correo electrónico pues el correo electrónico todavía es muy empleado hoy en día.

Sin embargo, la mejor manera, es añadir un blog y publicar contenido regularmente. Ésto no solo te dará tu propio contenido para compartir en redes sociales, sino ayudará a dirigir tráfico a tu sitio web donde las personas pueden aprender más sobre lo que haces.

Comienza (Rápidamente) Con un Sensacional Tema de WordPress de Una Página.

Un sitio web de negocio no siempre tiene que incluir múltiples páginas para transmitir información sobre tus productos o servicios. A veces, un sitio web de una página es más que suficiente para generar el interés de tu audiencia objetivo y alentarlos a contactarte. Aprovecha de poder presentar tu información en una sola página y usa uno de nuestros temas de WordPress premium para crear un fabuloso sitio web de una página para tu negocio.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
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.