Criando um site com DotNetNuke. Parte 3 – Trabalhando com o conteúdo

Após alguns dias de espera, estamos de volta com o tutorial sobre DotNetNuke. A partir de agora, iremos trabalhar o conteúdo do site. Logue-se (como superusuário).

A página terá esta aparência:

Repare que alguns detalhes mudaram. Surgiu uma barra no topo:

A barra tem 3 Modos:

  • View – Aqui você vê a página como qualquer visitante do site
  • Edit – A página é exibida como no modo anterior, mas você pode editar o conteúdo e pode trabalhar o layout
  • Design – Você não vê o conteúdo em si (textos e imagens, por exemplo), mas pode trabalhar o layout/posicionamento dos elementos da página.

No lado direito da barra, clique na seta ao lado de “Show Control Panel?”. A barra será expandida, com mais algumas seções:

Painel esquerdo / Page Functions:

  • Add – p/ adicionar uma página.
  • Settings – configurar detalhes da página atual, como o título.
  • Delete – remover a página atual.
  • Copy – copiar uma página. Se você precisa de uma página parecida com outra, pode fazer por aqui.
  • Export – cria um template baseado na página atual.
  • Import – criar/alterar uma página usando como base um template criado anteriormente.

Painel do meio / módulos:

  • Add New Module
    • Module – Você seleciona um módulo que deseja adicionar à página. Pode ser um banner, um menu, etc.
    • Title – o título do módulo. Por exemplo, no meio da página criada pelo DNNuke existe um local onde se vê o título “Welcome To DotNetNuke®”. Ali foi usado um módulo text/html. O título aparece na barra superior do módulo (na verdade, aparece no container).
    • Visibility – Você pode definir se o módulo será visualizado apenas pelos editores da página ou se ele deve ter a mesma visualização da página. Por exemplo, uma página pode ser vista por todos. Colocando a visibility do módulo como “same as page”, todos verão o módulo. 
    • Pane – Define a seção em que o módulo será adicionado (veremos isso mais abaixo).
    • Insert – Define se o módulo deve ser colocado acima ou abaixo de outro módulo já existente na mesma seção.
    • Align – Alinhamento do módulo – direita, esquerda etc.
    • + Add – clicando neste botão, o módulo será adicionado à página, de acordo com as opções anteriores
  • Install Existing Module – semelhante à opção anterior, mas ao invés de criar um novo módulo, copia de alguma página existente
  • Install Aditional Modules – Caso necessite de um módulo que não está instalado / ativado, pode instalá-lo por aqui.

Painel direito / Common Tasks:

  • Site – atalho para as configurações do site.
  • Users – gerenciamento de usuários.
  • Roles – regras de segurança.
  • Files – gerenciador de arquivos.
  • Help – ajuda do DotNetNuke.
  • Abre a página de “Solutions Explorer”.

O posicionamento  dos elementos no DotNetNuke é definido por seções (Panes). Na barra superior, clique em view ou design, e repare nas seções: TopPane, LeftPane, ContentPane, RightPane e BottomPane. Você poderia,  por exemplo, usar a seção LeftPane para colocar um menu vertical.

O DotNetNuke é bem “maleável”. Você pode alterar o posicionamento dos módulos simplesmente arrastando-os. Experimente: clique no título de algum módulo e arraste-o para outra seção. Por exemplo, arraste o “Welcome To DotNetNuke®” para a seção “TopPane”.

Você também deve ter reparado que, em modo “Edit”, ao passar o mouse sobre algum texto, aparece um quadrado com um lápis . Clicando no lápis, podemos editar de forma rápida o texto / título:

Para salvar as alterações, basta clicar no quadrado que aparece na imagem. Caso queira cancelar, clique no x vermelho.

Se o módulo/texto a ser editado permitir formatação, serão exibidos mais alguns ícones ao lado dos ícones de confirmação/cancelamento (experimente editar o conteúdo do “Welcome”):

Uma forma ainda mais avançada de editar é clicando em “Edit Text”, na parte de baixo do módulo. Com isso, será exibida uma página de edição com várias opções:

Após editar o texto, você pode clicar em Update para salvar, Cancel para desfazer as mudanças, ou em Preview para ver como ficou o texto antes de salvar.
Você também pode clicar na seta ao lado do título do módulo. Com isso, aparecerá um pequeno menu com algumas opções, como configurações do módulo, editar o texto, importar/exportar conteúdo etc:

No próximo artigo, iremos adicionar uma nova página ao nosso site.