OceanWP: el tema personalizable N°1 para WordPress

En este momento estás viendo OceanWP: el tema personalizable N°1 para WordPress
  • Autor de la entrada:
  • Comentarios de la entrada:Sin comentarios
  • Tiempo de lectura:12 minutos de lectura

OceanWP ofrece muchas funciones listas para usar. Pero sus características también pueden mejorarse mediante multitud de extensiones gratuitas o de pago. Por lo tanto, no es de extrañar que el tema OceanWP se haya vuelto extremadamente popular, con más de 700,000 instalaciones activas. También obtuvo una calificación de 4.9 / 5 en WordPress.org, por más de 4.300 evaluaciones.

Gracias al Tema OceanWP , indudablemente puede crear un sitio web de aspecto profesional. Pero para eso será necesario utilizar el paquete de pago (llamado Core Extension Bundle por OceanWP) para tener todos los modelos y todos los complementos. También es posible comprar las extensiones una a una pero esto no parece muy interesante dada la pequeña diferencia de precio al compararlas con el pack completo.

Hay en todo 138 modelos (de los cuales 15 son gratis) y 20 extensiones (de las cuales 7 son gratuitas ).

OceanWP theme demos

La mayoría fueron diseñadas para un propósito específico, como una tienda en línea o un sitio web para pequeñas empresas. Dicho esto, todas las plantillas se pueden utilizar para todo tipo de sitios web: con OceanWP no solo puede cambiar los colores y las fuentes, sino también la estructura general de su sitio.

Las demostraciones se dividen en varias categorías: Belleza, Blog, Fotografía, Tecnología, Bares, Salud, Restaurantes, Mediación, Coaching, Religión, Portafolio, Negocios, Ecommerce, Servicios, Moda, Deportes, Arte y Diseño, Metidation, …

OceanWP theme demos

La integración de WooCommerce es excelente, con muchas modificaciones integradas directamente en su sitio de WordPress gracias a una ventana emergente y una barra flotante para el carrito de compras. También hay un modo de vista rápida que permite al cliente ver un producto sin tener que salir de la página actual.

Aún en términos de compatibilidad, el tema OceanWP funciona perfectamente con los menús y funciones de WPML, el complemento que le permite hacer que su sitio de WordPress sea multilingüe (66 idiomas).

WordPress multilingüe

La ventaja del Paquete Premium sobre el Paquete gratuito es que le brinda acceso a 12 meses de soporte y actualizaciones, incluidos nuevos modelos y expansiones que se lanzarán en el Catálogo OceanWP.

Si desea ver algunos modelos de OceanWP de muestra, puede verlos aquí sin tener que instalarlos.

En cuanto a los planes disponibles, existen tres planes de licenciamiento. Estos le dan acceso al mismo contenido, con la diferencia en el número de sitios que es posible crear: un sitio único para el plan “Personal“, 3 sitios para el plan “Business“, 25 sitios para el plan “Agencia“. Cada plan puede ser anual o vitalicio.

Instalar una plantilla y sus extensiones

El tema OceanWP estará disponible para descargar desde WordPress.org o directamente desde la página de temas en la sección de apariencia de WordPress.

Una vez que haya habilitado OceanWP, verá un mensaje que le recomienda instalar tres complementos de WordPress: Ocean Extra, Elementor y WP Forms. De hecho, Ocean extra es impensable, de lo contrario, las características esenciales del tema, como por ejemplo el panel de control de OceanWP, no se mostrarán si Ocean Extra no está activado.

Una vez que Ocean Extra esté activado, el menú del panel temático de OceanWP se mostrará en su menú de administración.

Panel de temas de OceanWP

A continuación, OceanWP aconseja al usuario que inicie el asistente de instalación y luego instale las extensiones necesarias para el modelo elegido.

En la página siguiente, puede personalizar los parámetros esenciales de su sitio web, como el logotipo, el título del sitio y el lema. Esta página también le permite seleccionar los colores predeterminados para el diseño y los enlaces de su sitio web.

Personalizar OceanWP

En la página principal del panel de temas, puede activar y desactivar secciones de la herramienta de personalización de temas OceanWP.

Panel de temas de OceanWP

A continuación, encontrará enlaces a configuraciones importantes del personalizador, como cargar su logotipo y cambiar su encabezado.

El asistente de configuración también se puede iniciar de nuevo desde esta página.

Nuevas pestañas y opciones

