Attila
A content focused responsive theme for Ghost. See a demo at: attila.peteramende.de
If you like this theme, you can buy me a coffee beer.
📷 Screenshots
⭐️ Features
- Responsive layout
- Dark Mode & Theme Switch
- Search & Popular Tags
- Post reading progress
- Code highlight including line numbers
- Disqus support
- Member menu buttons
🌍 Localization
Code | Flag | Language | Status | Translator |
---|---|---|---|---|
en |
English | |||
de |
German | |||
es |
Spanish | r1p | ||
fr |
French | robink | ||
it |
Italian | fmaida | ||
no |
Norwegian | arthurnoerve, oisann | ||
zh |
Chinese | hao-lee | ||
id |
Indonesian | simplyeazy | ||
ro |
Romanian | cdorin93 | ||
ru |
Russian | schamberg97 | ||
tr |
Turkish | cgrgrbz | ||
sv |
Swedish | martenj77 | ||
cs |
Czech | lunakv | ||
pt |
Portuguese | matheusvanzan | ||
vi |
Vietnamese | JustHmmmm | ||
el |
Greek | thiodordelis | ||
dk |
Danish | jmayntzhusen | ||
ar |
Arabic | pop-eax | ||
ca |
Catalan | arthurnoerve | ||
lt |
Lithuanian | arthurnoerve | ||
nl |
Dutch | gkdp | ||
pl |
Polish | filipolszewski | ||
eo |
Esperanto | ebanDev | ||
ga |
Galego | r1p |
🎨 Setup custom color
- Go to Code injection.
- Add this to Blog Header:
<style>
:root {
--color-primary: #D95736;
--color-primary-active: #BF4526;
}
</style>
🔠 Setup custom google fonts
- Go to fonts.google.com and choose a font.
- Choose Embed and copy the
<link>
code. - Go to Code injection.
- Add this to Blog Header:
<link href="https://fonts.googleapis.com/css2?family=Mukta&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap" rel="stylesheet">
<style>
:root {
--font-primary: 'Mukta', sans-serif;
--font-secondary: 'Crimson Text', serif;
}
</style>
💬 Setup Disqus
- Go to Code injection.
- Add this to Blog Header:
<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>
🔍 Setup search
- Go to Integrations.
- Choose Add custom integration, name it
Search
and choose Create. Copy the generated Content API Key. - Go to Code injection.
- Add this to Site Header:
<script>
var gh_search_key = 'API_KEY';
var gh_search_migration = 'v2';
</script>
⚙️ Development
Install Grunt:
npm install -g grunt-cli
Install Grunt dependencies:
npm install
Build Grunt project:
grunt build
The compress Grunt task packages the theme files into dist/<theme-name>.zip
, which you can then upload to your site.
grunt compress
⚖️ Copyright & License
Copyright (C) 2015-2021 Peter Amende - Released under the MIT License.