HLVC Design - Behancé HLVC Design - Facebook HLVC Design - Twitter HLVC Design - Instagram Helvecio da Silva - LinkedIn

Neste exercício vamos usar o template Protostar nativo do Joomla e o Componente de Conteúdo (com_content). Fique a vontade para usar outros templates e componentes de maneira similar.

  1. Vá para Extensões > Templates > Estilos;
    1. Clique em Protostar Detalhes e Arquivos;
    2. Clique na aba Criar Substituições e crie uma substituição de com_content > category;
  2. Você encontrar uma nova pasta category dentro de protostar > html > com_content. Dentro você encontrará uma cópia de todos os layouts nativos do Joomla (blog e lista);
  3. Renomeie os arquivos como mostrado abaixo:
    1. blog.php para blogalternative.php
    2. blog_children.php para blogalternative_children.php
    3. blog_item.php para blogalternative_item.php
    4. blog_links.php para blogalternative_links.php
  4. Vá em components > com_content > views > category > tmpl e copie o arquivo blog.xml para templates > protostar> html > com_content > category;
    1. Renomeie blog.xml para blogalternative.xml
  5. Abra blogalternative.php;
    1. Após a linha 81 aperte enter e digite (ou copie e cole) o seguinte: <p>This is an Alternative Layout for Blogs<p>. Salve o arquivo;
  6. Abra blogalternative.xml
    1. Mude nas variáveis de texto a seguir BLOG para BLOGALTERNATIVE.
      1. COM_CONTENT_CATEGORY_VIEW_BLOG_TITLE
      2. COM_CONTENT_CATEGORY_VIEW_BLOG_DESC
  7. Vá em Extensões > Idiomas > Substituiçoes
    1. Filtre para  Português do Brasil (pt-BR) - Administrador
    2. Clique em Novo
    3. No campo Constante do Idioma entre as variáveis criadas no passo 6
    4. Traduza assim:
      1. COM_CONTENT_CATEGORY_VIEW_BLOGALTERNATIVE_TITLE
        Blog de Categoria - Layout Alternativo
      2. COM_CONTENT_CATEGORY_VIEW_BLOGALTERNATIVE_DESC
        Exibe o texto de introdução do artigo em um layout de colunas alternativo.
  8. Vá em Menu > Main Menu > Adicionar um novo Ítem de Menu
    1. No campo Título digite Layout de Blog Alternativo
    2. Clique em Selecionar para escolher o Tipo de Ítem de Menu
    3. Clique em Artigos. Você verá o novo ítem de menu criado. Selecione.
    4. Escolha uma categoria e salve.
  9. Vá para o site e teste para ver o layout alternativo do blog em ação.
Pin It

Comentários fornecidos por CComment

Sobre este Blog

O foco principal do blog HLVC é compartilhar, de forma descomplicada, dicas sobre o desenvolvimento de sites utilizando o CMS Joomla. Além disso, serão apresentadas idéias e sugestões em marketing com o intuito de estreitar o relacionaemento entre marcas e seus públicos na era digital.

Busca no Blog