Giter Club home page Giter Club logo

casper's Introduction

Casper

A Ghost-like πŸ‘» WordPress theme

WordPress License: GPL v2

Casper (for WordPress) is a simple yet beautiful theme for bloggers.

Inspired by the Ghost blogging platform, Casper is a WordPress port of the default theme by the same name. The goal of this project is to emulate the gorgeous theme while taking advantage of features exclusive to the WordPress framework.

Features

  • Search feature πŸ”¦
  • Comments section πŸ™Š
  • Customizer integration 🌈
  • Social icons pre-included 🐾
  • Responsive site and images πŸ›

screenshot

Table of Contents

Usage

Download the zip package of the theme and install either automatically through the WordPress Dashboard > Appearance tab, or by uploading the casper folder to your WordPress/wp-content/themes directory.

The style.css file in the theme directory is minified. A human-readable version of is located at css/style.css.

Editing Casper

The recommended way to edit the Casper theme is to use the Casper child theme. This will ensure that none of your changes will be lost when you update Casper. Install and activate the child theme and make changes as you would normally. Any file included in the theme will override a Casper theme file (exceptions being functions.php and style.css).

If you want to make changes to the core theme, or want to contribute, read below on how to build the package.

Building Casper

Casper is open-source and simple to develop and extend.

Using Grunt to build the package

# Clone and install dependencies

$ git clone https://github.com/lacymorrow/casper.git
$ cd casper
$ npm install -g grunt-cli
$ npm install


# Build the distribution

$ grunt

or grunt watch to continuously build.

Grunt Tasks
  • Compile src/css/style.less and other LESS and CSS files in src/css/
  • Any CSS is combed, linted, prefixed, then compiled with css/style.css
  • css/style.css is minified into style.css
  • Images in src/img/ are compressed and copied to img
  • Theme JavaScript and other js files in src/js/ are linted, minified, and combined into js/main.js
i18n (internationalization)

To generate a .pot language file you must have xgettext installed. On OSX using homebrew run brew install gettext && brew link gettext --force to install. Run grunt i18n to generate language files.

Getting Involved

Want to report a bug, request a feature, or help me build this project? The more the merrier! 🐞

Many thanks to the Ghost & WordPress teams, as well as the Underscores _s contributers, and kvendrik. β˜„οΈ

Built using all of the above. ⛄️

🏎 Roadmap

  • Update Casper WP to match the updated Ghost version - Casper 2!
  • Implement an update mechanism to pull changes from the Ghost project to keep the development in sync

License

GPL v2.0 Β© Lacy Morrow

All assets licensed under a GPL-compatible license.

casper's People

Contributors

afragen avatar aldarone avatar benhuson avatar burnto avatar dependabot[bot] avatar ebinnion avatar eternalwaves avatar lacymorrow avatar maavuz avatar mo9a7i avatar moacir avatar mustafaismail22 avatar myinitialsaretk avatar paulovsky avatar rgllm avatar scrubmx avatar tkorkalainen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

casper's Issues

Headers sizes and color inside posts and pages

I know it's a hairy layout decision to make because there isn't really any good solution to this, but still, I might be worth to give it some attention.

I'm a bit confused about the headers sizes (examples in attachment).

headers_sizes

Is it normal that inside a post, a top level header (h1) is bigger (50px) than the post's title itself (40px) ? Same goes for h2 (40px), which is the same size. On top of that, headers inside posts are darker than the post's title, which automatically gives them some sort of prevalence.

While writing, it leads me to pick h3 as top level headers, so the final aspect isn't misleading. It's something I really often see in Wordpress themes and it always seemed wrong to me.

Possibilities:

  • won't fix: perhaps it's exactly like that in Ghost, and you prefer to keep it that way
  • won't fix: if it really bothers the writer, he can still use the h3 workaround
  • fix: lower the headers' size and eventually make them just a bit brighter
  • fix: make the post's title bigger (but I think it's just perfect the way it is right now)
  • fix: use a different font for the main title than for the inner headers (delicate choice)

