Como Dominar o Ghost (Tutorial)

8 min read
Como Dominar o Ghost (Tutorial)

Se você está usando o Ghost para o seu blog e quer aproveitar melhor todas as funcionalidades do painel administrativo, este tutorial vai te guiar passo a passo por todas as ferramentas essenciais. O Ghost é uma plataforma poderosa e intuitiva, mas conhecer bem suas funcionalidades faz toda a diferença no seu resultado final.

Como Acessar o Painel Administrativo

O primeiro passo é simples: para acessar a área administrativa dos sites Ghost feitos pela Solvit, adicione /ghost ao final da URL do seu site. Por exemplo:

✔ ghost.seusite.com.br/ghost

Na primeira vez que acessar, você verá a tela de criação de conta. Nas próximas vezes, será direcionado diretamente para o login.

Criando sua Conta de Administrador

🔹 Site Title: Nome do seu blog/site
🔹 Full Name: Seu nome completo
🔹 Email: E-mail para acesso (importante: anote bem!)
🔹 Password: Use sempre senhas fortes e seguras

☀️Dica Solvit: O Ghost pode perguntar se você quer adicionar colaboradores ao seu time. Se for apenas você no início, pode pular essa etapa tranquilamente.

Quando entrar no painel, você verá uma interface limpa e organizada. Na lateral esquerda, temos o menu principal com todas as funcionalidades:

📊 Dashboard: Visão geral e estatísticas
👁 View Site: Visualiza seu blog em nova aba
📝 Posts: Gerenciamento de artigos
📄 Pages: Páginas estáticas
🏷 Tags: Sistema de categorização
👥 Members: Gerenciamento de assinantes
🔧 Settings: Todas as configurações

Como Criar e Editar Posts no Ghost

Criando um Novo Post

  1. Clique em "Posts" no menu lateral
  2. Clique no botão "+" ou "New Post"
  3. Digite o título do seu artigo
  4. Comece a escrever no editor
The Ghost CMS post editor interface, demonstrating content creation and emoji auto-completion for a new post
The Ghost CMS post editor interface, demonstrating content creation and emoji auto-completion for a new post ghost

O editor do Ghost é muito intuitivo e por isso utilizamos essa plataforma aqui na Solvit. Você pode:

✔ Selecionar texto para formatar (negrito, itálico, links)
✔ Usar títulos H2, H3 para organizar o conteúdo
✔ Adicionar citações para destacar trechos importantes
✔ Inserir imagens diretamente no texto
✔ Incorporar vídeos do YouTube, Twitter, etc.

Configurações Avançadas do Post

Clique no ícone da engrenagem (settings) para acessar opções avançadas:

🖼 Feature Image: Imagem destacada do post
🔗 Post URL: Personalize a URL (slug)
📅 Publish Date: Agendar publicação
🏷 Tags: Adicionar categorias
✍ Excerpt: Resumo do post
👤 Authors: Definir autores

Configurações de SEO e Meta Tags

Essa é uma das grandes vantagens do Ghost - SEO integrado nativo! Ainda nas configurações do post, você encontra:

Meta Title: Título específico para o Google (até 60 caracteres)
Meta Description: Descrição para resultados de busca (até 160 caracteres)
Canonical URL: URL canônica (se necessário)

Redes Sociais Integradas:

  • Twitter Card: Imagem e texto personalizados para Twitter
  • Facebook Card: Otimização para compartilhamento no Facebook

☀️ Dica Solvit: Se você não preencher meta title e description, o Ghost usa automaticamente o título e início do post como fallback.

Gerenciando Imagens no Ghost

Upload de Imagens

O Ghost facilita muito o trabalho com imagens:

✔ Drag & Drop: Arraste imagens direto para o editor
✔ Upload Manual: Clique no + e selecione "Image"
✔ Unsplash Integrado: Busque imagens gratuitas direto da plataforma
✔ URL Externa: Cole o link de uma imagem online

Configurações de Imagem

