OceanWP: el tema personalizable N° 1 para WordPress

oceanwp Wordpress tema Blog imagen
  • Autor de la entrada:
  • Tiempo de lectura:28 minutos de lectura
  • Categoría de la entrada:Temas WordPress

El tema 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 ha obtenido una puntuación de 4,9/5 en la web WordPress.org, por más de 5.000 reseñas.

Oceanwp demos ejemplos
OceanWP Demos

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.

Oceanwp demos ejemplos
OceanWP Demos

Hay un total de 225 plantillas (15 de las cuales son gratuitas) y 20 extensiones (7 de las cuales son gratuitas ).

OceanWP Cloudways
OceanWP 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.

OceanWp Demos Ejemplos

Las plantillas (llamadas demos por OceanWP) se dividen en varias categorías: Belleza, Blog, Fotografía, Tecnología, Bares, Salud, Restaurantes, Mediación, Coaching, Religión, Portafolio, Negocios, Comercio electrónico, Servicios, Moda, Deportes, Arte y Diseño, Meditación…

Oceanwp demos ejemplos
OceanWP 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.

Oceanwp-demos-ejemplos
OceanWP Demos

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).

WPML-Wordpress-multilingual-plugin-banner
WPML WordPress Plugin

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.

tema oceanwp panel
Panel tema 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.

También es posible importar demostraciones con un solo clic gracias a la asociación de OceanWP con Cloudways .

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.

tema oceanwp panel
Panel tema OceanWP

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

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 menu “Elementor “si aún no tienes esta extensión, el menú”Aspecto ” (que será lo más proporcionado en opciones) y por último 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.

tema oceanwp panel
Scripts y estilos de OceanWP

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

tema oceanwp personalizar
Tema OceanWP Personalizar

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.

tema oceanwp sensible
Tema OceanWP Responsivo

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

Opciones generales del tema oceanwp
Opciones generales de 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 de fondo), así como la ruta de navegación (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 íconos (elección entre “Iconos de línea simple” e “Iconos de fuente impresionante”),
  10. algunos ajustes relacionados con el SEO (imágenes),
  11. Configuración de CSS para acelerar la velocidad de visualización de sus páginas.

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

También se proporciona la sección “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 “pie de página” le permite, entre otras opciones, definir su propio mensaje de copyright.

Las extensiones que ofrece OceanWP

Oceanwp-plugins
OceanWP complementos

Extensiones libre 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: Pantalla completa, Aviso de cookies, Inicio de sesión emergente, Etiqueta blanca, Portafolio, Ventana emergente Woo, Pie de página fijo, Ganchos oceánicos, Widgets Elementor, Panel lateral, Encabezado fijo y Llamada de pie de página.

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.

  • La extensión Portfolio será particularmente bienvenida para todos aquellos que quieran personalizar al extremo 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 .

Oceanwp-demos-ejemplos
OceanWP Demos

Puede consultar este artículo sobre las últimas demostraciones, así como la asociación con Cloudways para instalar sus demostraciones en 1 clic.

Oceanwp-demos-ejemplos
OceanWP Demos

This publication is also available in : English Français Italiano Deutsch Svenska Português Ελληνικά Türkçe

Deja una respuesta