An example that handles it a bit better (imo): Filtered, by ThemeTrust (http://themetrust.com/demos/filtered/?page_id=2). But it's not perfect: inner h1 is still bigger (32px) than the main title (29px). Although you can note that they use different fonts: Droid Serif for the main title, Droid sans for the inner content.

Hope that helps.

Notice

Notice: Array to string conversion in D:\Xampp\htdocs\wordpress\wp-content\themes\casper-wp-master\footer.php on line 16 when writing in Custom Footer

change page font

Hi, i'm very much a dummy and only just want to change the page font to something like Helvetica. I know I need to do this in the style.css but really can't find where to do so... please help.

Here is a link to my site http://kerithteam.org.uk/wp/

Social URL's not displaying correctly

The social url images don't display on the webpage.
This is apparent on your demo version: http://lacymorrow.com/projects/casper/
where you can see the images briefly if you click/spam click off to the right of the ghost.
I might be crazy, and have missed some other option to display the images, but I can't figure it out.
http://puu.sh/cbwxe/5cb80d89a0.jpg <-- In "Customize" view
http://puu.sh/cbwzi/e8e612e183.jpg <-- on the actual site

Thanks,
Paranormalcow

No menu for mobile

When I go onto my website from my phone, there is no menu such as: Home, about, contact.

Translation improvements

IΒ΄m translating Casper theme to spanish and i already finished it but after some tests i found that some strings remains in english and canΒ΄t be translated using the pot file.

File content.php contais hardcoded word "on" and needs to be translated. Check line 14 of content.php:
<span class="post-meta"><?php casper_posted_on(); ?> on <?php printf($category_list); ?></span>

Perhaps more files contains word "on" hardcoded not checked in depth.

Widgets aren't responsive

Widgets doesn't work on smaller screens and smartphones. If the screen is narrower then 884px the widgets are pushed into each other and the lower (text-)parts just disappear.

widgets smaller screen

On the smartphone does it look a little worse.

screenshot_2014-08-12-18-18-16

Maybe it's better to arrange the widgets vertically as soon as the screen width comes below a certain value?!

Excerpt Layout Issues

Hi,

Haven't installed your theme yet but love the look of it, a couple of issues I have found with the demo are related to the excerpt layout.

The first issue is with the image in the post, as you can see it overlaps the line under it. Most Wordpress themes I have used it the past just disable images in the post excerpts which I think may be an idea for this theme to keep the clean layout.

The other issue I see is with the "more" button at the end of the post excerpt which currently displays … β†’ and is also underlined, it looks really confusing. Could you not just have "Read More" or "View Full Post" as an underlined link?

What are your thoughts?

Thanks in Advance!

image

The theme seems to be broken

Since your last update (commit 05d4821) the theme seems to be broken. All I see is a blank page, even on my child theme.

I made some comments to the commit linked above where I suspect some errors.

Add excerpt only option for index/blog page

This is a proposed enhancement.

Currently, I do not see an option for forcing excerpts on the blog page, which I think look better than showing the full post on the blog.

I could just change the index to the_excerpt() or I could use the more tag, but I don't want to go through my posts and add the more tag and I would rather not force myself or others to edit the core theme.

What do you think? If you like this, should the functionality be included in the customizer or a theme settings page?

Excerpts, how to use them

I added a excerpt to the post but how can I force Casper to use them in the main blog post list page?

Thanks!

Tags and Category Not Displaying Properly

Tags and category are not properly displayed above the post title. There is a space missing and I think the format is not correct either: [category]in[tag1], [tag2].

Problem display Page

Hi. First i love your theme! and I'm currently testing it on a multisite (subdomain) based site of mine.

My problem is that I think the theme is not displaying Pages (not single posts). I'm attaching a screenshot for your reference.

Im running Wordpress 3.8.1 and buddypress. No other plugins.

Hope you can help.
thanks1

As you can see below the text renders from end to end of the page. while in single post its more width limited.
download

Inline Emoticons

When WordPress converts emoticons to graphics, it does not display inline. As it is a image, there's a certain margin before and after the emoticon.

Swap older/newer posts links

From: mattack
Via: WordPress.org/support/topic/older-newer-post-navigation

On the bottom of the page, I like to have the "older posts" navigation on the left, and "newer posts" navigation on the right. It makes it more consistent with navigating through individual posts in the theme and back and forward buttons of a web browser.

Can you either fix this (consider this a bug report or feature request) or give me some direction on where to look to fix it myself? I'm comfortable making child-themes and editing some code.

Thanks.

Single page header option.

At the outset thank you for this good theme.

In Casper theme options i see "Only display header on home page". But this option is doesn't work like Ghost blog script. When we select this option only header image disappear, header still staying.

Do you think any editing for that?

Create child theme

To allow for users to update from wordpress.org or this repo without destroying their changes.

Rewrite CSS in LESS format

For readability and reuse. Because the code was ported from a CSS file it does not take on the hierarchical structure of a true LESS file and is therefore difficult to read. It's a tedious task so I'm slowly making changes as I see them. Would likely only take an hour to go through from top to bottom but I'm lazy.

Problem in displaying submenus

There is a problem in displaying submenus. The attached screenshots should clarify. "Themes" is a submenu respectively subitem of "Gaming" and if you hover "Gaming" it looks like this:

error displaying sub menu

Captioned images messed up alignment

not_ok

The image is overflowing on the right. This is due to a padding issue:

.post-content img {
    [...]
    padding: 1em; /* works fine if you remove it */
}

Here is how it looks with padding commented out:

ok

Cheers

Code blocks display

Code blocks aren't displayed properly when there are more than 2 line breaks. After 2 or more line breaks there is an automatic code end. I am using <code> ... </code>
Not sure if this is a bug in the template or WP normal behavior.

No way to remove logo image

I'm an idiot.
what a great feature, add a logo!

You can reset for the time being by running the following command on your SQL. I take no responsibility so please back up before you do something stupid.

DELETE FROM DATABASE_NAME.wp_optionsWHEREwp_options.option_name = 'theme_mods_casper'

Replace DATABASE_NAME with your own. If your theme folder is not called casper then change theme_mods_casper accordingly.

Icon Rss

Fantastic theme πŸ‘

Please add rss icon on top. Thanks :)

Turkish character problem

Hi Lacy.

I have problem with Casper theme. Theme have character problem like letters: "Ş, İ" I quess Casper theme use Google fonts. I can't found Google Fonts code in header.php and style.css. I used Google fonts before, i know how i fix this problem but i can't found code. I think you use different technic. Can you explain please?

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.