Luego del largo reinado de Zerif Lite como el tema de una sola página más usado, le toca el turno a OnePress de FameThemes, que este año se afianza entre los quince temas más populares del repositorio de WordPress.

OnePress es gratuito, pero incluye muchísimas opciones de personalización y tiene todo lo que un buen tema debe tener: diseño atractivo, facilidad de uso y de configuración, y un dedicado soporte por parte de sus autores.

Es ideal para sitios corporativos y portfolios, y presenta atractivos efectos de animación y Parallax. Está basado en Bootstrap y es, desde luego, adaptable a los distintos dispositivos móviles. También es compatible con WooCommerce.

Descargar última versión de OnePress

(o instalar desde Apariencia > Temas > Añadir nuevo)

Descargar archivos de traducción

(OnePress ya incluye los archivos de traducción, pero podrían no estar actualizados)

Configuración de página frontal

En primer lugar, deberá crear una página nueva. Puede nombrarla, por ejemplo, Home, y deberá asignarle la plantilla de página Página de inicio.

OnePress - Configuración de página frontal

Luego vaya a Ajustes > Lectura y seleccione la página que ha creado en la opción Página frontal muestra > Una página estática.

OnePress - Configurar página estática

Ya estará listo para ir a Apariencia > Personalizar y empezar a personalizar el contenido de su página de inicio.

OnePress - Secciones

Opciones de la sección Héroe

Ajustes de la sección Héroe:

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Héroe, que será útil al momento de configurar el menú de navegación (la predeterminada es heroe).
  • Pantalla completa: puede hacer que esta sección ocupe el alto completo del navegador.
  • Rellenos superior e inferior (no está disponible para la opción Pantalla completa).
  • Color de superposición de fondo.
  • Opacidad de superposición de fondo.

Fondo multimedia de Héroe:

  • Imágenes de fondo: podrá subir hasta dos imágenes de fondo que pasarán como presentación.
  • Efecto Parallax: podrá aplicar este efecto solo a la primera imagen.
  • Color de superposición de fondo: aquí puede elegir el color de superposición sobre las imágenes. Puede usar un nivel de alfa 0 para eliminar la opacidad, o de 1 para usar un color sólido.

Diseño del contenido de Héroe:

Diseño 1

OnePress - Sección Héroe Diseño 1

  • Texto grande: Este es el título, que se puede configurar para usar una porción de texto rotativo. Se deben coloque los textos rotativos separados por ” | ” dentro de <span class="js-rotating">...</span>
  • Texto pequeño: este es el texto que se mostrará debajo del título.
  • Texto del botón y Enlace del botón: puede incluir dos botones con enlaces.
  • Estilo de botón: puede elegir entre ocho estilos distintos para cada botón.

OnePress - Sección Héroe Animación

Diseño 2

OnePress - Sección Héroe Diseño 2

El diseño 2 no tiene animación en el título, pero añade la opción para incluir una imagen en la parte derecha de la pantalla.

  • Texto del contenido: aquí puede escribir el título y subtítulo de la sección, con un editor de texto similar al de las entradas y páginas.
  • Imagen: seleccione la imagen que desee mostrar en la parte derecha.

Nota: recuerde asignar el número 0 a la opción Relleno inferior del panel Ajustes de Héroe para que la imagen se ubique correctamente.

Opciones de la sección Características

Ajustes de sección:

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Características, que será útil al momento de configurar el menú de navegación (la predeterminada es caracteristicas).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.
  • Ajustes de diseño: aquí puede seleccionar mostrar las características en dos a cuatro columnas.

Contenido de sección:

Haga clic en el botón Añadir un elemento para introducir los datos de cada característica, con los siguientes ajustes:

  • Título: el texto que se mostrará debajo del icono o imagen.
  • Icono personalizado: aquí puede elegir si muestra un icono o una imagen. Si selecciona Imagen, aparecerá un botón Añadir para seleccionarla de la Biblioteca. Si selecciona Icono, deberá usar la clase de Font Awesome en el siguiente campo.
  • Descripción: escriba aquí el texto que se mostrará debajo del título.
  • Enlace personalizado: si escribe la URL de una página aquí, el icono/imagen y el título se transformarán en un enlace a esa página.

Podrá añadir hasta cuatro elementos.

OnePress - Sección Características

Opciones de la sección Quiénes somos

Ajustes de sección:

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Quiénes somos, que será útil al momento de configurar el menú de navegación (la predeterminada es quienessomos).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.

Contenido de sección:

Haga clic en el botón Añadir un elemento para abrir el selector de páginas, desde el cual puede elegir las páginas para la sección, con los siguientes ajustes:

  • Ocultar título de la página: solo mostrará la imagen y el contenido.
  • Enlace a página individual: transformará la imagen y el título en un enlace a la página en cuestión.

Los elementos de esta sección toman la imagen destacada, el título y el extracto de una página para mostrar en la página de inicio.