Depois de inserir uma imagem, você pode:

  • Ajustar o tamanho: Normal, largura ampla ou largura total
  • Adicionar legenda: Descreva a imagem
  • Alt text: Importante para acessibilidade e SEO

⚠️ Importante: O Ghost redimensiona automaticamente imagens grandes para otimizar o carregamento, mantendo qualidade até 2000px de largura.

Sistema de Tags (Categorias)

No Ghost, as tags funcionam como categorias do WordPress. Para criar e gerenciar:

Criando uma Nova Tag

  1. Vá em "Tags" no menu lateral
  2. Clique em "New Tag"
  3. Preencha as informações:
    • Name: Nome da categoria
    • Slug: URL da tag (criado automaticamente)
    • Description: Descrição da categoria
    • Tag Image: Imagem representativa
    • Meta Data: SEO da página da tag

Tags Internas vs. Públicas

🔸 Tags Públicas: Aparecem no site e têm páginas próprias
🔸 Tags Internas: Começam com # e são apenas para organização interna

Exemplo: #destaque, #video, #promocional

Configurações Gerais do Site

Acesse Settings > General para configurar:

Informações Básicas

Title & Description: Nome e descrição do site
Language: Idioma (Vem com"en" como padrão)
Timezone: Fuso horário correto, importante para programar posts
Publication Cover: Imagem de capa da página inicial

Branding

Publication Icon: Favicon (60x60px recomendado)
Publication Logo: Logo principal
Publication Cover: Banner de fundo

Meta Data para SEO

Configure meta title e description para a página inicial do seu site. Isso aparecerá nos resultados de busca quando pesquisarem pelo seu domínio.

Social Accounts: Adicione links do Facebook e Twitter

Em Settings > Navigation, configure os menus:

Menu principal que aparece no topo do site:

Para adicionar: Clique no último campo vazio
Label: Texto que aparece no menu
URL: Link de destino
Reordenar: Arraste e solte para reorganizar

Menu adicional (geralmente no rodapé ou canto superior direito):

☀️ Dica Solvit: Use a navegação secundária para links como "Contato", "Sobre", "Política de Privacidade"

Code Injection: Poder Avançado

Uma funcionalidade incrível do Ghost é o Code Injection. Acesse em Settings > Code Injection.

Código que aparece no <head> de todas as páginas:

✔ Google Analytics
✔ Facebook Pixel
✔ Fontes personalizadas
✔ CSS customizado

Código que aparece antes do </body>:

✔ Scripts de tracking
✔ Chat widgets
✔ JavaScript personalizado

☀️ Dica Solvit: Você também pode adicionar code injection específico para cada post ou página individual!

Integrações Poderosas

O Ghost tem integrações nativas incríveis. Acesse Settings > Integrations:

Integrações Prontas

Zapier: Conecte com 1000+ aplicativos
Mailgun: Sistema de e-mail integrado para envio de newsletter
Slack: Notificações em tempo real
Google AMP: Páginas otimizadas para mobile

Integrações Customizadas

Crie suas próprias integrações com:

Content API Key: Para integrar com outros sistemas
Admin API Key: Para automações avançadas
Webhooks: Ações automáticas quando algo acontece

Memberships: Construindo sua Audiência

O Ghost tem um sistema de membros nativo poderoso. Acesse Settings > Members.

The Ghost CMS admin panel displays the "Members" section, listing subscribers with their associated details
The Ghost CMS admin panel displays the "Members" section, listing subscribers with their associated details ghost

Configurações de Acesso

Anyone can sign up: Qualquer um pode se inscrever
Paid-members only: Apenas membros pagantes
Only people I invite: Apenas por convite
Nobody: Desabilita inscrições

Planos de Assinatura

Free: Membros gratuitos
Monthly/Yearly: Assinaturas pagas (requer integração com Stripe)

⚠️ Importante: Para assinaturas pagas, você precisa configurar uma conta no Stripe (disponível apenas em alguns países).

Labs: Funcionalidades Experimentais

Em Settings > Labs você encontra:

Import Content: Importe de WordPress, Medium, etc.
Export Content: Backup completo do seu site
Delete All Content: Reset completo (cuidado!)
Redirects: Gerenciamento de redirecionamentos

