Docs/Gradiente de Cores (Pro)

Gradiente de Cores

A versão Gratuita permite que você escolha qualquer cor sólida para a barra de progresso. O Pro desbloqueia um gradiente de duas cores com direção ajustável e uma prévia em tempo real no admin — para corresponder precisamente à paleta de cores da sua marca.

Configurações de gradiente de cores com prévia em tempo real no ReadNinja Pro
O seletor de cores de gradiente com prévia ao vivo.

Opções

OpçãoValoresPadrão
Ativar gradienteAtivado / DesativadoDesativado
Cor inicialSeletor de cor#3B82F6
Cor finalSeletor de cor#8B5CF6
DireçãoEsquerda para direita / Direita para esquerda / Ângulo livreE → D
Ângulo personalizado0 – 360°90°

A Direção oferece duas direções predefinidas e um modo Ângulo livre para controle total. No modo Ângulo livre, a direção se torna um ângulo absoluto em graus (0° aponta para a direita, 90° para baixo, 180° para a esquerda, 270° para cima).

A prévia no admin se atualiza enquanto você modifica as cores e a direção, para iterar rapidamente sem salvar e recarregar uma aba no front-end.

Substituições por artigo

Além do gradiente global, o Pro adiciona três campos de substituição por artigo na barra lateral do editor (além das substituições por artigo padrão):

  • Tipo de corHerdar, Sólido ou Gradiente. Permite forçar um artigo para modo sólido mesmo que a configuração global seja gradiente, ou o inverso.
  • Cores inicial e final — quando o tipo é Gradiente, escolha cores de início e fim específicas para este artigo.
  • Altura — substitua a altura global da barra por artigo, útil para distinguir artigos em destaque do conteúdo comum.

Essas configurações por artigo herdam da configuração global enquanto você não as modificar. Redefina-as para Herdar para voltar aos valores do site.