cbParallax

Descripción

Responsive, fullscreen background image with a parallax effect.

Características

  • Custom background image
  • One Image for all pages or individual images and effects on a per post basis
  • Compatible with posts, pages, products, and many more
  • Optional fullscreen background parallax effect
  • Works vertically and, for fun, horizontally
  • Various overlays to choose from

Requirements

  • Your theme must support the core WordPress implementation of the Custom Backgrounds theme feature.
  • In order to use the parallax feature, I decided to set the minimum required image dimensions to 1920px * 1200px, which covers a fullHD screen with a slight vertical parallax movement ( Image height – viewport height, so 1200px – 1080px gives 120px offset to move the image. I hope you get the point here.).
  • You most likely need to edit some css in order to “uncover” the background image or parts of it respectively. Your theme’s layout should be “boxed”, or an opacity should be added to the page content container for the background image to be seen.
  • PHP version 8.0 or above.

Capturas

  • Multiple background views of a single post.
  • Settings Page.
  • Custom background meta box on the edit post screen.

Instalación

  1. Upload the cb-parallax folder to your /wp-content/plugins/ directory.
  2. Activate the “cbParallax” plugin through the “Plugins” menu in WordPress.
  3. Edit a post to add a custom background.

Preguntas frecuentes

Where do I interact with this plugin and how does it work?

Please visit the plugin help tab for further information.

Why doesn’t it work with my theme?

Most likely, this is because your theme doesn’t support the WordPress custom-background theme feature.
This plugin requires that your theme utilize this theme feature to work properly.
Unfortunately, there’s just no reliable way for the plugin to overwrite the background if the theme doesn’t support this feature.
You’ll need to check with your theme author to see if they’ll add support or switch to a different theme.

My theme supports ‘custom-background’ but it doesn’t work!

That’s unlikely.
Just to make sure, check with your theme author and make sure that they support the WordPress custom-background theme feature.
Also, make sure that no container element is covering the element that holds the background image.

How do I add support for this in a theme?

Your theme must support the [Custom Backgrounds] (https://codex.wordpress.org/Custom_Backgrounds) feature for this plugin to work.
If you’re a theme author, consider adding support for this feature if you can make it fit in with your design. The following is the basic code, but check out the above link.
add_theme_support( ‘custom-background’ );

Are there any known limitations?

  • This is not really a limitation of functionality, but since the background image container wraps the body element, it usually resembles the viewport dimensions. This means, that on themes where the navigation bar is on the side, the sidebar covers a part of the viewport and thus also a part of the image (logic, but noteworthy).

Can you help me?

Yes. I have a look at the plugin’s support page two or three times a month and I provide some basic support there.

Are there any known issues?

  • Besides the known limitations, no.

Reseñas

15 de diciembre de 2018
It was difficult to find a plugin that did what I simply wanted: Parallax the custom background! And it works with Divi! My only suggestions to the developer: 1. Update it to 5.0 compatiblilty (I mean, it WORKS, but make sure your plugin is secure) 2. Any way you can make it scroll smoothly? When I mouse-wheel the motion is choppy. Try interpolating the change in position… 🙂
1 de julio de 2017
Plugin works, the controls are simple but effective and the support was great.
19 de abril de 2017 3 respuestas
This is an amazing and very useful plugin. The only thing I miss, is to delete or replace an image on the current page. But maybe this is something to put on the to-do list? Greetings.
14 de febrero de 2017 1 respuesta
Thanks a lot Demis for a plugin in general and for a new feature – responsive backgrounds! Asked for it just a week ago, and “voilà” – new version with implemented feature! Very useful and elegant plugin. Thanks!
10 de diciembre de 2016 3 respuestas
Well-done little plugin that is easy to understand and use and works out of the box (if your theme supports the custom-background CSS class, that is … it often does if it allows you to set a background color or image in the theme options). As of version 0.4.2, it’s not yet possible to have defaults for background images and parallax options for the scroll effect, so you have to repeat the setting for each page and post you want it on. But that’s already everything I’m missing a bit 🙂 Edit: As of version 0.6.0, Demis has added a feature for default background settings now. You find it at “Settings cbParallax” in your WordPress site.
Leer todas las 6 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

Traduce “cbParallax” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.