Jen Wallace

Custom Templates

Featured Image Site Archive

A Custom Template for storing and displaying all of the Featured Images on your Ghost site (all together on one post for handy re-use)...

Javascript Snippets

Simple Modal Popup

Upload a file in the Ghost editor and display the file contents in a popup modal window...

Theme Playground

Ghost Themes With Extras

A list of the various extra functional components and features not already built into Ghost themes, and noting which themes have which extra features.

Tips and Tricks

Control Your Tags!

A useful "how-to" tutorial (with examples) for ordering and organizing the tags on your Ghost site...

Javascript Snippets

Multi-Use Modal Popup

Accessible and usable for just about any type of content you want to pop up gracefully on your posts in Ghost...

Tips and Tricks

Inline PDF Viewer

Display a PDF embedded right inside the page using Ghost's Files upload card and then wrapping the file in an iFrame using an HTML card. Neat!

Eye Candy

Colorful Background Gradient

CSS for a striking rainbow gradient background...

Tips and Tricks

Fix for "preventDefault" Error

Solutions for this pernicious Chrome console error!

Javascript Snippets

Inline Audio Clips

Insert clickable links seamlessly into your post text that play audio. It's a mini audio player that you can embed onto a specific word or phrase in your blog . . .

Javascript Snippets

Simple Tooltips

How to enable your Ghost site with simple Tooltips which you can create on-the-fly as you write . . .

Tips and Tricks

Fix Image Galleries Layout

Galleries and their images sometimes don't layout correctly in older Ghost themes. Here is a fix I use...

Tips and Tricks

Theme Components from Kaede

Learning from the Kaede Ghost Theme: Archives Page, Custom Navigation, Bookmarks, Likes, Anonymous Comments and more...

Javascript Snippets

Free Content Snippets

Create re-usable snippets of content that can be quickly accessed and inserted into any new post.

Tips and Tricks

Better, Lighter YouTube Embeds

A Better Method for Embedding YouTube VideosCompared to the current YouTube card in the Ghost editor, the method provided below saves over 500KB of page load. I tested this on my Ghost site using the same video for both embeds, and here is the Gtmetrix comparison: (GREEN is using the

In Development

My Weird(est) Ghost Theme

Someone on the Ghost development forum called my theme "weird"...

Tips and Tricks

Cloudflare Stream vs. YouTube for Video Hosting and Streaming

Learn about the differences between Cloudflare Stream and YouTube for video hosting and streaming.

Tips and Tricks Featured

My Ghost Dev Tools

Not Cool... I admit that my development environment is totally not cool. I admit that I am obsessed with efficiency and simplicity. My primary computer these days is a PixelBook (even though I also have a dozen Mac and PC boxes). For years I used FTP (Filezilla) for my web

Theme Playground Featured

Where to Get Ghost Themes

A comprehensive list of links to premium and free Ghost themes . . .

Javascript Snippets

TypeIt

Here is a fun little javascript you can use to highlight a block of text in your post. As demonstrated here, the reader can follow along as the text is revealed, as if you are typing on the page in real time.

Tips and Tricks

HTML in Post Excerpt

Put html in your post excerpt and have it output the way you expect using {{{custom_excerpt}}}

Tips and Tricks

API-ing Ghost Posts

Integrate your ghost blog posts on your landing page using the Ghost Content API.

Tips and Tricks

Favicon Generator

Generate and install all of the standard mobile and and web app icons for your Ghost site, including your favicon.

Tips and Tricks

iFrame Auto-Resizer

The external web page below is embedded using David Bradshaw's free Auto-Sizing iFrame script...

Widgets

Blog Post Voice Messages

Provide a button for your readers leave you a recorded voice message on your blog posts in Ghost.

Embeds

Raindrop.io Bookmarks

All-in-one bookmark manager Intuitive. Powerful. Runs everywhere.