Si crea sus sitios de WordPress usando constructores de páginas, probablemente se haya encontrado con OceanWP. Junto con GeneratePress y Astra, estos forman los “3 grandes” de los temas populares para usarse con los constructores de páginas de WordPress. En caso de que no esté familiarizado con este mundo de la construcción de páginas de WordPress, OceanWP es un tema de WordPress multipropósito, que le da mucho control para personalizar el diseño de su sitio usando el personalizador de WordPress en tiempo real. No sólo eso, sino que también es muy rápido.
El tema principal de OceanWP es gratuito y lo puede encontrar en WordPress.org. Más allá de eso, también incluye una variedad de extensiones gratuitas y Premium que pueden agregar un poco más de funcionalidad.
En nuestro análisis de OceanWP, compartiremos más lo que hace único y tan popular este tema.
¿Por Qué Es Tan Popular OceanWP?
En lugar de decir una sola opinión, pensamos que sería más útil compartir algunos pensamientos de usuarios de la comunidad Elementor de Facebook. Podrá notar una tendencia común entre estos:
Básicamente, la principal atracción de OceanWP es que le brinda el poder de personalizar su tema de una forma muy intuitiva u sencilla, a través del personalizador de WordPress, incluyendo gran soporte a WooCommerce. Los sitios de OceanWP tienen todo tipo de formas y tamaños, así que si te preguntas si un sitio utiliza el tema de OceanWP, comprueba nuestra herramienta de detección de temas de WordPress.
A través de esta personalización, puede crear un marco de trabajo para contenido que usted diseñe con un constructor de páginas o puede tomar un poco más de control sobre el tema en general.
Más allá de estos controles, OceanWP también incluye una variedad de sitios demo gratuitos y Premium que le permitirán importar rápidamente un diseño prefabricado, incluyendo las opciones del Personalizador de WordPress y una plantilla de Elementor para la página de destino.
A través de estos demos, puede rápidamente lograr hacer que OceanWP luzca como esto:
O como esto:
O cualquiera de estos demos:
Para más poder, OceanWP también tiene extensiones gratuitas y premium para cosas como:
- Inicio de sesión en forma de Popup
- White labeling
- Portafolio
- Popup de WooCommerce
- Píe de página con sticky
- Ventana modal
- Posts con control deslizante
- Ocean hooks
- Importación de Demo
- Barra lateral personalizada
- Widgets de Elementos
- Panel lateral responsivo (con widgets dentro de este)
- Encabezado con sticky
- Píe de página con callout
- Intercambio de Producto de Woocommerce
- Compartir en redes sociales
Y todo esto viene en un paquete que es muy liviano comparado a la mayoría de los temas de WordPress. Lo que quiere decir que es muy bueno en términos de desempeño.
¿Cómo Importar un Sitio Demo con OceanWP?
Es fácil mostrarle como Customizer funciona con un sitio ya construido, así que empecemos con un vistazo rápido a lo fácil que OceanWP permite importar a un sitio demo.
Una vez que instale el Demo gratuito Importado de Ocean y los addons de Ocean Extras de WordPress.org, puede importar el contenido del demo desde el dashboard de WordPress:
Una vez que termine el proceso del demo, su sitio lucirá como en el demo.
Para personalizar el diseño de la página principal del demo, puede utilizar Elementor:
Y para personalizar el resto de su tema, usted usará el Customizer de WordPress.
Hablando de eso…
Las Opciones de OceanWP WordPress Customizer
El WordPress Customizer es donde OceanWP realmente resalta. Incluso con muy pocas extensiones instaladas, aquí hay un gran conjunto de opciones que tiene para elegir:
La profundidad de estas opciones va más allá de lo que pueden ofrecer los temas regulares de WordPress.
Veamos unos ejemplos:
Controlando su Encabezado
Una de las áreas que la mayoría de los constructores de páginas aún no pueden tocar es el encabezado… razón por la cual es muy conveniente que OceanWP le brinde una gran variedad de opciones para controlar el encabezado (Y la “Barra Superior” sobre el encabezado – el que contiene la información de contacto y perfiles sociales en este demo):
No solo podrá elegir de estilos predeterminados, también obtendrá varias opciones para controlar como luce… desde el relleno actual que usted agregue a su encabezado para distintos dispositivos:
Controlando Su Blog
No podemos cubrir cada opción, pero veamos dos más…
En el área de blog, puede controlar todo del diseño general…
…incluso hasta los varios elementos específicos de procedimiento/visibilidad e información meta:
Controlando la Tipografía de Su Sitio
¿Quiere cambiar las fuentes y sus colores en su sitio? No hay problema, solo vaya a la sección de Tipografía, donde encontrará una larga lista de opciones:
Otras Áreas Están Igualmente Detalladas
La meta de esta sección no es mostrarle cada una de las opciones (¡Hay muchas más!) En realidad, es para darle un entendimiento de la profundidad del control que puede esperar de Customizer y OceanWP de WordPress.
Mientras que es cierto que le tomará un poco de tiempo revisar todas estas opciones, usted tiene el poder para controlar casi todo aspecto importante de su sitio sin necesidad de tocar código/CSS de forma directa.
Otras 5 Opciones Útiles de OceanWP que Harán Su Vida Mucho Más Sencilla
Más allá del demo y la funcionalidad de WordPress Customizer, hay algunas opciones sobresalientes de OceanWP que harán su vida más sencilla y le dará más flexibilidad al trabajar en su sitio.
1. Controles Individuales de Posts
Con los add-ons extras gratuitos de OceanWP; usted tendrá acceso a un metabox nuevo y detallado en piezas individuales de contenido:
A través de estas opciones, usted puede controlar (en parte) las siguientes opciones antes y después del post:
- Cambiar el diseño del contenido o diseño de la barra lateral
- Deshabilitar el encabezado o la barra superior
- Cambiar el logo o el color del menú
- Deshabilitar el post/titulo de la página
- Desactivar el pie de página
- Otras opciones pequeñas
Mientras que estos controles pueden ser útiles en una variedad de situaciones de nicho, son especialmente geniales si se encuentra usando OceanWP con un constructor de páginas, porque podrá deshabilitar elementos que de otra forma se pondrían en el camino de su constructor de páginas.
2. Opción para Habilitar/Deshabilitar Scripts Específicos/CSS
Si está preocupado por el tiempo que tarda su página en cargar, usted amará que OceanWP le permite habilitar o deshabilitar scripts de JavaScript individuales y fragmentos de CSS.
Básicamente, esta área le permite deshabilitar las cosas que no está usando para acelerar su sitio.
3. Un Gran Número de Hooks + Condicionales
Los hooks hacen que sea sencillo insertar contenido a áreas diferentes de su sitio, sin la necesidad de editar el código del tema de forma directa. Por ejemplo, podría usar los hooks para inyectar un ad bajo el título de su post, o simplemente agregar contenido general en cualquier otro lado.
Una vez que ya entienda cómo funcionan los hooks, se vuelven súper útiles
Y cuando se trata de hooks, el add-on Premium de hooks de OceanWP no decepciona.
Le da una gran opción de hooks. Y lo más genial de esto, es que todos estos hooks le permiten:
- Solo habilitar el contenido del hook en un contenido especifico (como su página de inicio)
- Solo habilitar el contenido hook para roles específicos de usuario
Mientras que los hooks por si mismos no son únicos en temas que se encargan de este nicho, la lógica condicional y la focalización del rol de usuario sí lo son.
4. Profunda Integración de WooCommerce
Otro de los grandes puntos de OceanWP es su profunda integración con WooCommerce. Si tiene WooCommerce instalado en su sitio, obtendrá una nueva área en el WordPress Customizer:
Estas no solo son unas opciones especificas. Va más allá – por ejemplo, puede personalizar el número de aumento de ventas y de ventas cruzadas en el carrito de compras, e igual habilitar un proceso de compras sin distracciones:
5. Demás Extensiones
Hasta ahora, no hemos tocado muchas de las extensiones gratuitas y Premium. Pero recuerde – OceanWP le permite agregar muchas otras funcionalidades útiles.
Cheque esta lista completa de extensiones.
En caso de que se esté preguntando del porqué hay muchas extensiones, esto realmente es un gran enfoque, porque mantiene todo de forma modular.
En lugar de forzar todo en un solo tema, donde puede que quiera o no quiera toda la funcionalidad, OceanWP le permite escoger y elegir la funcionalidad exacta que usted desee para mantener las cosas livianas.
Pruebas de Velocidad de OceanWP
Estamos curiosos de ver como OceanWP se desempeñó, así que corrimos unas pruebas de velocidad. Importamos todo el contenido del demo del Sports Coach en nuestro sitio de desarrollo (con Kinsta como host) y cambiamos algunas cosas. Elementor ya estaba instalado, como recomienda OceanWP.
- Deshabilitamos Google Maps del pie de página. Esto es un asesino de desempeño muy conocido, y ¡honestamente nunca debería estar en su página!
- Habilitamos la Kinsta CDN para que los activos se puedan cargar tan pronto sea posible en el momento que hacemos pruebas.
- Agregamos Google Analytics para que se parezca un poco más al sitio de producción.
Luego corrimos cinco pruebas de velocidad y sacamos el promedio.
¿Wow, 744ms? Eso es muy bueno para simplemente importar con un clic el contenido del demo y hacer tres pequeños cambios. Recuerde, con los scripts y el panel de estilo, fácilmente podría optimizar un poco más esta página. Pero es bueno saber que, desde el principio, ¡con OceanWP puede esperar un desempeño impresionante!
¿Cuánto Cuesta OceanWP?
El tema principal de OceanWP es 100% gratuito. Y hay 7 extensiones gratuitas que puede encontrar en WordPress.org.
Si quiere las extensiones Premium, puede comprarlas de forma individual, empezando desde $9.99 cada una por uso en un solo sitio.
O, si quiere tener acceso a todas las 11 extensiones Premium, al igual que a todos los Demos Pros, puede comprar el paquete Extensiones Principales, empezando desde $39 por una sola licencia de sitio.
Si quiere leer más sobre por qué Nicolas, el desarrollador del tema, decidió irse con este modelo de pago, cheque este articulo en Freemius, para saber un poco más de la historia.
Pruebe OceanWP – Es Gratuito
Porque la mayoría de la funcionalidad principal de OceanWP es gratuita, puede descargar OceanWP de WordPress.org y jugar con él un rato sin riesgo de perder dinero.
Mientras que las extensiones Premium definitivamente agregan funcionalidades útiles, usted puede tener una idea de lo que el tema puede hacer usando solo la versión gratuita. Luego, si le gustó, puede comprar las extensiones Premium en otro momento.
Ahora le cedo la palabra – ¿Ha usado alguna vez OceanWP? ¿Cómo siente comparando con otros temas multipropósitos de WordPress?
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
Muchas gracias por el artículo. Me recomendaron OceanWp, y después de examinar sus opciones y recursos decidí usarlo para mi blog (todavía en localhost).
Pues bien, en la personalización de Cabecera recomiendan para la imagen unas medidas de 2.000 x 1.200 px, subo una foto con esas medidas… y el tema sólo muestra la franja superior. Si la foto fuera de un bloque de 9 pisos, sólo se verían el octavo y el noveno. Y no en todo el ancho, sólo un 70% aprox.
¿Podéis ayudarme? Gracias de antemano, un saludo.
Hola Salcedo,
Esto definitivamente sería una pregunta para los desarrolladores de OceanWP. Podrías abrir un ticket con ellos aquí:
https://oceanwp.org/support/
Saludos,
Peter