mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-22 18:00:06 +01:00
Matthias Kretschmann
299084de93
* basic astro setup, kick out all gatsby configs * move content folder * src/pages setup * more file reorg * more config updates * more reorgs * refactor * refactor * bump astro * refactor * svg icon build system, theme switch * remark plugin for lead paragraph, more refactor * make images work * post meta * custom Picture component * Pagination, More component, 404 fixes * linking fixes * add table of contents * post actions fixes * tag fixes * content changes * content changes: move media files to their posts * more content moving, remove media folder * refactor remark-lead-paragraph * link css file when defined in post frontmatter * move content up again * kbd post update * allow js * downloads solution * add astro check * redirect_from solution * githubLink solution * reorg * exif solution as prebuild step * exif solution on each post during build * isolate lead paragraph extraction to articles * restore Exif components * deploy script update * fix redirects * xml & json feeds * build fix * fix exif readout in production * head and seo tweaks, add feeds * tweak image display * archive pages with single layout * restore tags archive * sitemap setup * restore thanks page functionality * reorg * cleanup * parallel scripts during prebuild * restore jest setup * remove jest, switch to vitest as test runner * adapt CI * test refactor * typescript tweaks * avatar fixes * typings * restore search functionality * theme switch with nanostores * fixes * test fixes * restore changelog functionality * umami script * border color tweak * related posts with fuse.js * plawright e2e testing setup * search tweaks * simplify typekit loading * photo fix * e2e tests * related posts fix * fix tags archive * tweaks * tweaks * linux snapshots * fix header test * new symlink tactic * fix dev server in codespaces * fix yaml * ci fixes * changelog loading tweaks * e2e against dev server on ci * changelog tweaks * ci tweaks * ci tweaks * ci tweaks * docs updates * ci tweaks * refactor photo creation script * package updates * refactor search * ci tweak * ci tweaks * test tweaks, more unit tests * more unit tests * post creation script tweaks * refactor new scripts, test them for real life * more tests * refactor * codeclimate-action update * uses update * limit ci runs * fix theme toggle, test it * more tests * favicon files cleanup * icon components location change * type checking through ci * command fixes * ci fix * search tweaks * ci tweaks * revised favicons, write post draft about it * drafts filtering fix * lint fix, favicon fixes * copy changes * fix related search images * content updates * new codeblock styles, copy tweaks, fixes * package updates * typing fixes * lint fix * content updates * restore link posts * faster theme switching * split up astro utils * related posts fixes * fix * refactor * fixes * copy tweaks * fixes * picture tweaks * image fixes * feed fixes, adapt for json feed v1.1 * e2e test updates * layout tweaks * update snaphots * migrate to createMarkdownProcessor * ci cache tweaks * activate more browsers for e2e testing * switch to macos-13 images * build caching tweaks * markdown fix * set image quality * remove avif generation * picture tweaks * head fixes * add og:image:alt * create-icons test * new post: Favicon Generation with Astro
95 lines
3.6 KiB
Markdown
95 lines
3.6 KiB
Markdown
---
|
||
title: Badged - iOS Style Notification Badges for WordPress
|
||
image: ./Badged-Teaser-kremalicious.png
|
||
updated: 2014-10-11 07:56:46+00:00
|
||
|
||
date: 2011-12-15 07:56:46+00:00
|
||
|
||
tags:
|
||
- goodies
|
||
- wordpress
|
||
- ios
|
||
---
|
||
|
||
Made a quick WordPress plugin which transforms the standard WordPress update & comment notification badges into iOS-styled ones.
|
||
|
||
Badged transforms the standard WordPress update & comment notification badges into iOS-styled ones. Upon activation it automatically replaces the badge styles in the admin menu and the admin bar. An optional settings page allows to control whether the badges show up as the new default iOS style or styled as pre-iOS 7 badges.
|
||
|
||
The badges are CSS only (box shadows, gradients, pseudo elements, you name it) and were tested in current versions of Safari, Chrome, Firefox and Internet Explorer. If you care for how it’s done exactly, you can peek around in the [repository on github](https://github.com/kremalicious/Badged/).
|
||
|
||
The plugin is localized in english, german & spanish (thanks to Andrew Kurtis from [webhostinghub.com](http://www.webhostinghub.com)).
|
||
|
||
## Download & Installation
|
||
|
||
You can just install the plugin via the automatic backend installer under _Plugins > Add New_, activate and enjoy the red badges.
|
||
|
||
<p class="content-download">
|
||
<a href="http://wordpress.org/extend/plugins/badged" class="btn btn-primary icon-wordpress">Plugin Page</a> <a class="btn btn-primary icon-github" href="https://github.com/kremalicious/Badged">GitHub</a> <a href="http://krlc.us/givecoffee" class="icon-heart btn">Donate</a>
|
||
</p>
|
||
|
||
The plugin is hosted on GitHub and will always be mirrored in the WordPress plugins directory. But in case you want to install the plugin manually:
|
||
|
||
1. Upload the badged plugin folder to the `/wp-content/plugins/` directory
|
||
2. Activate the plugin through the _Plugins_ menu in WordPress
|
||
3. Enjoy
|
||
4. (optional) Adjust options under _Settings > Badged_. Upon activation the plugin sets both options by default:
|
||
|
||
![Badged settings](./badged-settings.png)
|
||
|
||
If you find any problems you can [open an issue on GitHub](https://github.com/kremalicious/Badged/issues) or just drop me a line in the comments or on [Twitter](http://twitter.com/kremalicious).
|
||
|
||
## Version History
|
||
|
||
### v1.0.1
|
||
|
||
- tested for WP 4.0
|
||
- Spanish translation, muchas gracias to Andrew Kurtis from [webhostinghub.com](http://www.webhostinghub.com)
|
||
- don't style comments badge with 0 comments
|
||
- improved styles
|
||
- admin settings page fixes
|
||
- plugin icon and updated banner & screenshots
|
||
|
||
### v1.0.0
|
||
|
||
- new default style based on iOS 7
|
||
- new setting to switch back to pre-iOS 7 style
|
||
- rewritten from the ground up based on Tom McFarlin’s excellent WordPress Plugin Boilerplate
|
||
- settings through WordPress Settings API
|
||
- Retina banner for WordPress plugin repository listing
|
||
- drop IE 8 support (still present in pre-iOS 7 style)
|
||
- using Grunt for optimized images and minified css
|
||
- confusing and ridiculous version number jump
|
||
|
||
### v0.3.6
|
||
|
||
- tested for WP 3.4
|
||
- settings page: Retina ready icon for high dpi devices, css only submit button
|
||
- updated german translation
|
||
|
||
### v0.3.5
|
||
|
||
- IE 8 improvements: box shadow, light gradient through DXImageTransform filters (but no rounded corners, sorry)
|
||
- current versions of IE & Opera are now among the tested browsers
|
||
- updated settings page links
|
||
|
||
### v0.3.4
|
||
|
||
- more descriptive readme and settings footer with links to blog post & github page
|
||
- updated translation
|
||
|
||
### v0.3.2
|
||
|
||
- Make the plugin work if symlinked
|
||
|
||
### v0.3
|
||
|
||
- initial beta release
|
||
|
||
### v0.2
|
||
|
||
- added options to control whether the badges show up in admin menu or toolbar (default is both)
|
||
|
||
### v0.1
|
||
|
||
- initial alpha release
|