Criando o template para Links

Edite o arquivo pagelayout.tpl e altere a linha referente ao link Links com o seguinte código:

<a href={"/links"|ezurl}>Links</a>

Agora, se você tentar acessar o link você verá uma imagem semelhante a esta:

docedesejo_links_01

A página Links foi visualizada usando o template full-view padrão do eZ publish. O próximo passo é alterar este comportamento. Como fizemos nas seções anteriores deste documento, iremos usar a interface administrativa para criar os novos templates que irão subrescrever os templates padrões do sistema.

Os seguintes passos explicam como gerar um novo template full-view para a pasta Links .

  • Efetue o login na interface administrativa.
  • Clique em Design no menu superior .
  • Clique em Modelos no menu lateral esquerdo .
  • Em Modelos mais comuns , localize /node/view/full.tpl e clique sobre ele.
  • Clique no botão Nova substituição .
  • No campo Nome de arquivo , digite full_links_folder .
  • Em Chaves de override , na caixa dropdown Classe, selecione Folder e na caixa dropdown Seção , selecione Links .
  • Deixe o campo ID do Nó vazio.
  • Clique OK .

O sistema irá gerar o arquivo design/docedesejo/override/templates/full_links_folder.tpl .

Agora que temos o arquivo de template criado, vamos pensar sobre como criar este template. No lado esquerdo da área de conteúdo, podemos exibir uma lista com as sub-pastas que estão dentro da pasta Links . Quando uma sub-pasta for acessada pelo usuário, o eZ publish deve listar o conteúdo que esta dentro dela, neste caso, os links. Quando um destes links forem clicados, o browser deverá abrí-los em uma nova janela. No lado direito, por exemplo, podemos exibir o nome e a descrição da pasta que foi acessada.

Edite o template full_links_folder.tpl que acabamos de criar.

  • Clique no ícone para editar o template full_links_folder.tpl . A tela de edição do template irá aparecer.
  • Recorte e cole o código abaixo: 
<div class="tituloPagina">
   Links
</div>
<table>
  <tr>
     <td width=”200” valign=”top”>
        {include uri="design:links_tree_menu.tpl"}
     </td>
     <td valign="top">
        <b>{$node.name}</b>
        <br />
        <br />
        {attribute_view_gui attribute=$node.object.data_map.description}     
     </td>
  </tr>
</table>
  • Clique no botão Aplicar as mudanças . O sistema retornará a página de templates.
  • Na coluna Prioridade , altere a prioridade do template full_links_folder.tpl para 1 e clique no botão Atualizar prioridades .

Como você pode observar, nós dividimos a página em duas partes usando tabelas. A parte esquerda será usada para exibir o menu, a parte direita será usada para mostrar informações sobre a pasta que estiver sendo acessada. Se você acessar a página Links neste ponto, verá um resultado semelhante à figura abaixo:

docedesejo_links_02



Comentários

Entre com seu usuário e senha ou registre-se no site para comentar.

Escrito por:
Leandro Alves
(27/02/2006 15:24)

Última modificação:
Leandro Alves
(28/02/2006 13:33)