https://github.com/parys-github/landing
Scrolled WordPress theme as a single landing page.
https://github.com/parys-github/landing
animatecss gulp landing-page scrolling scss swiper wordpress wordpress-theme
Last synced: 4 months ago
JSON representation
Scrolled WordPress theme as a single landing page.
- Host: GitHub
- URL: https://github.com/parys-github/landing
- Owner: parys-github
- License: mit
- Created: 2018-10-14T00:29:20.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T17:27:51.000Z (almost 3 years ago)
- Last Synced: 2023-03-10T01:35:44.075Z (over 2 years ago)
- Topics: animatecss, gulp, landing-page, scrolling, scss, swiper, wordpress, wordpress-theme
- Language: SCSS
- Homepage: https://landing.vajracode.net
- Size: 1.42 MB
- Stars: 7
- Watchers: 4
- Forks: 3
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Single scrolled landing page - WP Theme
>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.
### Live Demo
[www.landing.vajracode.net](https://www.landing.vajracode.net/ )
Example pages and ACF json conf file available to download at demo website
Implemented libraries:
* jQuery
* Swiper Slider
* iziModal
* Scrollify
* AnimateCSS
## Build Setup
``` bash
# 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
```
## Features
* 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
## Project Structure
```
..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
```
## Additional download
[Download last updated theme version](https://www.landing.vajracode.net/wp-content/uploads/2020/07/landing-1.0.1.update.zip)
[Download last updated plugins package](https://www.landing.vajracode.net/wp-content/uploads/2020/07/plugins-update.zip)
## Additional documentation
[Advanced Custom Firlds](https://www.advancedcustomfields.com/)
[Gulp.js](https://gulpjs.com/)
[jQuery](https://jquery.com/)
[Swiper Slider](http://idangero.us/swiper/)
[animate.css](https://daneden.github.io/animate.css/)
[iziModal](http://izimodal.marcelodolce.com/)
[Scrollify](https://projects.lukehaas.me/scrollify/#home)
[Pictures sample taken from free platform UNSPLASH.COM](https://unsplash.com/)