Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/christophery/geist
Casper 2.0 theme for WordPress.
https://github.com/christophery/geist
blog casper theme wordpress wordpress-theme
Last synced: 8 days ago
JSON representation
Casper 2.0 theme for WordPress.
- Host: GitHub
- URL: https://github.com/christophery/geist
- Owner: christophery
- License: gpl-2.0
- Created: 2019-04-15T20:53:49.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-04-01T05:13:38.000Z (over 1 year ago)
- Last Synced: 2023-07-16T11:47:42.334Z (over 1 year ago)
- Topics: blog, casper, theme, wordpress, wordpress-theme
- Language: CSS
- Homepage: https://chrisyee.ca/geist/
- Size: 772 KB
- Stars: 28
- Watchers: 1
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Geist
Geist is a personal blogging theme for WordPress. This theme is a port of the [Casper 2.0](https://github.com/TryGhost/Casper) theme for WordPress.
Feel free to [contact me](https://chrisyee.ca/contact/) if you use Geist in one of your websites.
[Download Theme](https://github.com/christophery/geist/releases)
## Features
- [Gutenberg Editor](https://wordpress.org/gutenberg/) Support
- Search
- Comments
- Customizer
- Social Profiles
- Responsive Design
- Infinite Scroll ([with Jetpack](https://jetpack.com/features/design/infinite-scroll/))
- Dark Mode
## Requirements
- [WordPress](http://wordpress.org/)
## Install
1. In your admin panel, go to **Appearance** > **Themes** and click the **Add New** button.
2. Click **Upload Theme** and **Choose File**, then select the theme's .zip file. Click **Install Now**.
3. Click **Activate** to use your new theme right away.
## Dark Mode
Dark mode is not enabled by default. To enable this feature go to **Appearance** > **Customize** > **Dark Mode**.
### Light
This will display the theme in light mode for everyone.
### Dark (auto)
This will automatically adjust the appearance based on the users OS appearance/color preference.
## Editing Geist
The recommended way to edit the theme is to [create a child theme](https://developer.wordpress.org/themes/advanced-topics/child-themes/).
This will ensure that none of your changes will be lost when you update the theme.
## Development
The CSS and JS files are compiled and minified using Gulp. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com/) installed globally.
**From the theme's root directory run:**
```
$ yarn install
$ yarn dev
```
Now you can edit files in `/css/` and `/js/`, which will be compiled to `/built/` automatically.
The **zip** Gulp task packages the theme files into `dist/geist.zip`, which you can then upload to your WordPress site.
```
$ yarn zip
```
## SVG Icons
Geist uses inline SVG icons, included. You can find all icons inside `/template-parts/icons`.
To use an icon just use the [get_template_part()](https://developer.wordpress.org/reference/functions/get_template_part/) function:
```
```
## Third-party resources:
Casper, Copyright (c) 2013-2019 [Ghost Foundation](https://ghost.org/)
**License:** [MIT license](https://github.com/TryGhost/Casper/blob/master/LICENSE).
**Source:** [https://github.com/TryGhost/Casper](https://github.com/TryGhost/Casper)
_s, Copyright 2015-2018 [Automattic, Inc.](https://automattic.com/)
**License:** [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html)
**Source:** [https://github.com/Automattic/_s/](https://github.com/Automattic/_s/)
FitVids, Copyright 2013 [Chris Coyier](https://chriscoyier.net/) and [Dave Rupert](https://daverupert.com/)
**License:** [WTFPL](http://www.wtfpl.net/)
**Source:** [https://github.com/davatron5000/FitVids.js](https://github.com/davatron5000/FitVids.js)
## License
Geist, Copyright (c) 2021 [Chris Yee](https://chrisyee.ca) - Released under the [GPL v2.0 license](https://www.gnu.org/licenses/gpl-2.0.html).