WP FullPage



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


Browse some examples.

Demo Website

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


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.


  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.


Read the full documentation

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


  1. Upload to the /wp-content/plugins/ directory.
  2. Unzip archive.
  3. Activate the plugin through the Plugins menu in WordPress.
  4. Go to Settings/Wp FullPage for default settings.

Upgrade Notice

If you already customized your FullPage templates and you want to get the new features, youll have to upgrade your templates too.
Otherwise your FullPage will work the same.

Leave a Reply

Your email address will not be published.

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Most Viewed Posts