Version: 2.0.0
Released: 26th June, 2023
Last Updated: 06 Aug, 2023
Changelog: Click Here
Introduction
Aether, a captivating blog and magazine Ghost theme designed to elevate your online presence and take your blog or magazine to new heights.
With its adaptable and responsive design, Aether is the perfect choice for bloggers, writers, publishers, who want to create visually captivating and user-friendly websites that truly resonate with their audience.
Installation
Step 1: Downloading the Aether theme
To begin, you can download the Aether theme by following these steps:
- After purchasing the theme, you will receive an email containing the theme zip file. Alternatively, you can download the theme directly from the Dashboard.
- Extract the downloaded file, and you will find a folder named aether-1.0.0. Inside this folder, you will find the theme zip file named aether.zip as well as a text file with the documentation link.
Step 2: Installing the Theme
Once you have the Aether theme zip file, you can proceed with the installation:
- Log in to the admin section of your Ghost blog by visiting yourblog.com/ghost.
- Navigate to "Settings" and select "Design" from the menu.
- At the bottom of the left panel, click on "Change theme."
- In the top right corner, click the "Upload Theme" button.
- An upload box will appear. Choose the theme file aether.zip that you downloaded earlier.
- Once the theme is uploaded, click the "Activate now" button to activate it on your blog.
Step 3: Configuring Basic Settings
After installing the Aether theme, you can configure some basic settings by following these steps:
- Go to "Settings" and select "Design" from the menu.
- Under the "Brand" section, you will find the following options:
- Accent Color: Set the primary color for your theme.
- Publication Icon: Upload an icon to be used as the site's favicon.
- Publication Logo: Upload a logo to be used as the site's main logo.
- Publication Cover: Upload a cover to be used as default site cover.
Homepage Hero Section
By default, the Site title, description, and publication cover act as the Hero Section title, sub-title, and cover image.
However, if you need more control over the content of the hero section, Aether provides a custom hero section that offers greater flexibility.
With the custom hero section, you can create a longer title, add formatted content using Ghost editor cards, and choose from two different layouts.
Adding a Custom Hero Section
To add a custom hero section, follow these steps:
- Go to the "Pages" section in your Ghost admin panel and click on "Add New Page".
- Enter a page title that you want to use as the hero section title.
- Add the desired content to the editor; this content will be displayed in the hero section.
- Upload a featured image that you want to use as the hero image.
- To ensure the custom hero section appears correctly, assign the page to an internal tag called
#hero
. If you omit this step, the custom hero section won't be displayed.
Changing the Hero Section Layout
Aether provides two different layout styles for the custom hero section. To change the layout, follow these steps:
- Go to "Settings" and select "Design" from the menu in your Ghost admin panel.
- Under the "Homepage" section, you will find the "Hero style" option.
- Use the Hero subscribe form setting to show/hide the subscriber form within hero section.
- Select the desired layout style from the available options.
Congratulations! You have successfully added a custom hero section to your page and changed the layout style.
Homepage Featured Post Section
Right after the hero section on the homepage, there is a section dedicated to displaying your featured posts. To showcase your posts in this section, follow these steps:
- Go to the post settings of the desired post.
- Enable the "Featured" option to mark the post as featured.
Once you have marked posts as featured, they will be displayed on the homepage as prominent cards. By default, up to 4 featured cards can be shown in the section.
Enjoy highlighting your best content in the featured post section!
Homepage Featured Tag Section
Aether includes a dedicated section on the homepage to showcase your highlighted tags. To feature specific tags in this section, follow these steps:
- Prepare the tags you want to display in the homepage featured tag section. You can customize each tag by adding an image and selecting a different accent color.
- Take note of the "slug" for each tag you want to include in the featured tag section.
- Go to "Settings" and select "Design" from the menu in your Ghost admin panel.
- Under the "Homepage" section, locate the "Featured tags slug" field.
- In the "Featured tags slug" field, enter the slugs of the tags you want to feature, separated by commas. For example: tag1, tag2, tag3.
Once you have set the featured tag slugs, the corresponding tags will be displayed in the homepage featured tag section. Make sure to save your changes.
Post Templates & Custom Pages
Aether offers additional post templates and custom page templates to enhance the presentation of your content.
Custom Post Templates
Aether provides two additional post templates:
- Table of Contents: This template allows you to create a table of contents for your post or page, providing a more flexible way to navigate through your content.
- Alternative Post Header: This template offers an alternative layout for the post/page header, with the header content on the left and an image on the right in a single row.
To select a custom post template for a particular post, follow these steps:
- Go to the desired post that you want to apply the custom post template.
- In the post settings, under the "Template" section, choose the desired template from the available options.
Custom Page Templates
Aether provides three custom page templates:
- Tags: Select this template to create a page that lists all your tags.
- Authors: Select this template to create a page that lists all your authors.
- Contact: Select this template to create a contact page. Please note that this form uses Formspree to handle form submissions. To set up the contact form, obtain the form ID from Formspree and add it to the "Formspree form id" field in "Settings" > "Design" > "Site-wide".
Choose the appropriate template for your custom pages to enhance the user experience and showcase your content effectively.
Theme Settings
In addition to the theme settings mentioned earlier, there are two remaining settings that we will explain below:
Background Color: Use this setting to adjust the background color of your site. It will affect the site header, footer, and some other areas, allowing you to customize the overall look and feel of your site.
Copyright Text: By default, Aether includes a copyright text. However, you can override this default text by using the "Copyright Text" field in the theme settings. Enter your desired copyright text in this field to personalize it for your site.
Header action label: Label for primary Nav action Button, such as Get Started!.
Header action link: Link for primary Nav action Button, such as https://yoursite.com/subscribe.
Customizing the background color and copyright text can help you create a unique and branded experience for your visitors.
Theme Translation
Aether supports Ghost i18n and comes with English translation by default. You can easily translate the theme to your desired language following these steps:
- Go to your Ghost admin panel and navigate to "Admin" > "General" > "PUBLICATION INFO".
- Under "Publication Language", enter the Language Code Reference for the desired language you want to use. For example, enter "de" for German.
To add a language that is not included in the theme, such as German, follow these steps:
- Locate the "locales" folder in your Aether theme folder.
- Duplicate the "en.json" file and rename it to "de.json" since "de" is the language code for German.
- Open the "de.json" file and replace the English texts with your translated German texts.
By following these steps, you can customize the theme's translation to match your desired language.
Support
If you need support, we're here to help! Here are a few ways you can reach out to us:
- Visit the support page for assistance and resources.
- Send us an email at [email protected] for any inquiries or questions you may have.
- Reach out to us via Twitter by sending a direct message (DM) or tweeting at @Visioun_.
We're committed to providing excellent support and ensuring your experience with Aether is smooth and enjoyable. Don't hesitate to get in touch if you need assistance or have any feedback.
Changelog
** 06th Aug 2023
* + Added new theme settings
* + Added support for hiding page title and feature image
* Bug fixes & Improvements to the site structure
** 11th July 2023 - Update
* Dropdown Bugfix
* Added Button hover effect
* Added hover effect for tags button within cards.
** 26th June 23 - Initial Release