You can find here a scrolled WordPress theme as a single landing page. This is a popular single page but in this case, you have a custom template that loads independently all pages from the WordPress dashboard as one scrolled content. Full keyboard control.
The template does not use any fancy plugins or heavy libraries. Just Advanced Custom Fields and then all pages as sections load only once. Additionally, a maximum optimized code with Gulp makes the whole web page load very fast.
Example pages and ACF json conf file available to download at demo website
Implemented libraries:
- jQuery
- Swiper Slider
- iziModal
- Scrollify
- AnimateCSS
# Download or clone theme package
git clone https://github.com/parys-github/landing.git
# Install NPM package, and any packages that it depends on.
npm install
# run build for production with minification => /build/ directory
gulp
- All Wordpress pages as one scrolled content
- Custom navigation build via ACF
- Optimised and minified files via GULP
- SCSS source files (compiled CSS included)
- Javascript sources are written using ES6 (compiled JS included)
- Extra WPML integration with (Arabic) RTL styles orientation
- Swiper Slider integrated with WP Pages
- Animations with AnimateCSS
- Scroll Indicator NEW
- Customisable modals
- Mobile view compatible
..git/ # git repo
│ └── ...
├── wp-admin/ # wordpress structure
│ └── ...
├── wp-content/ # Wordpress structure
│ └── themes/ # WP themes directory
│ │ └──landing/ # Landing themes directory (landing)
│ │ ├── build/ # Final build JS and Style minified files
│ │ │ └── css/ # Theme styles
│ │ │ └── img/ # Theme artwork assets
│ │ │ └── js/ # Theme scripts
│ │ ├── parts/ # Template parts
│ │ │ └── ... # Individual pages templates
│ │ ├── node_modules/ # Node library
│ │ │ └── ... # generated by NPM
│ │ └── src # Template source directory
│ │ ├── sass/ # Stylesheet SCSS files and vendors styles
│ │ └── scripts/ # Main app.js and vendors libraries
│ │ ├── footer.php # Footer template
│ │ ├── functions.php # Basic theme functions file
│ │ ├── gulp.js # Gulp configuration file
│ │ ├── header.php # Header template
│ │ ├── index.php # Theme index
│ │ ├── package.json # Basic Node packeges config
│ │ ├── package-lock.json # Package-lock.json
│ │ ├── README.md # Instruction file
│ │ ├── screenshot.png # Theme screenshot thumbnail
│ │ └── style.css # Default WP theme style info
├── wp-includes/ # Wordpress structure
Download last updated theme version