OceanWP, un tema gratuito altamente personalizable y genial

Estoy aquí de nuevo con un tema de WordPress que ha logrado despertar algo de emoción en mí (no náuseas, aunque). Este es OceanWP.

Es algo que no me ha pasado nunca desde que obtuve la versión Premium de GeneratePress y como pensé no pude evitar informártelo para darte un buen conocimiento al respecto.

Aunque lo he usado solo por un corto periodo de tiempo, ya se ha convertido en uno de mis programas favoritos y lo he incluido en mi lista de herramientas para el diseño de sitios web.

Para empezar, aquí está la información de fondo que me ayudará a introducir este tema.

OceanWP fue fundado por Nicolas, conocido por sus amigos como Nick, quien es de Francia. Una vez no pudo hacer un blog en el año 2012 pero finalmente hizo un tema de WordPress en el año 2016.

Antes de crearlo él había pasado un tiempo trabajando para una compañía que estaba desarrollando y comercializando plantillas y luego un poco más de tiempo trabajando en el diseño web usando WordPress.

Como él no pudo encontrar un tema que lo llenara por completo, decidió inventarse su propio tema, el cual tendría todas las cualidades que le faltaban a los demás temas.

Y así fue como se creó Ocean wp, un tema gratuito disponible para descargar directamente desde el directorio de WordPress y también cuenta con extensiones de pago para mejorarlo aún más.

Es bueno saber que este tema funciona sin problemas con Elementor; esta pareja es un combo genial como lo es GeneratePress + Elementor. Aunque este tema funciona con otros constructores de páginas de WordPress, siempre utilizo este. De hecho, cuando instales el tema verás una recomendación para instalar Elementor.

Y como es típico, vamos a revisar las características del tema en su versión gratuita.

OceanWP en su versión gratuita

La principal característica de OceanWP en su versión gratuita es la tremenda cantidad de opciones de personalización que ofrece. Puedes descargarlo directamente aquí.

Este es un tema que ofrece un amplio espacio para personalizar tu sitio sin gastar ni un solo centavo en él, al menos según mi experiencia.

Todas estas opciones se pueden ajustar a través del Personalizador de WordPress. Usando el tema por defecto esta es la única forma de acceder a estos ajustes. Pronto aprenderemos como mejorar esta utilidad.

¿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 más o menos todo lo que puedes hacer con OceanWP sin gastar un centavo. Pero una buena cosa de conseguir algo gratis es que puedes probarlo de inmediato y tomar tu propia decisión. Entonces, ¿qué estás esperando? 😉

Ocean Extra

Al instalar OceanWP aparecerá una sugerencia que indica que altamente recomiendan que instales el plugin Ocean Extra.

Pero si quieres maximizar los beneficios de OceanWP entonces no tienes otra opción más que obedecerlo e instalarlo.

Ocean Extra es uno de esos complementos gratuitos que le dan algunas funcionalidades extra al tema.

¿Qué puedes hacer con él?

Bueno, hay muchos, pero lo que encontrarás después de instalarlo es que hay una nueva pestaña en el panel de administración de WordPress llamada “Panel de Temas”.

Una vez que lo hayas hecho lo primero que puedes hacer es deshabilitar las funciones de personalización que no vayas a necesitar. Esto asegurará que elimine cualquier «peso muerto» del sitio web, de esta manera aumentando el tiempo de carga.

También hay acceso directo al Personalizador para los ajustes más comúnmente utilizados como cambiar el logo, elegir el color principal del sitio web o seleccionar la fuente.

Hay otra opción intrigante, que es la posibilidad de activar o desactivar los scripts. También es aconsejable apagar los scripts que no se necesiten.

Y por cierto, otra característica interesante de Ocean Extra es que puedes personalizar el diseño y el estilo de cada página y publicación.

Ahora al final de cada página y entrada hay algunas opciones que puedes usar para 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.

¡Vamos! Creo que no has dejado nada sin personalizar. Eres capaz de hacer que cualquier página se vea como tú quieras.

Otras extensiones gratuitas de OceanWP

Ocean Extra no es el único complemento que se puede instalar gratis para mejorar la funcionalidad de OceanWP.

Hay algunos más particulares que también puedes usar si los necesitas. Estos son:

1. Posts Slider: sirve para construir sliders con varias imágenes y agregar textos y botones de llamada a la acción.
2. Modal Window: gracias a esta extensión logras que, al hacer clic en un texto o elemento de la página, se muestre una ventana emergente con el contenido que tú decidas, shortcodes incluidos (para incorporar formularios de contacto o de suscripción, etc).
3. Custom Sidebar: permite generar tantas barras laterales como desees y asignar los widgets que quieras a cada una de ellas.
4. Social Sharing: puedes incorporar botones en cada entrada para que la gente la comparta en sus redes sociales. Dispone de las principales redes sociales existentes y puedes personalizar el estilo de los botones.
5. Product Sharing: igual que el anterior, con esta extensión puedes añadir los botones sociales en los productos de WooCommerce. En esta ocasión sólo incluye Facebook, Twitter, Pinterest e email.
6. Demo import: con esta extensión puedes instalar con 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

Entonces ya hemos examinado todas esas opciones que OceanWP ofrece en su versión gratuita y son muchas.

Sin embargo, como ya he señalado anteriormente, también existen algunas extensiones de pago que se pueden adquirir ya sea individualmente o como un paquete llamado el Paquete de Extensiones Básicas.

Incluyen algunos muy específicos y que quizás no necesites pero otros son muy útiles para cualquier página web y le dan un aspecto profesional.

Estas son todas las extensiones pagas que están disponibles ahora mismo.

Popup Login

Esto te permite colocar el formulario de inicio de sesión o de registro donde quieras con un ventana emergente y diseñarlo como tú quieras.

Esto es beneficioso ya que se puede agregar al menú y así el usuario no tendrá que ir a otra página web para llegar a tu sitio web.

Instagram

Este complemento se conecta a tu cuenta de Instagram y te permite mostrar las fotos que subes a la red social en tu sitio web.

También existe una gran similitud en la forma en la que se muestran las fotos porque muestra la cantidad de «me gusta» y comentarios en tu foto aunque puedas hacerlo más personalizado.

Incluso podrías tener el nombre de usuario exhibido junto con el número de seguidores, las personas que sigues, los detalles de la biografía y un botón «Seguir» también.

White Label

Esta extensión es muy útil y provechosa especialmente si eres un diseñador web que diseña sitios web para tus clientes.

Tienes la opción de cambiar el nombre del tema de “OceanWP” a otro nombre, por ejemplo el nombre de tu empresa.

También puedes agregarte a ti mismo como autor del artículo así como agregar tu sitio web como la URL del autor.

¿Qué consigues con esto?

Tu nombre de marca y tu nombre deben aparecer en todos los lugares que elijas en vez del nombre del tema o el nombre del autor original.

Incluso tú puedes fácilmente modificar la imagen por defecto del tema (la que aparece en “Apariencia-Temas”) a la que tú quieras.

Portfolio

Todo es por su nombre. La ampliación para formar un portafolio altamente visual de trabajo con numerosas maneras de verlo.

Es posible habilitar o deshabilitar un filtro de categoría de modo que el usuario pueda elegir una categoría y ver solo los trabajos de esa categoría.

Por supuesto que tienes la opción de escribir e incluso agregar íconos a los elementos mientras mueves el ratón sobre ellos.

Woo Popup

En caso de que tengas un sitio web de comercio electrónico que utilice WooCommerce o quieras mejorar los sitios web de tus clientes, este plugin es perfecto para ti, ya que te brinda la oportunidad de mostrar un pop-up cada vez que un cliente agrega un producto a su carrito. Una capacidad que WooCommerce carece de forma nativa.

Verás el texto habitual sugiere que el producto ya está en el carrito, con botones que te ayudan a continuar comprando o ir directamente al carrito.

Puedes agregar cualquier texto que quieras agregar y darle el estilo que quieras darle, controlar el radio de los bordes etc.

Sin embargo, si no quieres estar limitado por eso, puedes usar una plantilla de Elementor Page Builder o cualquier otro constructor de páginas de WordPress.

Sticky Footer

Esto le permitirá colocar una barra fija en el pie de página, en la parte inferior de la pantalla, lo que significa que siempre será visible para el usuario.

