šØ Overview
Developed by the Ghost Foundation, Alto is a clean and minimalist theme designed for Ghost CMS. It offers both light and dark modes, providing a sleek and modern aesthetic for your online publications.
āØ Features
- Light and Dark Modes: Choose between light and dark themes to suit your preference.
- Fully Responsive Design: Ensures optimal viewing experience across all devices.
- Post Carousel: Automatically displays featured posts in a carousel on the homepage.
- White Logo Support: Allows setting a white version of your logo for dark mode.
- Related Posts: Displays related posts at the bottom of each article based on shared tags.
š ļø Use Cases
Ideal for bloggers and publishers seeking a minimalist and modern design to showcase their content effectively.
āļø Compatibility
Alto is compatible with the latest versions of Ghost CMS, ensuring seamless integration and performance.
š Theme Setup
- Download the Theme: Obtain the Alto theme from the GitHub repository.
- Upload via Ghost Admin:
- Log in to your Ghost admin panel.
- Navigate to the 'Design' section.
- Scroll to the bottom and click 'Upload a theme'.
- Select the Alto theme zip file and upload.
- Activate the theme.
- Manual Upload:
- Unzip the downloaded file.
- Upload the 'alto' folder to the Ghost theme directory:
ghost/content/themes/
. - Restart your Ghost blog.
- In your browser, go to your site's settings:
http://your_url.com/ghost/settings/design/
. - Scroll down to see all themes and activate Alto.
For detailed instructions, refer to the Alto theme's GitHub repository.
š§ Customization
- Styles Compilation:
- Styles are compiled using Gulp/PostCSS to polyfill future CSS specifications.
- Ensure Node, Yarn, and Gulp are installed globally.
- From the theme's root directory:
- Install dependencies:
yarn
- Run build and watch for changes:
yarn dev
- Install dependencies:
- Edit
/assets/css/
files; changes will compile to/assets/built/
automatically.
- Packaging:
- The
zip
Gulp task packages the theme files intodist/alto.zip
, ready for upload to your site. - Execute:
yarn zip
- The
For more details, visit the Alto theme's GitHub repository.
š Support
For assistance or to contribute, visit the main repository where official Ghost themes are developed.
š Additional Features
- Responsive Design: Fully responsive and styled, ensuring optimal viewing across devices.
- Optional Enhancements: Comes with optional features to enhance functionality and user experience.
For more information, explore the Alto theme's GitHub repository.