Páginas Estáticas

Para criar páginas como "Sobre", "Contato", etc:

  1. Vá em "Pages" no menu lateral
  2. Clique em "New Page"
  3. Use o mesmo editor dos posts
  4. Configure as meta tags específicas

As páginas criadas não aparecerão automaticamente no menu - você precisa adicioná-las manualmente na navegação.

Dicas Finais de Produtividade

Filtros Inteligentes

No gerenciamento de posts, use os filtros:

📝 All Posts: Todos os posts
✏️ Draft: Rascunhos
⏰ Scheduled: Agendados
✅ Published: Publicados
🏷 By Tag: Filtrar por categoria
👤 By Author: Filtrar por autor

Atalhos de Teclado

Ctrl/Cmd + S: Salvar
Ctrl/Cmd + Alt + P: Publicar
/ (no editor): Menu de cards rápido
Markdown: O Ghost aceita markdown nativo!

Preview e Testes

Sempre use o botão "Preview" antes de publicar para ver como ficará o resultado final no seu site.

Conclusão: Dominando o Ghost CMS

O Ghost CMS é uma plataforma incrivelmente poderosa quando você conhece todas suas funcionalidades. Com este tutorial, você tem tudo que precisa para:

✅ Criar conteúdo profissional
✅ Otimizar para SEO automaticamente
✅ Gerenciar sua audiência eficientemente
✅ Personalizar completamente sua experiência
✅ Integrar com ferramentas externas

O segredo está em praticar e explorar cada funcionalidade. O Ghost já entrega 90% do que você precisa configurado automaticamente - você só precisa fazer os ajustes finais para deixar tudo do seu jeito.

💪 Pronto para começar? Acesse seu painel administrativo e coloque essas dicas em prática. Seu blog profissional está a poucos cliques de distância!

📩 Quer dicas avançadas de Ghost CMS? Continue acompanhando nossos tutoriais para descobrir funcionalidades ainda mais poderosas e truques que vão fazer seu site se destacar!

