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:
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.
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.
- 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.
- 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
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.







