Hoy te voy a hablar de OceanWP, el √ļltimo tema de WordPress que he probado y ha removido algo en mi interior (y no son n√°useas).

Algo que no me pasaba desde que probé la versión Premium de GeneratePress, y como no podía ser de una manera, no me he resistido a venir a hablar sobre él para que lo conozcas a fondo.

Llevo poco tiempo us√°ndolo, pero ya se ha convertido en uno de mis preferidos y lo he incluido en mi caja de herramientas para dise√Īar webs de clientes y propias.

Para empezar, te voy a poner un poco en situación y voy a explicar de dónde sale este theme.

OceanWP ha sido desarrollado por Nicolas, Nick para los amigos, un chico de Francia, que pas√≥ de no saber c√≥mo crear un blog en el a√Īo 2012, a crear su propio tema de WordPress en el a√Īo 2016.

Antes de crearlo, trabaj√≥ una temporada en una empresa desarrollando y vendiendo temas, y luego otra temporada realizando dise√Īo web con WordPress para clientes.

¬ŅQuieres lo mejor para tu web y tu proyecto online?

PÔĽŅueÔĽŅs ser√° mejor que eches un ojo a las mejores herramientas de creaci√≥n y dise√Īo web.

Luego no digas que no te lo advertí...

Y como no encontraba un tema que le hiciera el peso, decidi√≥ crearse el suyo propio a√Īadiendo todas las funcionalidades que echaba de menos en los temas que hab√≠a en el momento.

Y as√≠ es como naci√≥ Ocean wp, un tema gratuito que puedes instalar ahora mismo desde el repositorio de WordPress, y que adem√°s tiene extensiones de pago para hacerlo a√ļn mejor.

La buena noticia es que se lleva de maravilla con Elementor, ambos forman una combinación espectacular, al igual que GeneratePress + Elementor. También con otros maquetadores de WordPress, pero yo siempre utilizo este. De hecho, cuando instsalas el tema, te sale una recomendación diciendo que instales Elementor.

Y como siempre, vamos a hacer un repaso a las funcionalidades del tema en su versión gratuita.

OceanWP en su versión gratuita

Lo que más sorprende de OceanWP en su versión gratuita, son las enormes posibilidades de personalización que tiene. La puedes descargar desde aquí mismo.

Es el tema que más opciones para personalizar tu web tiene sin tener que soltar un céntimo, al menos de los que yo he probado.

Puedes configurar todas las opciones desde el personalizador de WordPress. Con el tema de serie, es el √ļnico lugar donde podr√°s acudir para ello. En un rato veremos c√≥mo aumentar sus posibilidades.

¬ŅQu√© puedes personalizar con la versi√≥n gratuita?

  1. La estructura de la web (ancho, posición de la(s) barra(s) lateral(es))
  2. La tipograf√≠a de todos los elementos de la web (cuerpo, cada uno de los encabezados, men√ļ, t√≠tulos de las p√°ginas, cabecera de los widgets, etc, etc).
  3. Puedes utilizar una barra superior para a√Īadir iconos que enlacen hacia tus redes sociales, adem√°s de cualquier otro contenido que t√ļ quieras, como por ejemplo, un tel√©fono, email o texto personalizado.
  4. Tienes siete maneras diferentes de mostrar el encabezado y el men√ļ de la web, adem√°s de la posibilidad de crear una plantilla personalizada. Adem√°s, puedes elegir su tama√Īo, margen, visualizaci√≥n en el m√≥vil, etc.
  5. La estructura de la página del blog, es decir, donde se muestran todas las entradas. Puedes elegir la posición de la barra lateral, qué datos mostrar u ocultar (autor, fecha, categoría, comentarios, etc). También puedes elegir entre tres maneras diferentes de mostrar la entradas (imagen grande, en forma de cuadrícula, o miniaturas, una entrada debajo de la otra).
  6. Lo mismo que el anterior punto pero en cada una de las entradas del blog.
  7. Cambiar los colores a cualquier elemento de la web (cabecera, men√ļ, t√≠tulos, barra lateral, pie de p√°gina‚Ķ cualquier cosa).
  8. Cambiar la tipografía de cada uno de los elementos de la web (igual que el punto anterior).
  9. La configuración de los widgets del pie de página, así como personalizar el texto del copyright.
  10. Cambiar la configuración y visualización de algunos elementos para tablet y smartphone.
  11. Muchos detalles m√°s.

