Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nstaeger/wordpress-uikit-starter-theme

A WordPress starter theme for developers using the frontend framework UIkit
https://github.com/nstaeger/wordpress-uikit-starter-theme

css gulp php theme uikit wordpress wordpress-development wordpress-starter-theme wordpress-theme

Last synced: 3 months ago
JSON representation

A WordPress starter theme for developers using the frontend framework UIkit

Host: GitHub
URL: https://github.com/nstaeger/wordpress-uikit-starter-theme
Owner: nstaeger
Created: 2014-08-31T19:55:21.000Z (over 10 years ago)
Default Branch: master
Last Pushed: 2017-01-28T11:12:48.000Z (almost 8 years ago)
Last Synced: 2024-10-10T03:43:12.868Z (3 months ago)
Topics: css, gulp, php, theme, uikit, wordpress, wordpress-development, wordpress-starter-theme, wordpress-theme
Language: CSS
Homepage:
Size: 3.12 MB
Stars: 57
Watchers: 14
Forks: 19
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# WordPress UIkit Starter Theme

A [WordPress](http://www.wordpress.org) starter theme for developers using the frontend framework [UIkit](http://www.getuikit.com).

_NOTICE: This theme is still in development. You might miss some features._

- [Issues](https://github.com/nstaeger/WordPress-UIkit-Starter-Theme/issues) - Report bugs

## Theme Features

- Full responsive theme
- Two-level dropdown navigation with offcanvas-navigation for smaller devices
- Main sidebar on the right side and horizontal footer sidebar with auto-columns
- Support for featured image in posts
- Gallery-tag support with UIkit slideshow and gallery
- Header-image support

### Screenshot

![Screenshot](/screenshot-full.png)

## Getting started

- `git clone [email protected]:nstaeger/WordPress-UIkit-Starter-Theme.git` into the `wp-content/themes` folder of your WordPress-installation.
- Go to the WordPress administration-panel and activate the theme.

## Developers

You will need [Git](http://git-scm.com/), [Node](http://nodejs.org/), [Bower](http://bower.io/) and [Gulp](http://gulpjs.com/) installed, before you start. It is also recommended, to have a running installation of WordPress.

Before you start, follow these steps.

- `git clone [email protected]:nstaeger/WordPress-UIkit-Starter-Theme.git` into the `wp-content/themes` folder of your WordPress-installation.
- `cd WordPress-UIkit-starter-theme`
- `npm install`

### Bower

This theme uses [Bower](http://bower.io/) to manage its dependencies like [jQuery](http://jquery.com/) and [UIkit](http://getuikit.com/). You can get the latest versions of those by running `bower install` in the themes folder.

### Gulp

You can use [Gulp](http://gulpjs.com/) to compile the less files and other stuff. Here are a few tasks, that come with the theme:

- `gulp compile-less` Compiles the UIkit and theme-specific Less files into your CSS folder.
- `gulp copy-font` Copies the UIkit font files to the `fonts` directory.
- `gulp minify-js` Minifies all JS-files to an `all.min.js`.
- `gulp watch` Watches the `less/`-folder for changes. If changes are made, the CSS-file will be recompiled.