OnePress - Sección Quiénes somos

Opciones de la sección Servicios

Ajustes de sección:

  • Visibilidad: elija si desea mostrar u ocultar esta sección
  • ID de la sección: una ID única para la sección Servicios, que será útil al momento de configurar el menú de navegación (la predeterminada es servicios).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.
  • Ajustes de diseño: aquí puede seleccionar mostrar los servicios en una a cuatro columnas.

Contenido de sección:

Haga clic en el botón Añadir un elemento para abrir el selector de páginas, desde el cual puede elegir las páginas para la sección, con los siguientes ajustes:

  • Icono personalizado: aquí puede elegir si muestra un icono o una imagen. Si selecciona Imagen, aparecerá un botón Añadir para seleccionarla de la Biblioteca. Si selecciona Icono, deberá usar la clase de Font Awesome en el siguiente campo.
  • Seleccionar una página: elija aquí de qué página se tomará el contenido para mostrar en esta sección (imagen destacada, título y extracto).
  • Enlace a página individual: transformará la imagen y el título en un enlace a la página en cuestión.

Los elementos de esta sección toman la imagen destacada, el título y el extracto de una página para mostrar en la página de inicio.

OnePress - Sección Servicios

Opciones de la sección Vídeo Lightbox

Ajustes de sección:

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Vídeo, que será útil al momento de configurar el menú de navegación (la predeterminada es videolightbox).
  • Título de la sección.
  • URL del vídeo: pegue aquí la URL del vídeo de YouTube o Vimeo, que se abrirá en Lightbox.
  • Imagen de fondo: puede asignar una imagen de fondo para esta sección.

OnePress - Sección Video

Opciones de la sección Galería

Ajustes de sección:

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Servicios, que será útil al momento de configurar el menú de navegación (la predeterminada es galeria).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.

Contenido de sección:

  • Fuente de la galería: en la versión gratuita solo está disponible Página; en la versión PLUS también se puede elegir desde Facebook, Flickr o Instagram.
  • Seleccionar fuente: elija del menú desplegable la página que contiene la galería (creada desde la Biblioteca de medios).
  • Diseño: seleccione uno de los cinco estilos disponibles: Grilla, Carrusel, Slider, Justificada y Masonry.
  • Espaciado del elemento: el espacio en píxeles entre las imágenes.
  • Diseño en columnas: seleccione el número de columnas en las cuales se distribuirá la galería.
  • Número de elementos: asigne el número de imágenes para mostrar.
  • Lightbox: seleccione esta opción para que la imagen se abra en Lightbox.
  • Enlace “Leer más”: si escribe la URL de una página aquí (la de la galería, o cualquier otra), se mostrará un botón para hacer clic y abrir esa página.
  • Texto “Leer más”: aquí puede escribir el texto del botón.

OnePress - Sección Galería

Opciones de la sección Contadores

Ajustes de sección: 

  • Visibilidad: elija si desea mostrar u ocultar esta sección
  • ID de la sección: una ID única para la sección Contadores, que será útil al momento de configurar el menú de navegación (la predeterminada es contador).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.

Contenido de sección:

Haga clic en el botón Añadir un elemento para introducir los datos de cada contador, con los siguientes ajustes:

  • Título: el texto que se mostrará debajo del número.
  • Número.
  • Antes del número: un texto o símbolo que se mostrará antes del número (opcional).
  • Después del número: un texto o símbolo que se mostrará después del número (opcional).

OnePress - Sección Contadores

Opciones de la sección Equipo

Ajustes de sección: 

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Equipo, que será útil al momento de configurar el menú de navegación (la predeterminada es equipo).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.
  • Diseño: aquí puede seleccionar mostrar los miembros del equipo en dos, tres o cuatro columnas.

Contenido de sección:

Haga clic en el botón Añadir un elemento para seleccionar la imagen de cada miembro de equipo. Luego de subir la foto desde la Biblioteca de medios, edite el título y la descripción de los Detalles de adjuntos, como se muestra en la siguiente imagen:

OnePress - Sección Equipo

Opciones de la sección Noticias

Ajustes de sección: 

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Noticias, que será útil al momento de configurar el menú de navegación (la predeterminada es noticias).
  • Título de sección.
  • Subtítulo de sección.
  • Descripción de la sección.
  • Número de entradas para mostrar.
  • Enlace del botón “Más noticias”: si escribe la URL de una página aquí (debería ser la del blog), se mostrará un botón para hacer clic y abrir esa página.
  • Texto del botón “Más noticias”: aquí puede escribir el texto del botón.

OnePress - Sección Noticias

Opciones de la sección Contacto

Ajustes de sección: 

  • Visibilidad: elija si desea mostrar u ocultar esta sección.
  • ID de la sección: una ID única para la sección Contacto, que será útil al momento de configurar el menú de navegación (la predeterminada es contacto).
  • Título de sección.
  • Subtítulo de sección.

