WP FullPage

Wp Fullpage integrates the power of fullPage.js into your WordPress website.

Examples

Browse some examples.

Demo Website

Try out the demo (user: demo / pwd: demo).

FAQ

Browse questions.

New Features

1. Style your fullpage directly from the back office (in Design Parameters tabs).
2. Parallax effects are more fluid than ever and work now on CSS3 mode.
3. Add to background images some colored overlays using Slide and Section Color (Styling / Design Parameters, choose a color and reduce its opacity).
4. New Materialize UI, more easy to use.
5. New easy to use Ace editor to add your own javascript in events and your own CSS. No need to modify anymore the js files in your template to get what you want. If you really need to do that, you can add you own javascript in “/wp-content/themes/YOURTHEME/wp-fullpage/js/jquery.fullpage.theme.js” (take a look at “Customization” to do so).
6. A DOM Ready Event has been added to setup your own javascript code on DOM Ready.
7. New templating system. Add your own theme styles to “/wp-content/themes/YOURTHEME/wp-fullpage/css/jquery.fullpage.theme.css” instead of modifying the huge custom CSS file (take a look at “Customization” to do so).
8. New options from fullPage.js implemented. You can now for example add a auto height section… Very useful to make a footer!
9. Now you can chose between lazy loaded backgrounds (once the section or slide is loaded) or a “All at once” backgrounds loading.
10. A debug (Verbose mode) has been added so you can follow the code execution.
11. Now compatible with page builders (tested with Divi builder and Page Builder by SiteOrigin). You can use your favorite Page Builder to customize your Slides or simple Sections as you want.
12. Display what you want in your slides and simple sections. You can choose to display or not titles, section titles, metas, …
13. Now, in CSS3 mode, you can chose a transition effect by FullPage (vertical) and Section (horizontal) independently.
14. Many js and CSS3 transition effects available.
15. You can now disable FullPage vertical Scrolling for smaller screens modifying “Responsive width / height” value.
16. Pages can now be used as FullPages.

How to use

1. Create Fullpage Sections and Slides and integrates them into a Fullpage or a Page.
2. Replace Sections and Slides by a list of any type of post.
3. Setup your Fullpage with many options from fullPage.js.
4. Easely style your fullpage, sections and slides directly from the back office.
5. Add a featured image to your section, slide or post, and it will appear as background of the section or the slide.

Customization

1. Customize FullPage templates and functionalities by copying the contents of “/wp-content/plugins/wp-fullpage/templates/” into “/wp-content/themes/YOURTHEME/wp-fullpage/”.
2. Many hook filters and actions are available too.

Documentation

Read the full documentation

Contact me if you want to know how to customise WP FullPage.