Eso es a grosso modo lo que puedes hacer con OceanWP gratis, pero si algo bueno tiene lo gratis, es que lo puedes probar ahora mismo y sacar tus propias conclusiones, as√≠ que, ¬Ņa qu√© est√°s esperando? ūüėČ

Ocean Extra

Cuando instalas OceanWP, te aparece un mensaje-sugerencia indic√°ndote que te recomiendan instalar el plugin Ocean Extra.

Y si le quieres sacar todavía más partido a OceanWP, más te vale hacerle caso e instalarlo.

Ocean Extra es una de las extensiones gratuitas que a√Īaden funcionalidades interesantes al tema.

¬ŅQu√© puedes hacer con √©l?

Pues muchas cosas, pero lo primero que notar√°s al instalarlo es que aparece una nueva pesta√Īa en el administrador de WordPress llamada ‚ÄúTheme Panel‚ÄĚ.

Desde ah√≠, lo primero que puedes hacer es desactivar las opciones de personalizaci√≥n que no vayas a necesitar. Esto te ayudar√° a quitar ‚Äúlastre‚ÄĚ a la web y mejorar√° la velocidad de carga.

 

ocean wordpress

 

Aparte, hay accesos directos al personalizador para algunas de las opciones más comunes, como la de cambiar el logo, elegir el color primario de la web, o seleccionar la tipografía.

Otra función interesante es la de poder activar o desactivar scripts que se ejecutan. También es recomendable desactivar los scripts que no vas a utilizar para ahorrar recursos.

ocean wp theme

 

Y por otra parte, otra cosa muy interesante que a√Īade Ocean Extra, es la posibilidad de personalizar la estructura y los estilos de cada p√°gina y entrada.

Al final de cada p√°gina y entrada, ahora aparecen unas opciones desde las que puedes personalizar:

  1. El dise√Īo principal de la p√°gina (posici√≥n de la barra lateral, poner el ancho completo, dise√Īo del pie de p√°gina, etc).
  2. A√Īadir shortcodes en varios lugares de la p√°gina (antes o despu√©s de la barra superior, antes o despu√©s de la cabecera, antes o despu√©s del t√≠tulo, etc).
  3. Personalizar el estilo de la cabecera, así como ocultarla (también la barra superior).
  4. Mostrar un logo diferente y modificar su tama√Īo para los diferentes dispositivos.
  5. Personalizar el estilo del men√ļ y de los iconos sociales, as√≠ como poner un men√ļ diferente.
  6. Personalizar el título y los subtítulos de la página.
  7. Mostrar u ocultar las migas de pan para esa p√°gina y personalizar su estilo.
  8. Mostrar u ocultar los widgets del pie de p√°gina y el mensaje de copyright.

 

ocean wp

 

Vamos, creo que no se han dejado nada por personalizar. Podr√°s dotar a p√°ginas determinadas del estilo que t√ļ quieras sin problema.

Otras extensiones gratuitas de OceanWP

Ocean Extra no es la √ļnica extensi√≥n que puedes instalar gratis para aumentar las posibilidades de OceanWP.

Hay otras más específicas que puedes instalar si las necesitas. Estas son:

  1. Posts Slider: para crear sliders con varias im√°genes y a√Īadir textos y botones de llamada a la acci√≥n.
  2. Modal Window: con esta extensi√≥n puedes conseguir que cuando alguien haga clic en un texto o elemento de la p√°gina, aparezca una ventana emergente con el contenido que t√ļ quieras, shortcodes incluidos (para a√Īadir formularios de contacto o de suscripci√≥n, etc).
  3. Custom Sidebar: para crear tantas barras laterales como quieras y ponerle los widgets que quieras a cada una de ellas.
  4. Social Sharing: puedes a√Īadir botones en cada entrada para que la gente la comparta en sus redes sociales. Tiene las principales redes sociales que existen y puedes personalizar el estilo de los botones.
  5. Product Sharing: del mismo modo que el anterior, con esta extensi√≥n puedes a√Īadir los botones sociales en los productos de WooCommerce. En esta ocaci√≥n s√≥lo incluye Facebook, Twitter, Pinterest e email.
  6. Demo import: con esta extensi√≥n puedes instalar en un s√≥lo clic demos de webs ya hechas con OceanWP para s√≥lo tener que modificarlas a√Īadiendo tus textos e im√°genes si quieres.

Extensiones de pago de OceanWP

