frontpressorg / Frontpress
Licence: mit
⚡️ A full front-end AngularJS template for WordPress Rest API.
Stars: ✭ 109
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Frontpress
Vue Wordpress
Use Vue.js and the WP REST API to build WordPress themes as SPAs with dynamic routing, HMR for development, SEO enabled, and SSR capable. Demo:
Stars: ✭ 361 (+231.19%)
Mutual labels: wordpress, wordpress-theme, spa
Create React Wptheme
Create modern, React-enabled WordPress themes with a single command.
Stars: ✭ 252 (+131.19%)
Mutual labels: wordpress-api, wordpress, wordpress-theme
Tony
An Elegant WordPress Theme Based on ✌️Vue.js | 基于 Vue.js 的简洁一般强大的 WordPress 单栏博客主题
Stars: ✭ 462 (+323.85%)
Mutual labels: wordpress-api, wordpress, wordpress-theme
Vuejs Wordpress Theme Starter
A WordPress theme with the guts ripped out and replaced with Vue.
Stars: ✭ 1,359 (+1146.79%)
Mutual labels: wordpress, wordpress-theme, spa
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+510.09%)
Mutual labels: wordpress, wordpress-theme, spa
Wordpress Basis Theme
I'm a WordPress starter theme.
Stars: ✭ 58 (-46.79%)
Mutual labels: wordpress, wordpress-theme
Briar
Briar, minimalist free WordPress theme
Stars: ✭ 59 (-45.87%)
Mutual labels: wordpress, wordpress-theme
Dones
Simple team task management and tracking
Stars: ✭ 62 (-43.12%)
Mutual labels: wordpress, wordpress-theme
Theme
Tonik is a WordPress Starter Theme which aims to modernize, organize and enhance some aspects of WordPress theme development.
Stars: ✭ 1,197 (+998.17%)
Mutual labels: wordpress, wordpress-theme
Popper
Popper is an accessible content-first WordPress theme built around beautiful fonts and lots of white space.
Stars: ✭ 49 (-55.05%)
Mutual labels: wordpress, wordpress-theme
Wpintel
Chrome extension designed for WordPress Vulnerability Scanning and information gathering!
Stars: ✭ 70 (-35.78%)
Mutual labels: wordpress, wordpress-theme
Wp Functions List
This is a list of all WordPress functions from version 0 to version 4.8.1 along with the data of when they were first introduced and if they are deprecated or not
Stars: ✭ 88 (-19.27%)
Mutual labels: wordpress, wordpress-theme
Better Rest Endpoints
A WordPress plugin that serves up slimmer WP Rest API endpoints.
Stars: ✭ 56 (-48.62%)
Mutual labels: wordpress-api, wordpress
Lightning
Lightning is powerful them for WordPress.
Stars: ✭ 55 (-49.54%)
Mutual labels: wordpress, wordpress-theme
Argon Theme
📖 Argon - 一个轻盈、简洁的 WordPress 主题
Stars: ✭ 1,104 (+912.84%)
Mutual labels: wordpress, wordpress-theme
Shapely
Free multipurpose WordPress theme built using Bootstrap
Stars: ✭ 50 (-54.13%)
Mutual labels: wordpress, wordpress-theme
Autonomie
"Autonomie" is a highly semantic, responsive, accessible and search engine optimized WordPress Theme. It provides HTML5 templates refined with microformats, microformats v2 and microdata (Schema.org). "Autonomie" supports a lot of OpenWeb plugins and is fully IndieWeb compatible.
Stars: ✭ 73 (-33.03%)
Mutual labels: wordpress, wordpress-theme
Ember Wordpress
The bridge between Ember.js and Wordpress
Stars: ✭ 94 (-13.76%)
Mutual labels: wordpress-api, wordpress
Wordpresssharp
A C# client to to interact with the WordPress XML-RPC API
Stars: ✭ 97 (-11.01%)
Mutual labels: wordpress-api, wordpress
Wordpressify
🎈 A build system designed to automate your WordPress development workflow.
Stars: ✭ 1,374 (+1160.55%)
Mutual labels: wordpress, wordpress-theme
A full front-end AngularJS template for WordPress Rest API.
Install FrontPress using NPM:
npm install frontpress --save
AngularJS is the only FrontPress dependency you will need to import.
<script type="text/javascript" src="/path/to/angular.min.js"></script>
<script type="text/javascript" src="/path/to/frontpress/release/frontpress.min.js"></script>
You may install FrontPress using bower or import it directly from cdn using cdnjs.
Usage
- Add
frontpressto your required modules list:
angular.module('myBlog', ['frontpress']);
Make your index.html
Your minimal index.html can be just like that.
<!DOCTYPE html>
<html ng-app="myBlog">
<!-- include FrontPress page-head attribute directive if you want-->
<head page-head>
<script type="text/javascript" src="/path/to/angular.min.js"></script>
<script type="text/javascript" src="/path/to/frontpress/release/frontpress.min.js"></script>
<script type="text/javascript" src="/path/to/my/blog/javascript.js"></script>
</head>
<body>
<!-- ui-view directive is required -->
<ui-view></ui-view>
</body>
</html>
Configure your javascript
- Configure your module using
$FrontPressProvider!
angular.module('myBlog').config(function($FrontPressProvider){
$FrontPressProvider.configure.load({
"restApiUrl": "https://demo.wp-api.org/wp-json",
"apiVersion": "v2",
"pageSize": 5,
"infiniteScroll": true,
"routes": {
"post": "/:postYear/:postMonth/:postDay/:postSlug",
"home.pagination": "/page/:pageNumber"
},
"titles": {
"post": ":postTitle - :siteName",
"home": "Home - :siteName"
},
"overrides": {
"siteName": "My Awesome SPA Blog"
}
});
});
CONTRIBUTING
If you want to contribute to FrontPress main code, start by running a build version of the code:
$ npm run dev
More info on CONTRIBUTING.md.
It's done!
Disclaimer: By default as any SPA FrontPress homepage will run on a /#!/ route!
Further relevant informations
- How can I discover my restApiUrl?
- How to use FrontPress for Wordpress api version 1?
- What configuration is required?
- All configuration options
- What is a SPA and why you should care about it?
- Readme for FrontPress core developers
License
MIT © Teles
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].