features | drop down navigation | demo | download | developer information | making changes
Transmission is a modern Ghost theme.
widescreen, tablet and mobile layouts:
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)
- article card collection layout options (grid/list)
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:
Download the latest zip file from the Releases page and install it to your site via the Ghost admin tools.
- 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:
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.