En el menú principal de WordPress podemos ver que han aparecido cuatro pestañas: el menú “Posts Slider“, el menú “Elementor” si aún no tienes esta extensión, el menú “Apariencia“(que tendrá más opciones) y finalmente el menú “Panel temático“.

Todas las configuraciones del tema se pueden exportar a un archivo “.dat”, lo cual es útil si desea guardar su configuración, que puede ser útil justo antes de instalar otro tema o extensión.

Puede desactivar ciertas partes de su sitio web, como el encabezado, el pie de página y las barras laterales. También puede cambiar el estilo del encabezado.

Se pueden agregar códigos cortos antes y después de partes clave de sus páginas, y puede cambiar el logotipo y el menú de navegación utilizados.

Los títulos se pueden cambiar por completo. Puede cambiar el título, subtítulo y estilo del título. También puede apagarlos por completo.

En la página Scripts y estilos, puede habilitar y deshabilitar docenas de elementos JavaScript y CSS. Deshabilitar los elementos que no está utilizando ayudará a reducir el tamaño general de su página, lo que acelerará los tiempos de carga de su página.

Scripts de tema de OceanWP

Nota importante: cualquier modificación realizada desde el menú “Apariencia” se puede previsualizar en tiempo real, lo que hace que configurar páginas sea mucho más agradable que cerrar menús antes de ver el resultado.

Menú de temas de OceanWP

Pero donde realmente nos damos cuenta de que las posibilidades de personalizar este tema de OceanWP son casi infinitas es cuando vemos que las páginas pueden, además, personalizarse de forma independiente para computadoras de escritorio, tabletas y teléfonos inteligentes. No se trata de una simple consulta o verificación de la apariencia del sitio web según el tamaño de las pantallas. El hecho de poder realizar ajustes independientes en diferentes tipos de dispositivos hace que OceanWP sea muy potente, y te permite beneficiarte de una excelente referenciación a ojos de Google.

Panel de temas de OceanWP

En este menú Apariencia, la sección “Opciones generales” contiene 9 submenús y aquí es donde puede encontrar la mayoría de las configuraciones básicas para ajustar la apariencia de su sitio de WordPress.

Opciones del menú del tema OceanWP

Puede modificar fácilmente:

  1. el estilo del diseño de su sitio (estilo y colores del encabezado, color o imagen de fondo, color del enlace),
  2. el estilo de diseño (pestaña “configuración general”), con opciones específicas para la página de búsqueda,
  3. las opciones relativas al título de las páginas (visibilidad, etiqueta, estilo, margen interno, colores de texto y fondo) así como las migas de pan (separador, taxonomía, etc.),
  4. las opciones para desplazarse hacia arriba (estilo, posición, colores),
  5. opciones de paginación (alineación, fuente, borde, colores),
  6. configuración de formulario (estilos de borde, colores, fuente, etc.),
  7. los estilos de los botones (margen, borde, colores, etc.),
  8. definir una plantilla de página de error 404 o su diseño,
  9. los iconos (elección entre “Iconos de línea simple” e “Iconos de fuente impresionante”).

La sección de tipografía se puede cambiar para cada elemento de su sitio web, incluidos los títulos de los blogs, de forma independiente.

También se proporciona la sección de encabezado: los colores, el tamaño, los márgenes y otras opciones para su encabezado se pueden cambiar fácilmente. Se pueden cargar imágenes grandes y banners de video para que aparezcan en el encabezado.

Finalmente, la sección de pie de página le permite, entre otras opciones, definir su propio mensaje de copyright.

Las extensiones que ofrece OceanWP

Catálogo de complementos de temas de OceanWP

Extensiones gratuitas son: Stick Anything, Modal Window, Posts Slider, Demo import, Custom Sidebar, Product Sharing, Social Sharing y, lo más importante, Ocean Extra. Todos estos complementos se pueden descargar desde el sitio wordpress.org o directamente desde su área de administración de WordPress.

Las extensiones Premium son: Full Screen, Cookie Notice, Popup Login, White Label Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header y Footer Callout.