Fontes utilizadas para esse artigo:

  1. https://ppl-ai-file-upload.s3.amazonaws.com/web/direct-files/attachments/74152830/573e0a82-1a6f-43c1-ae6d-53fcab95065f/Artigo-Como-criamos-a-Identidade-Visual-do-Dr-1.docx
  2. https://www.hostinger.com/in/tutorials/ghost-tutorial
  3. https://www.fastcomet.com/tutorials/ghost/create-admin-user
  4. https://roadtohomelab.blog/self-hosting-ghost-using-digitalocean/
  5. https://www.youtube.com/watch?v=YVakhK8UOWs
  6. https://www.cloudclusters.io/docs/ghost/Resetting%20the%20Login%20Password%20of%20Ghost%20Admin%20Panel1669017986.html
  7. https://ghost.org/docs/install/ubuntu/
  8. https://www.youtube.com/watch?v=58hbEjZPm4s
  9. https://www.youtube.com/watch?v=NLTaS2T3Lrw
  10. https://blog.cloudsigma.com/setting-up-a-blog-using-ghost/
  11. https://www.reddit.com/r/Ghost/comments/163xgj0/does_anyone_know_of_some_good_tutorials_for_using/
  12. https://ghost.org/help/how-do-i-login-to-ghost-admin/
  13. https://www.digitalocean.com/community/tutorials/how-to-install-ghost-cms-with-digitalocean-marketplace-1-click
  14. https://ghost.org/docs/
  15. https://electronthemes.com/blog/how-to-install-a-ghost-theme-in-your-ghost-admin-panel
  16. https://runcloud.io/blog/ghost
  17. https://ghost.org/tutorials/
  18. https://play-with-ghost.com
  19. https://forum.ghost.org/t/configuring-ghost-for-the-first-time/53111
  20. https://www.youtube.com/watch?v=_KJDkSbIthY
  21. https://stackoverflow.com/questions/39688335/how-can-i-access-ghost-admin
  22. https://electronthemes.com/blog/how-to-properly-create-edit-and-delete-a-post-from-ghost-dashboard
  23. https://abstract27.com/10-ways-to-optimise-your-ghost-website-for-seo/
  24. http://blog.jsonwhois.com/using-tags/
  25. https://www.youtube.com/watch?v=bM156z9MbZg
  26. https://gatsby.ghost.org/the-editor/
  27. https://ghostseo.org/ghost-tags-seo/
  28. https://ghost.org/help/tags/
  29. https://drakeor.com/2018/09/12/serving-static-files-within-ghost/
  30. https://ghost.org/resources/how-to-publish-your-first-post/
  31. https://ghost.org/help/seo/
  32. https://www.spectralwebservices.com/blog/how-to-organize-your-ghost-site-with-tags/
  33. https://www.youtube.com/watch?v=Tbelo_YoB4c
  34. https://ghost.org/help/using-the-editor/
  35. https://brightthemes.com/blog/ghost-routes-meta-data
  36. https://www.techweirdo.net/display-all-your-tags-on-a-single-page-in-ghost-blogs-source/
  37. https://forum.ghost.org/t/guide-to-images-with-ghost/17518
  38. https://ghost.org/changelog/new-editor/
  39. https://ghostseo.org/how-to-edit-meta-title-and-description-on-ghost/
  40. https://gatsby.ghost.org/organising-content/
  41. https://docs.ghostinspector.com/uploading-files/
  42. https://lu.dev.br/como-configurar-ghost/
  43. https://brightthemes.com/blog/ghost-custom-navigation
  44. https://ghostds.com
  45. https://ghost.org/help/setup-members/
  46. https://joaopedro.dev/minha-experiencia-usando-ghost/
  47. https://firma-docs.eduardogomez.io/guide/navigation.html
  48. https://ghost.org/docs/logos/
  49. https://electronthemes.com/blog/how-to-create-paid-tiers-in-your-ghost-membership-website
  50. https://ghost.org/docs/config/
  51. https://iristhemes.com/blog/setting-navigation-in-ghost/
  52. https://99designs.com/inspiration/logos/ghost
  53. https://hostarmada.com/tutorials/blog-cms/ghost/how-to-enable-membership-subscriptions-in-your-ghost-blog/
  54. https://www.youtube.com/watch?v=wK2VZbVDk-E
  55. https://themeix.com/blog/how-to-edit-navigation-menus-in-ghost-cms/
  56. https://www.behance.net/search/projects/ghost%20logo
  57. https://ghost.org/docs/members/
  58. https://www.youtube.com/watch?v=O_S2EM1TIqw
  59. https://ghost.org/help/updating-navigation/
  60. https://www.behance.net/gallery/71138935/Ghost-Branding-and-Package-Design
  61. https://electronthemes.com/blog/how-to-customize-portal-settings-in-ghost-cms
  62. http://www.gh0st.net/wiki/index.php?title=Main_Page
  63. https://www.rapidevelopers.com/bubble-integrations/ghost
  64. https://brightthemes.com/blog/ghost-code-injection
  65. https://ghost.org/tutorials/download-and-upload-a-theme/
  66. https://github.com/TryGhost/Ghost/issues/4534
  67. https://ghost.org/help/integrations/
  68. https://ghost.org/tutorials/use-code-injection-in-ghost/
  69. https://www.youtube.com/watch?v=ti81ipcIRgA
  70. https://www.concord.tech/docs/ghost-concord-integration-guide
  71. https://electronthemes.com/blog/what-is-code-injection-in-ghost-cms-and-how-to-use-it-2
  72. https://docs.bitnami.com/aws/apps/ghost/configuration/install-theme/
  73. https://ghost.org/resources/setting-up-apps-and-integrations/
  74. https://ghost.org/help/code-injection-styles/
  75. https://www.youtube.com/watch?v=wNYz58_ntvE
  76. https://www.make.com/en/integrations/ghost
  77. https://www.priority.vision/docs/format/custom-code-injection/
  78. https://www.mikecoutermarsh.com/local-dev-for-a-ghost-theme/