Contenido de sección:

  • Código abreviado para el formulario de Contact Form 7: para poder mostrar un formulario es necesario tener instalado el plugin Contact Form 7 y pegar el código abreviado del formulario en este campo.
  • Ocultar el formulario de contacto completamente: puede elegir no mostrar el formulario seleccionando esta casilla.
  • Texto de contacto: aquí puede introducir cualquier tipo de texto para mostrar en la parte derecha.
  • Título del área de contacto: puede escribir aquí el título que se mostrará antes de los datos de contacto.
  • Dirección: escriba aquí la dirección.
  • Teléfono: escriba aquí el número de teléfono.
  • Correo electrónico: escriba aquí la dirección de correo electrónico.
  • Fax: escriba aquí el número de fax.

Todos estos campos son opcionales.

OnePress - Sección Contacto

Opciones del tema: Global

Vaya a  Apariencia > Personalizar > Opciones del tema > Global.

  • Diseño: seleccione entre las dos opciones de ubicación de la barra lateral (derecha o izquierda) o sin barra lateral. Este ajuste aplica a todas las páginas, excluye la página de inicio y las plantillas personalizadas de página.
  • ¿Desactivar cabecera fija?: Seleccione esta opción para desactivar la cabecera fija cuando se desplaza hacia abajo.
  • ¿Desactivar el efecto de animación?: Seleccione esta opción para desactivar la animación de todos los elementos durante el desplazamiento.
  • ¿Ocultar “Volver arriba” en el pie de página?: Seleccione esta opción para ocultar el botón “Volver arriba” en el pie de página.

Opciones del tema: Encabezado

Vaya a  Apariencia > Personalizar > Opciones del tema > Encabezado. Allí tendrá opciones para controlar los colores de fondo, del título del sitio (si no usa una imagen para el logo), de los enlaces del menú, de los enlaces del menú al pasar el ratón y enlaces activos, del fondo de los enlaces del menú al pasar el ratón y fondo de enlaces activos y del botón del menú adaptable.

También puede controlar la alineación vertical centrada para el menú, si usa un logo que es muy alto.

  • Cabecera transparente: Solo aplica a la plantilla de página frontal.
  • Desplazarse hacia arriba cuando haga clic en el logo o el título del sitio: solo aplica a la página frontal.

Opciones del tema: Perfiles sociales

Vaya a  Apariencia > Personalizar > Opciones del tema > Perfiles sociales. Allí podrá seleccionar si se muestran o no los iconos de redes sociales en el pie de página.

  • Título del pie de página social.
  • Redes sociales: podrá añadir hasta cinco redes sociales haciendo clic en el botón Añadir un elemento. Luego escriba la URL del perfil y la clase del icono de Font Awesome.

Opciones del tema: Boletín de noticias

Vaya a  Apariencia > Personalizar > Opciones del tema > Boletín de noticias. Allí podrá seleccionar si se muestran o no el formulario de suscripción. Y configurar los siguientes ajustes:

  • Título del formulario del boletín de noticias
  • URL de acción de MailChimp

Nota: El formulario del boletín de noticias utiliza MailChimp. Revise esta guía para saber cómo obtener la URL de acción de MailChimp. La estructura de la URL será similar a la de este ejemplo: //famethemes.us8.list-manage.com/subscribe/post?u=521c400d049a59a4b9c0550c2&id=83187e0006.

OnePress - Opciones del pie de página

Opciones del tema: sección Héroe

Vaya a  Apariencia > Personalizar > Opciones del tema > Opciones de la sección Héroe. Allí podrá seleccionar entre más de setenta tipos de animación para el texto del título, además de la velocidad de rotación en milisegundos.

Opciones del tema: CSS personalizado

Vaya a  Apariencia > Personalizar > Opciones del tema > CSS personalizado. En ese campo podrá pegar los códigos CSS personalizados para hacer cambios de estilo.

¿Cómo crear el menú de navegación de una sola página?

Vaya a Apariencia > Menús, cree un nuevo menú y asígnele un nombre. Por ejemplo, “Primario”.

Use el panel de Enlaces personalizados para crear un enlace como se muestra en la siguiente imagen:

OnePress - Configurar el menú

Los enlaces deberán tener la siguiente estructura:

  • La ruta completa del sitio (reemplazar http://su-sitio-wordpress.com/ con la URL de su página de inicio, por ejemplo, http://urldelsitio.com/)
  • Reemplazar #caracteristicas con la ID de la sección que haya asignado desde el panel Ajustes de cada sección.
Caribdis Diseño Web

Caribdis Diseño Web

Ana Ayelén Martínez - Buenos Aires, Argentina
Técnica en Electromecánica, Periodista, entusiasta de los idiomas y enamorada de WordPress. Amante de la lectura, la música y el mate, y fanática de las series de J.J. Abrams.
Caribdis Diseño Web

Últimas entradas por Caribdis Diseño Web (ver todas)