Extensiones gratuitas de OceanWP

  • Stick Anything es un complemento simple que le permite pegar un elemento CSS particular en su página. Se puede utilizar para logotipos, formularios …

  • Modal Window se puede usar para agregar contenido a una ventana modal y mostrar el botón donde desee.

  • Posts Slider le permite mostrar las publicaciones de su blog como hermosas diapositivas. Tienes control total sobre el tamaño de las miniaturas utilizadas, el número de diapositivas y su velocidad. También puede limitar las diapositivas a artículos de una sola categoría, o por el contrario elegir la opción “aleatoria”.

  • Demo Import permite la importación con un clic de demostraciones, widgets y configuraciones personalizadas del usuario. Bastante práctico para ahorrar tiempo.

  • Las barras laterales se pueden crear en un número ilimitado y ser completamente personalizadas gracias a la extensión Custom Sidebar .

  • El complemento Product Sharing permite a los usuarios de WooCommerce mostrar botones para compartir en redes sociales debajo de los productos.

  • Si desea agregar botones para compartir debajo de las publicaciones del blog, debe usar la extensión Social Sharing . El complemento es compatible con varios servicios de redes sociales, incluidos Twitter, Facebook, LinkedIn, Pinterest, así como Telegram y Vkontakte, entre otros.

  • Y por fin Ocean Extra , que ya hemos visto: esta extensión es necesaria para el panel de temas, scripts y estilos, y mucho más.

Extensiones Premium OceanWP

  • Extensión Full Screen le permite crear un sitio web de desplazamiento a pantalla completa. Puede ajustar la velocidad de desplazamiento, agregar una barra de navegación lateral y ajustar el color de navegación para ayudarlo a mostrar el contenido deseado. Debe activar Elementor para usar esta extensión.

  • La extensión Cookie Notice permite a los visitantes mostrar la advertencia de que el sitio web utiliza cookies, con el fin de cumplir con la legislación europea sobre cookies y el reglamento GDPR. Tanto el contenido como el botón son totalmente personalizables y se puede elegir entre dos estilos de mensajes.

  • La extensión Popup Login le permite crear un formulario para la creación de cuentas y la conexión de los usuarios del sitio, así como restablecer la contraseña. Puede configurar la imagen de fondo, el contenido, los títulos, la descripción y el estilo de su formulario.

  • Extensión White Label permite que la marca OceanWP sea reemplazada por su propia marca, una opción útil para desarrolladores independientes y agencias web. También puede agregar su propia descripción, su propia imagen, así como el nombre y la URL del autor.

  • Extensión Portfolio será especialmente bienvenido para todos aquellos que quieran personalizar al máximo la visualización de fotos en su sitio de presentación. También es posible configurar los márgenes, el relleno, los colores, la tipografía.

  • Extensión Woo Popup mostrará un mensaje a los compradores cuando hagan clic para comprar un artículo y les notificará que el producto se ha agregado a su carrito. Puede configurar sus propios textos, así como las dimensiones, el relleno y los bordes de su mensaje.

  • Extensión Sticky Footer le permitirá visualizar y configurar el menú, el texto y los colores de su pie de página. También puede optar por no mostrar este pie de página solo en computadoras de escritorio y no en pantallas de tabletas o teléfonos inteligentes.

  • Extensión Ocean Hooks permitirá que su contenido personalizado se muestre en las diferentes áreas de un sitio sin tener que utilizar un tema hijo, gracias a simples shortcodes y códigos PHP. Puede diferenciar su contenido dependiendo de si los visitantes están conectados a su sitio o no. Estos códigos se pueden agregar a una página, una publicación de blog o una taxonomía.

  • Extensión Elementor Widgets te permitirá configurar el diseño del sitio, además de la conocida extensión Elementor. Tendrás acceso a una impresionante lista de Widgets muy útiles: botones, WooCommerce, gestión de contraseñas, Google Maps, animaciones, títulos, enlaces, formularios, barras de navegación, …

  • Extensión Side Panel agregará un panel lateral. Este panel responde: no se mostrará en tabletas o teléfonos inteligentes, dependiendo de la configuración que haya definido. El panel es completamente personalizable: es posible definir los widgets que formarán parte del mismo, el lado donde se mostrará, su ancho, colores, …

  • Extensión Sticky Header se utilizará para mantener el encabezado fijo en la parte superior de la página, lo que le permitirá determinar la altura del encabezado y las configuraciones específicas para tabletas y teléfonos inteligentes. Todavía es posible agregar un elemento entre la parte superior de la página y el encabezado fijo.

  • La última extensión del catálogo OceanWP, Footer Callout, se utilizará para mostrar una barra específica sobre el pie de página, que se puede activar o desactivar según las páginas deseadas.

En conclusión, OceanWP es un tema muy interesante por la cantidad de demos disponibles, su posibilidad de personalización, su confiabilidad y su velocidad de visualización. Este es el que utilicé para mi propio sitio web, en la categoría Blog : el modelo Tech .

demo-WpOcean

Deja una respuesta