Skip to content

Ghost Theme Attila with Moegi style, optimized for mobile readers.

License

Notifications You must be signed in to change notification settings

bunizao/attila-opt

 
 

Repository files navigation

Attila-Opt

Here is a Ghost theme optimized for mobile devices based on Attila, with a style inspired by Moegi.


Features

  • Smaller font size than Attila's, allowing more content to be displayed on mobile devices.
    • Adaptive font size on different screen sizes.
  • Slimmer and cleaner design than Attila's, with a focus on readability and a more modern font family.
  • Dark Mode support and a more comfortable background and font color.
  • Image caption style changed. (Maybe a bug fixed)
  • ( Optional ) Hide unnecessary page elements to simplify the pages. (e.g. .post-comments、.nav-credits or .nav-copy etc.)
  • And we also support all functions of Attila, see its original README.md for more details.

Demo

You can see the demo at https://attila-opt.tutuis.me.


Installation

  1. Download the theme directly from the link, it will automatically download the latest theme under the master branch.
  2. Upload the ZIP file to your Ghost Admin Portal.

Customization

All the following operations should be performed in the Ghost Admin Portal -> Advanced -> Code Injection.

Hide something

<style>
section.post-comments, 
post-share,
.nav-footer ul,
span.nav-credits, 
span.nav-copy {
    display: none !important;
}
</style>
  • Explanation:
Selector Scope Description
section.post-comments Post Hide the comment section.
post-share Post Hide the post sharing options.
nav-footer ul Global Hide the Sign up button in the footer.
span.nav-credits Global Hide the credits including Published with Ghost, Theme Attila-Opt, and the theme change button in the footer.
span.nav-copy Global Hide the copyright information and social media links in the footer.

Change something

  • Accent color can be changed in Site —> Design & Branding —> Brand -> Accent color.
    • you can also select another color for dark mode.
  • Code Injection can almost change anything, if you are familiar with CSS.

License

Since this theme is a modification of Attila and Moegi, the license of this theme is also based on the MIT License of Attila.

About

Ghost Theme Attila with Moegi style, optimized for mobile readers.

Resources

License

Stars

Watchers

Forks

Languages

  • JavaScript 62.9%
  • SCSS 23.7%
  • Handlebars 13.4%