Transmission

features | drop down navigation | demo | download | developer information | making changes

Transmission is a modern Ghost theme.

widescreen, tablet and mobile layouts:

Features

This theme is optimised for traditional blog sites, particularly sites with lots of content and long articles. Features include:

• dark mode toggle (dark mode will default to the operating system setting, but can be overridden by the user)
• dropdown navigation menu: expanded or minimised (hamburger) options
• table of contents for long articles, including a reading progress indicator - works in both mobile and laptop views)
• sharing icons (facebook, twitter, whatsapp, copy link)
• Search
• Tags and authors page
• modern Inter and Menelo font families are installed with the theme
• infinite pagination (will display a button to Load More posts)
• home page and article collection layout options

Pagespeed scores

Drop down navigation configuration

A two level drop down nav can be created using the standard Ghost naviagion feature (settings > navigation). When the navigation item name is preceeded by a single dash it will show as a parent item and any item with two dashes immediately following it will show as a child item. For instance:

Demo

See the theme in action.

Download and Install

Download the latest zip file from the Releases page and install it to your site via the Ghost admin tools.

For developers

• build controlled by gulp, including support for ES Modules
• minimal dependencies using the latest versions
  • image gallery (photowsipe)
  • code syntax highlighting (prism)
  • table of content (tocbot)
• easy to maintain with a simple semantic html structure, sensibly organised css and intuitive grid layouts:

Make changes to the theme

For instructions on how to install Ghost, see the official documentation.

You will need Node and Gulp installed globally before making changes to the theme.

to start, unzip the zip file into the theme directory of your local installation.

After that, you then need to install the packages used by the theme. From the theme's root directory:

# Install
npm install

# Run build & watch for changes
npm run dev

the first command downloads the node packages into transmission/node_modules and the second commands starts up a file watcher that will rebuild the theme assets whenever you change theme source code (see gulpfile.mjs for details)

You can use the npm zip task to package the theme files into a single zip file named using the theme version number specified in package.json (for instance dist/transmission_v1.6.3.zip):

npm run zip

This zip file can then be used to install the modified theme on your site.