Puedes agregar un menú, agregar algún texto e incluso personalizar los colores. Incluso es posible hacerlo visible/invisible en dispositivos móviles.

Sticky Header

Esta es quizás la más común y se usa en muchos sitios web alrededor del mundo. Esto se debe a que permite que la parte de la cabecera del sitio web permanezca fija en el mismo lugar sin importar la posición de desplazamiento de la página.

Algunos de los elementos que puedes personalizar en esa barra fija incluyen el logo que quieras usar, los colores, la transparencia, si debe o no aparecer en los teléfonos móviles, si quieres que la barra superior también se fije, etc.

Una de las extensiones que realmente disfruto pagar.

Ocean Hooks

Si eres una de esas personas que disfrutan de agregar componentes personalizados a los temas a través del código, esta extensión no puede ser ignorada cuando está disponible OceanWP.

Esto hace lo siguiente: Crea una página en el panel de WordPress la cual te permite agregar ganchos en diferentes puntos del tema.

Antes y después del encabezado, en el encabezado, desde la barra superior, antes y después del menú, ,etc,etc.

La parte positiva de esto es que tienes la libertad de decidir si quieres que aparezca en todas las páginas o solo en páginas específicas.

Side Panel

También es una extensión fascinante ya que te permite agregar un panel lateral que se puede ocultar o mostrar usando un botón.

No importa si tienes instalada la «barra lateral por defecto» en OceanWP ya que aún puedes agregar otra barra lateral.

Aquí puedes agregar cualquier número de widgets que te gusten y personalizarlo, hasta el ancho y el esquema de color.

Footer Callout

Ahora puedes posicionar tu llamada a la acción justo encima del pie de página usando el Con Llamada a la Acción del Pie de Página.

Agregar una sección donde puedas incluir cualquier texto que desees, junto con uno o más botones que le indiquen a los usuarios que realicen alguna acción.

Siempre puedes personalizar los estilos así como las páginas donde se mostrará. ¡Una extensión realmente útil!

Elementor Widgets

Pero si todo lo anterior no fuera suficiente, esta extensión también añade nuevos módulos a Elementor, los cuales puedes usar en tus páginas y publicaciones.

Entre estas características se encuentra el uso de cajas de colores para los avisos, un carrusel de entradas de blog, un nuevo método de mostrar las entradas de blog en formato de cuadrícula, una opción para iniciar sesión/cerrar sesión, otra más para las suscripciones y así sucesivamente.

Precio de las extensiones

Las extensiones para OceanWP tienen diferentes métodos de pago.

Al principio déjame decirte que puedes comprar cada uno de ellos individualmente. Y para cada extensión tienes tres opciones.

Puedes obtener apoyo y actualizaciones con estos acuerdos de licencia por un año. Después de que este periodo haya transcurrido tendrás que pagar nuevamente por las actualizaciones posteriores.

En esta etapa tienes la oportunidad de comprar una licencia renovable que te brinda un año de soporte y actualizaciones. Alternativamente puedes optar por un soporte de por vida, para lo cual tendrías que pagar solo una vez y recibir soporte y actualizaciones de por vida. Puedes ver y decidir sobre tu propio método de pago (Anual-De por vida).

Los precios de la energía renovable son los siguientes:

Este modo de pago tiene sus beneficios ya que al renovar tu licencia de conducir te otorgan un 30% de descuento.

Las tarifas únicas de licencia son las siguientes:

En caso de que estés realmente interesado en el diseño web entonces definitivamente deberías optar por la licencia ilimitada de sitios web sin importar el plan que elijas.

Ellos te han permitido descargar sus programas de demostración en tu sitio web también.

Conclusión

Otro tema que merece estar en mi lista de los mejores es OceanWP. Es un tema muy personalizable, liviano y versátil que cualquier persona que lo use seguramente lo amará.

Es bastante claro que no voy a reemplazar a Divi o a GeneratePress, ya que cualquiera de los dos es mejor dependiendo del proyecto.

Pero él se va a quedar por mucho tiempo. No lo he usado mucho hasta ahora pero gradualmente lo iré utilizando más y más para sacar el máximo provecho de su potencial.

Y tú, ¿ya has probado o Ocean WP para WordPress? ¿Qué te ha parecido?

Preguntas Frecuentes