Giter VIP home page Giter VIP logo

anadama-react's Introduction

Anadama

A react-based recipe theme for WordPress.

Want to try out the theme? Download or clone this repo into your /themes folder, then run npm & gulp to install and build the javascript & CSS files. The process will look like this

git clone https://github.com/ryelle/Anadama-React anadama
cd anadama
npm install
gulp

Now you'll see a js/app.js file in the theme, and it will be available for you to switch to in wp-admin. If you're having trouble getting the theme active, please file an issue & I'll help you out.

If you don't have npm or gulp installed, you can find instructions on their websites: gulp, npm.

Setup

Since this is a more "experimental" theme, you'll need to have a few things set up before it'll work.

  1. You'll need the WP REST API plugin. WP 4.4 has the framework for the REST API, but the actual content of it still requires the plugin.
  2. You'll also need this WP-API Menus plugin. The REST API doesn't provide an endpoint for menus, so another plugin is necessary.
  3. Your permalinks will need to be set to /%year%/%monthnum%/%postname%/. Single-post/page views will not work without permalinks set.

Display & Features

The front page of this theme displays 10 categories (ordered by term ID, which corresponds to date created) and the 20 most recent posts in each category. It uses localStorage to hold posts for offline/faster response time.

This theme has no sidebars, widgets, or comments.

Known Issues/To Do

  • Sites that have no content won't appear to load, the loading message stays on-screen even after an empty server response.
  • Menu items have conditional classes in place, but they're not automatically applied (current page, parent, etc)
  • Work with Jetpack scripts to load (or not) when needed.
  • Make the recipe's "Print" button work (related to Jetpack scripts)
  • Responsive styles + a good print stylesheet for recipe pages
  • Cached data might stick around forever, maybe not the best idea for post list pages.
  • Category/Tag archives don't exist yet

anadama-react's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.