Design

{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}

{{#if showLeaveSettingsModal}} {{gh-fullscreen-modal "leave-settings" confirm=(action "leaveSettings") close=(action "toggleLeaveSettingsModal") modifier="action wide"}} {{/if}}

Navigation

{{#sortable-objects sortableObjectList=settings.navigation useSwap=false}} {{#each settings.navigation as |navItem index|}} {{#draggable-object content=navItem dragHandle=".gh-blognav-grab" isSortable=true}} {{gh-navitem navItem=navItem baseUrl=blogUrl addItem=(action "addNavItem") deleteItem=(action "deleteNavItem") updateUrl=(action "updateUrl") updateLabel=(action "updateLabel") data-test-navitem=index}} {{/draggable-object}} {{/each}} {{/sortable-objects}} {{gh-navitem navItem=newNavItem baseUrl=blogUrl addItem=(action "addNavItem") updateUrl=(action "updateUrl") data-test-navitem="new"}}

Theme Directory

Theme Marketplace

Explore a huge range of free and premium themes for Ghost with a range of design and layout options

Developer Docs

Build your own custom Ghost theme from scratch using our comprehensive Handlebars.js SDK

Installed Themes

{{gh-theme-table themes=themes activateTheme=(action "activateTheme") downloadTheme=(action "downloadTheme") deleteTheme=(action "deleteTheme")}} {{#link-to "settings.design.uploadtheme" class="gh-btn gh-btn-green gh-themes-uploadbtn" data-test-upload-theme-button=true}} Upload a theme {{/link-to}} {{#if showDeleteThemeModal}} {{gh-fullscreen-modal "delete-theme" model=(hash theme=themeToDelete download=(action "downloadTheme" themeToDelete) ) close=(action "hideDeleteThemeModal") confirm=(action "deleteTheme") modifier="action wide"}} {{/if}} {{#if showThemeWarningsModal}} {{gh-fullscreen-modal "theme-warnings" model=(hash title="Activation successful" warnings=themeWarnings errors=themeErrors canActivate=true ) close=(action "hideThemeWarningsModal") modifier="action wide"}} {{/if}} {{#if showThemeErrorsModal}} {{gh-fullscreen-modal "theme-warnings" model=(hash title="Activation failed" errors=themeErrors fatalErrors=themeFatalErrors canActivate=false ) close=(action "hideThemeWarningsModal") modifier="action wide"}} {{/if}}