Bueno, ya hemos visto todas las posibilidades que ofrece OceanWP en su versión gratuita, que no son pocas, por cierto.

Pero como ya he mencionado antes, también tiene varias extensiones de pago que puedes adquirir por separado o en un pack llamado Core Extensions Bundle.

Algunas de ellas son muy espec√≠ficas y puede que no las necesites, pero otras son muy √ļtiles para cualquier web y le da ese toque especial y profesional que necesita.

Estas son todas las extensiones de pago que hay actualmente:

Popup Login

Te permite a√Īadir un formulario de inicio de sesi√≥n o registro en cualquier lugar mediante un popup y darle el estilo que quieras.

Est√° bien porque lo puedes poner en el men√ļ, por ejemplo, y que el usuario pueda acceder a tu web sin necesidad de llevarle a una p√°gina nueva.

 

oceanwp login popup

 

Instagram

Esta extensión se conecta con tu cuenta de instagram y te permite mostrar las fotos que cuelgas en esa red en tu web.

Adem√°s, la manera de mostrar las fotos es bastante similar a instagram, mostr√°ndose los likes y los comentarios que ha tenido una foto, aunque es bastante personalizable y puedes darle diferentes estilos.

Tambi√©n puedes mostrar tu nombre de usuario, el n√ļmero de seguidores y seguidos, la informaci√≥n de tu biograf√≠a y un bot√≥n para que te sigan directamente.

 

ocean portfolio

 

White Label

Esta extensi√≥n es √ļtil y beneficiosa sobre todo si eres dise√Īador web y haces webs para clientes.

Puedes reemplazar el nombre del tema, es decir, el texto ‚ÄúOceanWP‚ÄĚ por el de tu empresa o tu marca.

También puedes ponerle tu nombre como autor del tema y la URL de tu web como web del autor.

¬ŅQu√© consigues con esto?

Pues que aparezca tu nombre y el de tu marca en todos los lugares que t√ļ elijas en lugar del nombre del tema o el nombre del autor original.

Incluso puedes cambiar la imagen por defecto del tema (la que aparece en ‚ÄúApariencia – Temas‚ÄĚ) por la imagen que t√ļ quieras f√°cilmente.

 

ocean theme white label

 

Portfolio

Su nombre lo dice todo. Una extensión para crear un portfolio de trabajos muy visual y con amplias posibilidades de visualización.

Puedes activar o desactivar un filtro de categor√≠as para que el usuario pueda seleccionar una y ver √ļnicamente los trabajos de esa categor√≠a.

Tambi√©n puedes a√Īadir textos e iconos cuando se pasa el rat√≥n por encima de los elementos, elegir cu√°ntas columnas quieres, etc, etc.

 

ocean wp wordpress instagram

 

Woo Popup

Si tienes una tienda online con WooCommerce o quieres mejorar la de tus clientes, esta extensi√≥n es ideal, ya que con ella puedes mostrar un popup cada vez que un usuario a√Īade un producto al carrito, algo que no hace de serie WooCommerce.

Ya sabes, con el t√≠pico texto indicando que el producto se ha a√Īadido al carrito y con botones para continuar comprando o ir directamente al carrito.

Puedes poner los textos que quieras y darles el estilo que prefieras, controlar el radio de los bordes, etc.

Pero si no te conformas con eso, puedes elegir una plantilla de Elementor Page Builder o de cualquier otro maquetador de WordPress y sustituirla por ese mensaje.

 

woo popup oceanwp

 

Sticky Footer

Con esta vas a poder poner una barra fija en el pie de página, en la zona de abajo de la pantalla, es decir, que esté siempre visible para el usuario.

Puedes agregar un men√ļ o un texto, y por supuesto, personalizar los colores. Tambi√©n puedes mostrarlo u ocultarlo en dispositivos m√≥viles.

 

sticky footer ocean

 

Sticky Header

Esta quiz√°s es m√°s conocida y utilizada en muchas webs del mundo. Te permite b√°sicamente que la cabecera de la web se quede fija mientras el usuario se desplaza hacia abajo, de manera que siempre queda a su vista.

Puedes personalizar algunas cosas en esa barra que se queda fija, como el logo que quieres que se muestre, los colores, la opacidad, si se verá en teléfonos móviles o no, si quieres que la barra superior también se quede fija, etc.

Una de las extensiones de pago que m√°s me gustan.

 

oceanwp sticky header

 

