Ir para o conteúdo. | Ir para a navegação

Ferramentas Pessoais
Acessar
Seções
Você está aqui: Página Inicial Customização

Customização

Acionar Modo Debug

Para que sua customização do CSS funcione, é preciso antes acionar o modo Debug.

Basta seguir os seguintes passos:

1 - Estando logado no seu site clique em "Configuração do Site" no topo da tela

 

 

2 - Em seguida clique em "interface de Gerência do Zope".

 

 

3 - Abrirá uma tela com uma listagem. Primeiramente certifique-se de que você está na raiz do site. Ela é indicada no caminho de navegação que há no topo da tela. Se você estiver na raiz, aparecerá o nome do seu site logo após a frase "Plone Site at / ".

 

 

4 - Procure a pasta "Portal_css (CSS registry)" e clique.

 

 

5 - Clique no botão de checkbox do item "Debug/ development mode" que se encontra no topo da tela e deixe-o selecionado.

 

 

6 - Vá até o final dessa mesma página e clique em "Save".

 

 

O modo Debug será acionado!

Arquivos de Customização

Avançado Avançado

É possível fazer configurações visuais mais avançadas alterando os estilos .css do tema utilizado.

No entanto, o CPD não presta suporte em relação às linguagens de codificação.

Portanto, não indicamos o procedimento para quem não possua conhecimento de css e html.

CSS

Arquivos CSS que são encontrados em:

Configurações do site >> Interface de Gerência do Zope >> portal_skins 

Em portal_skins procure pela pasta referente ao tema escolhido. Por exemplo, se está usando o tema Safira:

ufrgs_TemaSafira_styles 

Na pasta do tema você irá encontrar as folhas de estilo responsáveis pela configuração visual do site.

Sugerimos a utilização de ferramentas de inspeção de código (ex. Firebug) para auxilá-lo a identificar as classes e propriedades do tema e em que folha de estilo estão.

Sabendo em qual arquivo deve fazer as alterações (ex.: ploneCustom.css), clique sobre o mesmo e na tela que segue clique no botão "Customize". Altere o código conforme a sua necessidade e clique em salvar.

Imagens

Para modificar as imagens do tema (inclusive logotipo), o procedimento é semelhante.

Em portal_skins procure pela pasta referente ao tema escolhido. Por exemplo, se está usando o tema Safira:

ufrgs_TemaSafira_images

Clique sobre a imagem que deseja alterar, na tela que segue clique em customize.

Na próxima tela você deve fazer o upload do arquivo de imagem que irá substituir a original e , por fim, salvar.