Ocean Hooks

Si eres de los que les gusta a√Īadir elementos personalizados a los temas mediante c√≥digo, esta extensi√≥n no puede faltar con OceanWP.

Lo que hace es crear una página en la zona de administración de WordPress en la que puedes poner hooks en varios lugares de la plantilla.

En la cabecera, antes y despu√©s de la cabecera, de la barra superior, antes y despu√©s del men√ļ, etc, etc.

Lo bueno es que puedes elegir si quieres que se muestre en todas las p√°ginas o en algunas en concreto.

 

ocean hooks

 

Side Panel

Esta es tambi√©n una extensi√≥n tambi√©n interesante que te permite a√Īadir una barra lateral que los usuarios pueden ocultar y/o mostrar mediante un bot√≥n.

No importa que tengas configurada el sidebar ‚Äúnormal‚ÄĚ de OceanWP, puedes a√Īadir esta barra lateral extra.

En ella, puedes a√Īadir todos los widgets que quieras y personalizarla, desde el ancho que quieres que tenga hasta sus colores.

 

side panel

 

Footer Callout

Con Footer Callout vas a poder poner llamadas a la acción justo encima del pie de página.

Crea una sección en la que puedes poner el texto que quieras y uno o más botones para animar a la gente a que realice una acción.

Como siempre, puedes personalizar los estilos y elegir en qu√© p√°ginas se va a mostrar. Una extensi√≥n muy √ļtil, sin duda.

 

ocean footer callout

 

Elementor Widgets

Y por si todo lo que acabamos de ver fuera poco, esta extensi√≥n a√Īade nuevos m√≥dulos a Elementor para utilizarlos en tus p√°ginas y entradas.

Entre las cosas que a√Īade est√°n cajas de distintos colores para mostrar avisos, un carrusel con las entradas del blog, una nueva forma de mostrar las entradas del blog en forma de cuadr√≠cula, un widget para iniciar y cerrar sesi√≥n, otro para mostrar formularios de suscripci√≥n, etc.

 

ocean wp elementor widgets

 

Precio de las extensiones

Las extensiones de OceanWP tienen varias modalidades de pago.

Para empezar, debes saber que puedes comprarla cada una de ellas por separado. Y por cada extensión, puedes elegir tres opciones:

  1. Licencia para una sola web por 9,99$.
  2. Licencia para 5 webs por 15,99$.
  3. Licencia para 20 webs por 24,99$.

Con estas licencias tienes actualizaciones y soporte por un a√Īo. Pasado ese tiempo, tendr√°s que volver a pagar para seguir recibiendo actualizaciones.

Pero cómo no, también puedes comprar todas las extensiones juntas, cosa que sale más a cuenta que si las compraras por separado.

Aqu√≠ puedes elegir entre comprar la licencia renovable, con la cual tienes actualizaciones y soporte por un a√Īo, o una licencia de por vida, con la cual pagas una sola vez y recibes actualizaciones y soporte siempre. Puedes verlos aqu√≠ y elegir t√ļ mismo la modalidad de pago (Annual – Lifetime).

Los precios de la renovable son:

  1. Licencia para una sola web por 39$.
  2. Licencia para 3 webs por 79$.
  3. Licencia para webs ilimitadas por 129$.

Lo bueno si eliges esta modalidad de pago es que te hacen un 30% de descuento en la renovación de la licencia.

Los precios de la licencia de por vida son:

  1. Licencia para una sola web por 159$.
  2. Licencia para 3 webs por 319$.
  3. Licencia para webs ilimitadas por 519$.

Si eres dise√Īador web, te conviene coger la licencia para webs ilimitadas, sea cual sea la modalidad que elijas.

Estos planes también te dan acceso a descargar sus demos en tu web.

Conclusión

Pues otro tema que va para la lista de los mejores que he probado. OceanWP es un tema muy personalizable, ligero y vers√°til que har√° las delicias de cualquiera que lo pruebe.

Evidentemente, no sustituiré a Divi ni a GeneratePress, ya que dependiendo del proyecto, viene mejor uno u otro.

Pero se quedar√° conmigo por mucho tiempo. A√ļn no lo he probado en profundidad, pero poco a poco ir√© us√°ndolo mejor para exprimirlo al m√°ximo.

Y t√ļ, ¬Ņhas probado ya Ocean WP para WordPress? ¬ŅQu√© te ha parecido?

ÔĽŅ