Neste artigo, gostaria de tocar em um tipo de menu já muito usado - template de blog de categoria... Na verdade, este item permite que você exiba o conteúdo da categoria na página. A única nuance é a palavra " blog". Na verdade, este é apenas um tipo de saída. Por exemplo, no meu pagina inicial(e nas seções) implementado quase a mesma opção. No entanto, é melhor ver uma vez do que ouvir cem vezes, por isso é melhor adicionar um modelo de blog de categoria ao menu e ver o resultado. E aqui está como adicionar este tipo de menu, analisaremos neste artigo.

Ao criar um novo item de menu, você precisa selecionar o tipo - " Modelo de blog de categoria":

Mas quanto a " Parâmetros - Básico" e " Opções - Avançado"eles precisam ser considerados aqui, pois diferem de outros tipos de menus.

Vamos começar com o grupo " Parâmetros - Básico":

• Categoria... Nesta lista suspensa, selecione a categoria que você deseja exibir.
• Descrição... Se você escreveu uma descrição ao criar uma categoria, aqui você pode mostrá-la ou ocultá-la.
• Imagem descritiva... Se você especificou uma imagem para uma categoria, poderá exibi-la aqui.
• Largura completa... Este parâmetro especifica quantos materiais serão exibidos em toda a largura do conteúdo. É melhor olhar o resultado aqui e você entenderá imediatamente o que essa opção faz.
• Introdução... O número de artigos que o usuário verá com uma breve descrição.
• Altifalantes... Número de colunas do blog.
• Links... O número de links simples para artigos que aparecem imediatamente após a saída de todos os materiais em largura total e introdutório.

Em geral, é melhor não descrever esses parâmetros, mas examiná-los imediatamente, e então você entenderá imediatamente. A única coisa é que você precisa criar pelo menos alguns artigos para realmente ver a diferença.

E agora considere " Opções - Avançado":

• Ordem da categoria... É classificar os itens em categorias. " Título alfabético"é um tipo alfabético", Título versus alfabeto"inversamente, classificação em relação ao alfabeto. A" Ordem de exibição"significa que os itens serão classificados de acordo com a ordem que você especificou.
• Ordenação... Aqui você precisa selecionar a opção de classificação que deseja obter na lista suspensa. Apenas no caso de, exitos- Esse é o número de visualizações do artigo, pois essa palavra costuma ser encontrada em diferentes versões da localização, e nem todo mundo a conhece.
• Pedido de vários alto-falantes... Classificando materiais de categoria por pinos. Isso se aplica apenas a tipos de blog onde 2 e mais coluna.
• Quebrando a página... Mostra ou oculta a paginação.
• Resultados de paginação... Se a opção anterior estiver ativada, aqui você pode exibir o resultado da divisão. Por exemplo, " 1-2 de 2".
• Mostrar link de feed... Você pode ligar Feed RSS para esta categoria, então as pessoas podem se inscrever e receber notificações sobre atualizações.

Por experiência própria, direi que muitas vezes todas essas configurações não precisam ser alteradas, portanto, se algo permanecer incerto, basta examiná-las na prática. Embora, provavelmente, isso também não seja necessário.

Nós tocamos tema wordpress, aqui consideraremos o joomla, ou seja, como criar e redefinir modelos de saída. Não, não, não é um modelo geral de site (embora iremos trabalhar com ele), mas algo que muitos desenvolvedores, infelizmente, simplesmente negligenciam. Mas primeiro as coisas mais importantes.

Vamos primeiro dar uma olhada em como os modelos funcionam no joomla. Vou explicar em termos gerais, mas para que fique claro para você de quais padrões estou falando. Todos nós sabemos que o site possui um template que podemos mudar para o que quisermos. Portanto, este modelo pode conter submodelos, a saber, modelos de extensão. Imagine que você deseja alterar o estilo de saída, por exemplo, de um módulo, pegue o módulo para exibição dos materiais mais recentes. O módulo pode ser nativo integrado e de terceiros, em princípio não importa, a essência é a mesma. Imagine que precisamos trocar o título do artigo e a imagem do anúncio, ou seja, foi - primeiro vem o título do artigo, a seguir a imagem embaixo dele, a data, o texto etc. E para nós o designer desenhou assim - a imagem está acima e o título está abaixo. Como vamos mudar? É aqui que a coisa mais interessante ... Muitos desenvolvedores não pensam que o joomla é um sistema em rápido desenvolvimento, que se caracteriza por atualizações frequentes. Mas muitos desenvolvedores encontram essas mesmas linhas nos arquivos do módulo e as alteram conforme necessário. Não é mesmo? Ora, é possível, só depois de atualizar o módulo ou motor, se for um módulo nativo - suas mudanças foram chorando e todo o seu trabalho vai a lugar nenhum. Ou seja, os arquivos alterados serão simplesmente substituídos durante a atualização. Então, os desenvolvedores previram isso e criaram um sistema de modelos e, na minha opinião, essa é uma abordagem muito correta e conveniente.

Estrutura do artigo

Então, como funciona a substituição de modelo? Joomla, como a maioria dos motores modernos, funciona de acordo com o modelo MVC - modelo, visualização, controlador. Não vou me aprofundar agora, mas direi que esse modelo permite a separação da lógica do modelo. Então, apenas este modelo é retirado para o principal template joomla... O Joomla foi projetado de tal forma que, se os modelos de extensão não forem encontrados no modelo do site principal na pasta "html", eles serão gerados a partir do núcleo. Para deixar claro, darei um exemplo.

Vamos pegar um componente padrão com_contentÉ um componente de artigo do joomla. Vamos tentar redefinir a aparência dos artigos apresentados. Vamos exibi-los, por exemplo, na página principal. Para fazer isso, precisamos mover o modelo de saída dos artigos selecionados do componente para o modelo principal do joomla. Para fazer isso, crie uma pasta html na raiz do modelo do site principal, depois uma pasta “com_content” nela e uma pasta “destaque” (materiais selecionados) nela, ou seja, o caminho será algo como este - / templates / your template / html / com_content / feature. Agora vá para o seguinte caminho - / components / com_content / views / featured / tmpl / e copie os arquivos default.php, default_links.php e default_item.php para a pasta criada "destaque" do seu modelo. Agora edite esses arquivos conforme necessário. Você pode ver imediatamente as mudanças no site. Agora, quando você atualizar o joomla, suas alterações permanecerão intactas.

Dessa forma, você pode substituir o modelo de saída de quase qualquer componente ou módulo, tanto integrado quanto de terceiros. Plugins não possuem templates. Por um lado, substituir os modelos pode parecer uma tarefa - para criar pastas em uma determinada sequência, se fizermos algo errado, os modelos não funcionarão. EM últimas versões joomla, a partir do joomla 3.2 tornou-se possível criar substituições automaticamente diretamente do painel de administração do site. Para fazer isso, vá para Extensões -> Gerenciador de Modelos -> na lista de modelos ao lado do modelo usado na coluna "Modelo", clique no nome do modelo e entre no editor de modelos.

Agora basta clicar na extensão de interesse e as sobreposições serão criadas automaticamente na pasta do template selecionado. Na minha opinião, isso simplifica muito a vida, tk. não há necessidade de intensificar quais pastas criar, o que inserir etc.

Além disso, além dos modelos de componente e módulo, podemos substituir a visualização do layout. O que são layouts? Por exemplo, precisamos alterar o modelo de navegação da página. Para isso, basta criar um template de layout "Paginação" na área de administração e alterá-lo conforme necessário. Layouts são uma nova adição ao joomla 3.

Layout alternativo

Agora entendemos que antes de alterar a aparência da saída de uma determinada extensão, é necessário criar seu template. Mas imagine que o mesmo módulo precise definir várias skins, ou seja, em uma seção do site, o design é um, na outra seção, o design é diferente. Como estar aqui? Direi que os desenvolvedores previram isso e criaram uma opção especial chamada "Layout alternativo". Você pode ver esta opção nas configurações do módulo ou componente. Por exemplo, nas configurações do módulo é assim.

Por exemplo, vamos redefinir o modelo de módulo de formulário de autorização no site e criar dois modelos. Para deixar claro como eles diferem um do outro, vamos deixar o botão de login em um modelo laranja, por padrão o botão de login no modelo "Protostar" azul. Para fazer isso, primeiro vá para o gerenciador de modelos e crie uma substituição para o módulo "Mod_login"- Extensões -> Gerenciador de modelos -> na coluna "Modelo", selecione nosso modelo, eu tenho este modelo "Protostar"-> aba "Criar Substituição" e na coluna "Módulos" clique no link "Mod_login".

Em seguida, recebemos uma mensagem informando que o override foi criado e, na próxima vez que o fizermos, iremos para a pasta de templates "Protostar" (se o site estiver hospedado, então é melhor usar um cliente ftp, por exemplo, comandante total) e ver se uma pasta apareceu na raiz do modelo "Html", abra esta pasta e, em seguida, a pasta "Mod_login" e vemos dois arquivos de modelo: default.php e default_logout.php... Podemos alterar esses arquivos da maneira que quisermos e o resultado poderá ser observado imediatamente no site após a atualização da página. Mas essas mudanças serão aplicadas imediatamente a todos os módulos criados. "Mod_login", mas precisamos criar dois designs diferentes.

Para entender a essência do layout alternativo, vá para as configurações do módulo forma de login-> guia " Opções extras"E certifique-se de que na lista suspensa "Layout alternativo" existe apenas um modelo padrão e é isso.

Agora vamos criar cópias dos modelos de substituição na pasta mod_login modelo de site (selecione o arquivo, pressione ctrl + c, depois ctrl + v), teremos arquivos com o prefixo "- copiar". Vamos renomear os dois arquivos, substituindo o prefixo "- copy" por, por exemplo, "-Alternativo"(os nomes dos arquivos devem ser estritamente latinos e não conter sublinhados), ou seja, deveríamos ter dois arquivos adicionais: default-alternative.php e default-alternative_logout.php... Agora estamos procurando o código do botão no arquivo default-alternative.php com classe "Btn btn-primary" e mudar "Btn-primário" no "Btn-warning"(classe do botão de alerta), ou seja, assim - class = "btn btn-warning".

Agora vá para as configurações do módulo mod_login e vemos que um modelo adicional "alternativo-padrão" apareceu na lista "Layout alternativo".

É isso, agora podemos clonar nosso módulo e selecionar o modelo "alternativo padrão" na opção "Layout alternativo". Agora, este modelo será exibido no site com um botão laranja de login.

Layout alternativo de categorias e artigos

Assim como módulos, artigos e categorias também podem ser atribuídos seus próprios layouts de saída alternativos. Podemos substituir a exibição de qualquer artigo ou categoria. Ao criar um site, muitas vezes você precisa recorrer a esses métodos, especialmente se for um site grande e contiver muitos tipos de informações.

Podemos atribuir um layout alternativo a uma categoria separada e a um artigo separado.

Ressalte-se de imediato que o layout alternativo da categoria só funcionará se a categoria não estiver vinculada a um item de menu do tipo "Blog da Categoria" ou "Lista de Materiais da Categoria". Para exibir um layout alternativo da categoria anexada ao item de menu, usaremos outro método, mas mais sobre isso a seguir ...

Layout alternativo para um artigo separado

Vamos criar um layout alternativo para uma história separada. Por exemplo, em uma postagem separada, defini a classe pageTitle como o título H2, de modo que este material se tornou único em relação a outros. Como isso pode ser alcançado? Simplesmente criamos um layout de página alternativo e o atribuímos ao artigo desejado. Para fazer isso, primeiro crie uma substituição para o artigo: Extensões -> Gerenciador de modelos -> coluna "Modelo", selecione seu modelo -> Criar substituição -> na coluna "Componentes" encontre "com_content", expanda a lista e clique em o link "artigo".

Agora vá para o diretório - / templates / your template / html / com_content / article / e crie uma cópia do arquivo default.php. Em seguida, renomear este ficheiro, por exemplo, como este - default-alt.php. Fazemos as edições necessárias no modelo (eu defino a classe pageTitle para o título da página, se você se lembra). Agora vamos atribuir este modelo ao artigo necessário - Materiais -> Gerenciador de materiais -> selecione o material desejado -> Opções de exibição do material -> vá para baixo e no campo "Layout alternativo" selecione nosso layout - default-alt.

Agora, se recarregarmos a página, podemos ver nossas mudanças.

Vamos agora dar ao nosso layout alternativo "alt padrão" um nome apropriado. Por exemplo, vamos chamá-lo de Meu Layout Alternativo. Para fazer isso, devemos adicionar uma constante com tradução - TPL_ NOME DO SEU MODELO _COM_CONTENT_ARTICLE_LAYOUT_ NOME DO ARQUIVO DE LAYOUT ALTERNATIVO = "Meu layout alternativo" - para o arquivo de localização de modelo - ru-RU.tpl_ nome do modelo .sys.ini.

eu uso modelo padrão"Protostar" e o nome do arquivo de layout alternativo que tenho é default-alt.php. No meu caso, para tradução, adicionei a constante TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT = "Meu layout alternativo" ao arquivo ru-RU.tpl_protostar.sys.ini (/ language / en-RU /). Agora, quando seleciono um layout alternativo, meu nome é exibido.

Existe um método mais fácil para localizar o layout alternativo, substituindo as constantes de idioma do joomla. Escrevi sobre isso em, você também pode ler. A tradução é criada na área de administração e você não precisa entrar nos arquivos. Para fazer isso, vá - Extensões -> Gerenciador de idiomas -> Substituir constantes. A seguir, no campo "Filtro", mude para a área do painel de controle com o idioma desejado (tenho russo, em um site multilíngue terei que criá-lo para cada idioma).

Agora clique no botão "Criar" e insira nossa constante no campo "Constante de idioma", para mim é TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT. No campo "Texto", insira sua tradução - Meu layout alternativo. Pressionamos para salvar. É isso, o layout também será traduzido.

Gostaria de acrescentar que nosso layout alternativo pode ser definido globalmente, ou seja, será aplicado a todos os materiais por padrão. Para fazer isso, vá para as configurações de materiais - Gerenciador de materiais -> clique no botão "Configurações" à direita canto superior-> na primeira aba "Materiais" na parte superior vemos o campo "Seleção de layout".

Layout de categoria alternativo

Da mesma forma que para o artigo, um layout alternativo da categoria é criado. Crie uma substituição do modelo de lista de artigos da categoria (ao criar uma substituição, clique no link "categoria"). Em seguida, vá para o nosso modelo e abra a pasta de substituição criada - categoria. Nesta pasta encontramos os arquivos: blog.php, blog_item.php e blog_children.php e crie cópias deles (selecione, CTRL + C -> CTRL + V). Vamos renomear as cópias desses arquivos, chamei-os assim: myblog.php, myblog_item.php e myblog_children.php... Você pode substituir o prefixo " meu blog_»Com seu próprio nome, mas a seqüência de ações deve ser exatamente essa, caso contrário, podem ocorrer erros. Agora, no painel de administração do site, abra a categoria à qual queremos atribuir um layout alternativo e na guia "Parâmetros" encontramos o campo "Layout alternativo". Expandindo a lista, veremos o layout que criamos (por padrão, já existem dois layouts: Blog e Lista).

Deixe-me lembrá-lo novamente! Este layout alternativo só será aplicado se a categoria não estiver associada a um item de menu do tipo categoria de blog ou lista de categorias.

Você também pode dar um nome adequado ao layout criando uma constante de linguagem - TPL_ NOME DO MODELO _COM_CONTENT_CATEGORY_LAYOUT_ LAYOUT FILE NAME (cópia do arquivo blog.php). No meu caso, será - TPL_PROTOSTAR_COM_CONTENT_CATEGORY_LAYOUT_MYBLOG, no campo de tradução que dei meu nome - Meu blog.

Portanto, redefinimos o modelo de saída do blog da categoria, mas se você notou na pasta da categoria, também existem arquivos de substituição: default.php, default_item.php e default_children.php - esses são os arquivos de modelo da lista de categorias. Portanto, se você deseja criar um layout alternativo da lista de categorias, é necessário criar cópias desses arquivos. O resto é tudo igual.

Parece que é tudo, mas há mais uma coisa sobre a qual também quero contar. Imagine que temos uma lista de materiais da categoria, eles são exibidos em formato de blog. Vamos agora mudar o título do material na lista de categorias. Por padrão, é H2 e iremos convertê-lo em H3. As edições são feitas no arquivo blog_item.php, mas farei as alterações no layout alternativo, no arquivo myblog_item.php. Então, se abrirmos este arquivo, alguns blocos são movidos para arquivos separados incluindo o título do nosso artigo. Lembre-se da terceira coluna "Layouts" ao criar uma substituição em um modelo. Portanto, agora vamos apenas voltar para esta coluna. Precisamos criar substituições de layout para o componente de artigo joomla padrão. Para isso, vamos até as sobreposições e na coluna "Layouts" clicamos no link "conteúdo". Agora vá para a pasta do nosso template, depois a pasta "html" e veja que existe outra pasta - "layouts". Excelente! Agora vamos para esta pasta -> joomla -> conteúdo e aqui precisamos encontrar o arquivo que contém o título do nosso artigo. Para fazer isso, volte ao nosso arquivo myblog_item.php (no meu caso) e procure as linhas onde o título é exibido. Eu tenho essa linha 23. Se parece com isso:

item); ?>

Com base neste código, vemos que temos um arquivo com o nome - blog_style_default_item_title, por isso vamos procurá-lo na pasta de layouts. Eu tenho este arquivo - blog_style_default_item_title.php... Você pode abri-lo imediatamente e editá-lo, mas sugiro criar um layout alternativo para este modelo de cabeçalho também. Para fazer isso, crie uma cópia desse arquivo e renomeie-o, por exemplo, chamei-o de -. Agora vá para o arquivo myblog_item.php e mudar a linha

item); ?>

item); ?>

Agora, o arquivo de modelo myblog_style_default_item_title.php pode ser alterado como você quiser e as alterações serão aplicadas exatamente na categoria à qual o layout de categoria alternativo está atribuído. É assim que funciona. Outros modelos na coluna Layouts são redefinidos da mesma maneira.

Este layout alternativo também pode ser definido globalmente, ou seja, será atribuído a todas as categorias por padrão. Vá para as configurações do componente de artigo joomla padrão e selecione o layout desejado na guia Categoria.

Layout de item de menu alternativo

Agora vamos examinar outra opção para criar um layout alternativo com uma vinculação a um item de menu. Vá para o diretório - / templates / your template / html / com_content / categoty e crie uma cópia do arquivo blog.xml e então renomeie-o para (no meu caso) myblog.xml. Agora vamos abrir este arquivo. No início do arquivo, veremos uma estrutura semelhante a esta:

É essa estrutura que define o item de menu para nosso layout. Vamos alterar as seguintes constantes para as nossas, substituindo a seleção de acordo com o modelo alternativo criado e criar substituições para elas nos arquivos de idioma:

COM_CONTENT_CATEGORY_VIEW_ BLOG _TÍTULO
COM_CONTENT_CATEGORY_VIEW_ BLOG _OPÇÃO
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_ BLOG
COM_CONTENT_CATEGORY_VIEW_ BLOG _DESC

Eu os nomeei da seguinte forma:

COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE
COM_CONTENT_CATEGORY_VIEW_MYBLOG_OPTION
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_MYBLOG
COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC

Vá para o gerenciador de idiomas e crie substituições constantes para a área do painel de controle com o idioma de que você precisa. Foi o suficiente para mim criar substituições para duas constantes: COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE e COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC.

Crie um novo item de menu, selecione o tipo "Materiais" e veja que um novo tipo de nosso layout alternativo criado apareceu lá. Eu o chamei de "Layout de blog de categoria alternativa".

Agora a saída de artigos neste item de menu será exibida de acordo com o layout criado.

Eu quero avisá-lo que se você criar um layout alternativo para um item de menu, você não será capaz de selecionar este layout alternativo globalmente ou de uma categoria, porque ele não estará mais disponível.

Estilo de módulo

Vamos voltar aos nossos módulos e ver o que mais podemos fazer para tornar nossa vida mais fácil. Até agora, analisamos os layouts internos de cada extensão, disse que eles podem ser sobrescritos, mas os módulos também possuem um shell externo, que não estava disponível para nós com os métodos acima. Que tipo de concha é essa? Este é, por exemplo, um bloco com uma classe modulável que envolve cada módulo com um estilo de saída xhtml padrão. Você também pode incluir o cabeçalho do módulo aqui, que é exibido na tag H3 por padrão. Agora imagine a situação - você precisa de um dos módulos, ou melhor, de seu título, para alterar a tag H3 para um bloco div regular com uma certa classe, digamos, a classe moduleTitle, + também adicione uma tag span dentro deste bloco, ou seja, enquadre o título com uma tag span adicional. Isso dizia respeito a um módulo separado. Mas e se você precisar exibir todos os módulos em uma determinada posição modular dessa maneira?

Vamos descobrir. Podemos criar um wrapper exclusivo e atribuí-lo a qualquer módulo. Para fazer isso, crie um arquivo modules.php em sua pasta de modelo, ou seja, o caminho completo se parece com este - / templates / your template / html / modules.php. Abra este arquivo e cole o seguinte código nele:

content)):?>

Mas não se apresse em salvá-lo, ainda precisamos editá-lo ou, para ser mais preciso, criar um estilo único do módulo, caso contrário, aparecerá um erro no site na forma de uma tela branca (quando o display de erros está desativado), porque este estilo já existe. Estamos interessados ​​na função "ModChrome_xhtm" vamos dar-lhe um nome único, chamei-o assim - "ModChrome_myStyle"... É isso, agora o conteúdo da função pode ser editado da maneira que precisarmos. Como resultado, se eu implementar meu plano, modernizei o código da seguinte maneira:

content)):?>

Agora você pode salvar este arquivo. A próxima coisa que faremos é ir ao gerenciador de módulo e abrir o módulo necessário para edição. Vá para a aba "Parâmetros adicionais", desça e no último filtro "Estilo do Módulo" vemos que temos um estilo adicional - o meu é myStyle.

Nós escolhemos esse estilo e vemos o resultado. Se inspecionarmos, veremos que, em vez do título H3 usual, agora temos um bloco div com a classe moduleTitle, que também contém uma tag span interna.

Esse recurso de atribuir um estilo único a cada módulo apareceu no joomla 3. No joomla 2.5, não vi essa oportunidade. E daí se ainda não o fez.

Agora vamos ver como renderizar todos os módulos em um determinado estilo em uma posição modular específica. A posição modular no modelo é inserida da seguinte forma:

nome = "cabeçalho" - em vez de cabeçalho insira seu nome para a posição modular.

Se você notou nesta posição, o estilo padrão é exibido - xhtml. Vamos substituí-lo pelo nosso criado - myStyle, ou seja, assim:

É isso, agora todos os módulos nesta posição modular serão exibidos em nosso estilo. Respeito aos desenvolvedores por darem a oportunidade de personalizar o modelo de forma tão flexível!

Características adicionais

Caso você tenha notado na mesma aba do módulo "Parâmetros adicionais", além dos campos "Layout alternativo" e "Estilo do módulo", também existem campos como "Sufixo da classe CSS do módulo", "Cache" , "Tag HTML do módulo", "Tamanho do Bootstrap", "Tag do cabeçalho HTML", "Classe do cabeçalho CSS". Bem, o campo "Cache" não tem nada a ver com modelos, então vamos omiti-lo por enquanto. Vamos considerar o restante dos campos.

Sufixo da classe CSS do módulo- adiciona um sufixo ao bloco com a classe moduletable. Uma classe adicional pode ser especificada, separada por um espaço ou um hífen, ou mesmo escrita em uma única parte. Dessa forma, podemos unificar a classe do bloco de módulo e escrever os estilos que quisermos para ela.

Tag do módulo HTML- funciona se escolhermos o estilo do módulo html5... Este estilo é criado por padrão. A opção permite substituir o bloco div padrão por um dos selecionados - seção, navegação, artigo, etc.

Tamanho de bootstrap- funciona com o estilo de módulo selecionado html5... Esta opção é relevante apenas se você usar

Olá queridos leitores do blog. Hoje vamos continuar, o que já levantamos várias vezes antes, e também aprendemos. Hoje, tentaremos considerar várias opções para exibir artigos nas páginas do site usando vários itens de menu.

O menu é uma das partes fundamentais e geralmente atua como elemento de navegação. Mas, além da navegação, eles determinam o que exatamente será exibido em uma página dinâmica depois de clicar em um link para ela. Na verdade, eles determinam o que será exibido em uma página específica.

Para que serve e como trabalhar com os itens de menu do Joomla

Isso não é fácil de entender, especialmente para aqueles usuários que lidaram com sites estáticos nos quais a função do menu foi reduzida apenas para fornecer navegação. Em geral, a questão de organizar o conteúdo e os métodos de exibição de conteúdo é um dos mais difíceis para os novatos.

No início, é muito difícil compreender toda a relação entre o menu, seus itens, o conteúdo das páginas da web e os módulos em que são exibidos. Mas vamos conversar sobre tudo em ordem. Em primeiro lugar, eles, como em qualquer outro site, podem ser localizados tanto horizontalmente (na maioria das vezes na parte superior da janela, mas também é possível criar a parte inferior), e verticalmente (na coluna da esquerda ou da direita do modelo).

Curiosamente, o item do menu de navegação no Joomla pode levar a uma página com um único artigo, ou a um blog ou uma lista de materiais contidos em qualquer categoria ou seção. Além disso, a mesma publicação pode ser acessada por diferentes links do menu.

Algum link o abrirá sozinho em uma página da web, e alguns o exibirão como uma lista ou como um blog da categoria ou seção a que pertence. Você pode ainda não entender completamente do que se trata, mas espero que esse entendimento chegue quando você terminar de ler este guia.

Assim, você pode ver toda essa riqueza em um só lugar - no gerenciador de menu. Será possível acessá-lo a partir do painel de administração selecionando em sua linha superior "Todos os menus" - "Menu". Para cada um deles, você pode criar itens que formarão páginas da web com um ou outro.

Sua aparência é definida a partir das configurações desses mesmos itens de menu. É muito importante entender isso, pois saber onde procurar determinadas configurações facilitará muito sua tarefa. , bem como configurar módulos para eles.

Tendo entrado no gerenciador de menus, você pode clicar no ícone na coluna oposta ao que você precisa, e como resultado será aberta uma lista de todos os itens que já estão nele. O acesso a esta página também pode ser obtido simplesmente selecionando no painel de administração de sua linha superior "Todos os menus" - "O nome do que você precisa":

Como resultado, uma janela com uma lista será aberta:

Criação de um item de menu

Na parte superior você verá botões, entre eles estará o botão "Criar", ao clicar no qual se abrirá o assistente para a criação de um novo elemento de navegação:

Nesta janela, você verá uma estrutura em árvore dos tipos de links de menu que você pode criar no Joomla. Esta árvore contém elementos aninhados que serão abertos após clicar no ramo pai selecionado. Tudo é muito simples e intuitivo.

Serve para que possamos escolher uma opção de apresentação para a página para a qual será feita a transição após clicar no link do menu criado. Em outras palavras, você terá que escolher um dos modelos de página do Joomla. Modelos diferentes permitem combinar um ou mais artigos com base nas seções e categorias às quais pertencem.

Observe que na árvore acima existem algumas opções e elas são divididas pelos tipos de componentes (este), com base nos quais o conteúdo será exibido no site. Estamos interessados ​​principalmente nas opções que oferecem a criação de um componente de Conteúdo embutido no mecanismo por padrão, que é responsável por trabalhar com materiais.

Mas além do componente principal para trabalhar com artigos, existem outros, que, por sua vez, também adicionarão suas próprias opções a esta árvore, permitindo que você se vincule a páginas da web com conteúdo gerado por nosso Conteúdo.

Mas, por enquanto, nos deteremos na consideração da retirada de materiais, e tudo o mais será considerado da melhor maneira que pudermos. Portanto, um item de menu no Joomla pode se referir a três tipos principais de páginas: com um único artigo, uma categoria inteira ou uma seção.

Além disso, um item de menu pode indicar um componente individual e uma categoria desse componente. Por exemplo, você pode criar um link que leva tanto a uma página com uma lista de todas as categorias da galeria que você criou, quanto a uma página com conteúdo (fotos) de uma única.

Essa desgraça pode ser assim:

Ao mesmo tempo, as seguintes opções foram selecionadas na árvore dentre aquelas que foram adicionadas após a instalação do componente Phoca Gallery:

A principal tarefa ao criar um site em Joomla é organizar corretamente o conteúdo (conteúdo, conteúdo). Refiro-me à estrutura de seções e categorias, tanto para artigos quanto, por exemplo, para o componente da galeria de fotos. Bem, existem muitos métodos para exibir conteúdo bem estruturado.

É verdade que muitas vezes é a variedade de métodos de retirada que causa dificuldades para usuários novatos. Mas, espero que, ao final da leitura desta publicação, você reduza um pouco a confusão introduzida pelo sistema confuso e haja clareza em pelo menos algumas questões.

Se você deseja obter a navegação mais conveniente, deve começar com a formação correta das seções e categorias e a distribuição dos artigos existentes entre elas. E formar já nesta base um sistema ramificado de menus e seus elementos para uma saída conveniente e compreensível para os usuários já será uma questão de tecnologia.

Itens de menu que permitem a exibição de artigos no site

Para exibir o conteúdo que inclui artigos no site, você precisará adicionar novos itens ao menu do ramo “Materiais” da árvore. Muito lógico, suponho. Ao clicar neste ramo da árvore, você verá uma lista de todas as opções possíveis que você pode usar para exibir materiais nas páginas da web do seu site:

Não há muitos deles, mas eles permitirão que você exiba o conteúdo do artigo em uma ampla variedade de formas - de publicações individuais a um blog de uma seção inteira em uma página do site.

Agora só precisamos entender para que serve esta ou aquela opção neste ramo da árvore, e então descobrir suas configurações que permitem a você exibir blogs ou listas de artigos no Joomla. Com essas configurações, você pode definir a aparência e a ordem de exibição dos materiais. Mas primeiro as coisas mais importantes.

Consideraremos a opção de exibir um único artigo ao final da publicação, e não há nada complicado e exigindo atenção aí. E agora eu quero insistir dois padrões de saída principais:

1. Modelo de blog (categoria ou seção) - assim chamado, porque a forma como os artigos são exibidos neste caso se assemelha aos blogs padrão. Neste caso, a página web gerada no Joomla, em geral, será uma série de anúncios (partes introdutórias) de artigos, que terminarão com o link "Mais". Todos eles pertencerão a uma seção ou categoria que você escolher ao configurar.
2. Um modelo padrão para uma seção ou lista de categorias, que é essencialmente a mesma coisa. A página da web formada em Joomla será uma tabela na qual os títulos das categorias de uma seção específica ou os títulos dos artigos de uma categoria específica serão listados.

Obviamente, o modelo de blog tem muito mais flexibilidade do que o padrão, que exibe o conteúdo da página em uma tabela apenas na forma de cabeçalhos, que são links para as versões completas dos artigos.

O formato de uma categoria ou seção de blog permite que você exiba não apenas os títulos dos artigos, mas também adicione um pequeno anúncio, o que permite despertar ainda mais o interesse dos visitantes desta página para continuar lendo e clicar no link "Mais".

Ao mesmo tempo, você pode personalizar com flexibilidade a aparência dos artigos exibidos. Será possível definir quantos anúncios serão exibidos em toda a largura da página, quantos serão divididos em colunas, definir o número de colunas e determinar a quantidade de materiais exibidos na parte inferior como links.

Como criar um blog no Joomla baseado em artigos da categoria

Vamos primeiro tentar criar um item de menu no Joomla com base em um modelo de blog de categoria (ou seção) e ver todas as configurações que podemos alterar. Eles serão quase idênticos para eles. Portanto, consideraremos apenas a opção baseada no modelo de categoria, e você mesmo pode descobrir a seção por analogia.

Então, vá para o painel de administração do Joomla, selecione seus principais itens de linha "Todos os menus" - "O nome que você precisa." Na página que se abre, clique no botão "Criar" localizado na parte superior. Na árvore que se abre, clique na opção "Materiais" - "Categoria" - "Modelo de lista". Como resultado dessas ações, uma janela será aberta com as configurações do item de menu com base no modelo que você selecionou:

No campo "Título", como de costume, digite o nome deste item de menu que será exibido no site. O campo "Alias" só deve ser preenchido se. Então você precisará.

Se você usar componentes de terceiros para organizar o SEF, não precisará preenchê-lo. Eu já escrevi.

O campo Link exibe um hiperlink para a página gerada a partir deste item de menu. Você pode copiá-lo e usá-lo para fornecer links da web a partir do texto de outros artigos em seu site. No campo "Mostrar em", você deverá selecionar um menu no qual estará localizado o item que estamos criando.

Na coluna "Elemento pai", você pode selecionar um pai para o elemento criado, ao clicar nele, nosso item aninhado será exibido no menu. Se você não deseja aninhá-lo, deve deixar a opção padrão "Superior".

Na área "Acesso" você pode especificar quais visitantes verão este item. Qualquer um (usado com mais freqüência), ou apenas registrado, ou apenas administradores Joomla (opção "Especial").

No campo "Abrir em", escolha se a página será aberta na mesma janela, em uma nova janela ou em uma nova guia do navegador.

Configurando um blog no Joomla

Passamos ao lado direito das configurações, onde se concentram as abas com os parâmetros responsáveis ​​pela apresentação da página web, que será aberta ao clicar neste link. Vamos começar com os principais parâmetros localizados na guia de mesmo nome:

No campo "Categoria", você deve selecionar aquele cujo conteúdo será exibido na forma de um blog. Na coluna "Descrição", você pode ocultar ou mostrar a exibição da descrição desta categoria, que será exibida na parte superior da página do blog. O mesmo se aplica à "Imagem descritiva".

No campo "Largura total", você pode especificar o número de artigos (na maioria das vezes apenas suas partes introdutórias - anúncios), que serão exibidos na largura total da página da web, sem dividir em colunas. Na coluna “Introdução”, você especifica o número de materiais que serão divididos em colunas, e no campo “Colunas”, especifique seu número. Eles serão exibidos atrás dos artigos exibidos em largura total.

Assim, você pode, por exemplo, colocar números nestes quatro campos: 1 6 2 4, como resultado a página do blog gerada ficará assim: no topo, um anúncio de artigo será exibido, seguido por mais seis anúncios desta categoria, bem, na parte inferior haverá uma lista de mais quatro links.

Claro? Não? Em seguida, experimente você mesmo fazer experiências com os números nessas configurações e tudo se tornará claro e compreensível para você. No momento, não é possível implementar no Joomla a exibição de artigos em uma categoria ou seção do blog em colunas e, em seguida, em toda a largura da página. Portanto, você tem que se contentar com o que você tem.

A propósito, o número zero em qualquer um desses quatro campos, exceto para "coluna", significa que nenhum dos materiais nesta categoria usará esta opção de exibição. Isto é o que examinamos os principais parâmetros que podem ser alterados ao criar um item de menu no Joomla. Agora vamos para a guia avançada:

Aqui estão as configurações responsáveis ​​pela ordem dos artigos. Existem várias opções - por data, em ordem alfabética, na ordem de exibição que você especificou no gerenciador de conteúdo (desta categoria).

Você precisará do campo Ordem se estiver criando um item de menu para uma seção que contém mais de uma categoria. Neste caso, você pode escolher a forma como deseja ordenar as categorias da seção, de acordo com a qual sua lista será exibida na página, formada a partir do template do blog da seção.

O campo "Classificação" determina como os próprios artigos são exibidos quando são exibidos. A propósito, ao criar um item de menu com o codinome "Section Blog Template", você pode classificar todos os artigos independentemente de pertencerem a uma determinada categoria, mas para isso você precisa selecionar "Default" no campo "Order" anterior.

Se você escolher a opção "Exibir ordem", os artigos da categoria Joomla selecionada serão exibidos na página na ordem que você especificar no gerenciador de materiais, filtrando apenas por ele.

Existem duas maneiras de classificar os artigos no gerenciador de conteúdo que pertencem à categoria de que precisamos. Você pode organizar os números desejados na coluna "Classificar" e clicar no disquete localizado ao lado do nome desta coluna. E você também pode usar as setas verdes na mesma coluna, mas com um grande número de artigos, isso provavelmente será inconveniente.

Na coluna Paginação e nas próximas colunas das configurações avançadas do item de menu com base no modelo de blog de categoria ou seção, você pode ocultar e mostrar a paginação. Por exemplo, se houver mais materiais na categoria exibida do que você especificou nas configurações descritas acima, o Joomla adicionará numeração (paginação) na parte inferior da página da web gerada com um blog, se você não proibir isso no “ Paginação ”.

Não se esqueça que os artigos destinados a serem exibidos como parte de um blog no Joomla devem ser preparados adequadamente, ou seja, você precisará abri-lo em um editor visual para edição, colocar o cursor do mouse após vários parágrafos de texto e clicar no botão " Mais detalhes"Localizado na parte inferior da janela do editor.

Como resultado, na posição do cursor, aparecerá uma linha que separa o texto do anúncio. Apenas o anúncio acima desta linha será exibido no blog.

Exibição de material individual, lista de categorias ou artigos

Vamos agora examinar as configurações que você pode definir ao criar ou editar um item de menu com base em um modelo de seção padrão. Para começar, vá para o painel de administração, selecione na linha superior "Todos os menus" - "O nome do que você precisa." Na janela que se abre, clique no botão "Criar" localizado na parte superior.

Na árvore aberta de itens que você pode criar, clique na opção "Materiais" - "Categoria" - "Modelo de seção padrão". Como resultado dessas ações, uma janela com as configurações será aberta.

Notavelmente, seu lado esquerdo ficará exatamente igual ao que analisamos anteriormente. A principal diferença está nos pontos dos parâmetros principais:

No campo "Seção", você terá que selecionar uma seção, cuja lista de categorias será exibida quando você clicar neste link no menu. Aliás, o visitante, ao visualizar a lista de categorias, poderá visualizar a lista de materiais de cada uma delas, bastando clicar em seu nome com o mouse. O objetivo dos campos "Descrição" e "Imagem" é semelhante ao descrito acima.

O propósito do restante dos campos será mais fácil para você ver em ação do que ler sobre ele. Todas as outras configurações não são diferentes daquelas discutidas acima.

Vamos tentar criar um item de menu no Joomla com base em um modelo de lista de categorias e ver como as configurações diferem:

Nas configurações abaixo, você pode definir o número de artigos exibidos na lista, bem como habilitar ou desabilitar a exibição dos cabeçalhos das colunas da lista, data de criação (você pode definir seu próprio formato para ela) e um filtro que lhe permitirá classifique os materiais por títulos, autores ou por acessos (número de visualizações do material pelos visitantes).

Bem, e finalmente, direi algumas palavras sobre a criação de um item de menu no Joomla com base em um modelo de material padrão. Tudo é muito simples aqui, nos parâmetros principais existe apenas a possibilidade de selecionar o artigo que você precisa no gerenciador de materiais, que será aberto quando você clicar no link do item de menu.

É possível que essa visão burguesa de promoção de blogs de sucesso seja útil para você (o autor do blog mais popular sobre SEO na burguesia):

Boa sorte para você! Te vejo em breve nas páginas do blog do site

Você pode estar interessado

Criação e exibição de artigos (conteúdo) no Joomla usando seções e categorias, um blog no Joomla e o botão Mais
Contatos para o site e formulário de feedback usando o componente Joomla integrado
O que é Joomla
Módulos para exibir uma lista de seções no Joomla, notícias aleatórias e mais recentes, materiais semelhantes, fotos personalizadas e código Html
Menu no Joomla - adicionar um menu aninhado ou suspenso, bem como criar e configurar um módulo para exibi-lo no site
Módulos no Joomla - posição de visualização, configuração e exibição, bem como atribuição de sufixos de classe
Organização de conteúdo no Joomla - exclusão e criação de artigos na área administrativa, bem como configuração de parâmetros para todos os materiais
Componente K2 para a criação de blogs, catálogos e portais no Joomla - recursos, instalação e russificação
Painel de administração do Joomla - um manual completo para todas as configurações do painel de administração do Joomla em detalhes e fotos

Aqui você pode baixar Modelos do Blogger... Os tópicos desta coleção são mais avançados Otimização de SEO.

línguas: Inglês Russo.

Tipos: Notícias, Revista, Blog, Minimalismo, Portfólio, Uma página, Galeria, Grade "grade", Loja na Internet, Cartões de visita, Sites corporativos.

Temas: Esportes, Fotos, Jogos, Culinária, Estilo e Moda, Mulheres, Crianças, Carros, Saúde, Viagem, Turismo, Design, Renovação de casas, Interior, Natureza, Animais, Dança, Vídeo, Música, Política, Economia, Negócios, Forex, Arte, imagens, papel de parede, ganhos, imóveis, pesca, caça, soft, software, aplicativos de jogos Android.

Tecnologia: Jquery, AMP, Bootstrap, Ajax, Javascript, Design Responsivo.

Melhores modelos de blogger, escolha do usuário

UberSpot é uma excelente solução para quem valoriza um belo design, otimização de SEO e funcionalidade eficaz. Neste tópico você encontrará uma série de inovações interessantes e produtivas, como o novo widget do Instagram, Sitemap, Postagens, Comentários, etc. Você também pode usar dois tipos diferentes de layouts.

Conquistador de nicho imparável. Esta é a solução perfeita para sites temáticos únicos e blogs. A ideia ao criar o tema foi implementar uma navegação infinita, que pode ser rastreada pelos buscadores. Assim, o novo sistema de navegação, ao contrário dos anteriores, irá não só aumentar o fator comportamental, mas também exibi-lo por completo, o que implicará um aumento da posição do site na pesquisa.

Projetado com base nos novos Temas do Blogger da série (CNES). Capaz de resolver muitas tarefas. Você pode usá-lo com todos os widgets ou parcialmente como um blog de informações pessoais. A velocidade de carregamento da página irá surpreendê-lo agradavelmente.

O BlogBoard é um dos melhores griders de 2018. Combina vários estilos ao mesmo tempo. Pode ser usado como uma loja de blog online. Ele fará um ótimo trabalho ao apresentar suas habilidades e serviços, portanto, funcionará bem para um portfólio também.

Dionis tem um estilo de mensagens simplificado. Adequado para todos os nichos e histórias. Dos chips, pode-se distinguir um belo pré-carregador (uma imagem de animação antes de carregar a página principal), mensagens recomendadas aparecem no lado direito ao rolar a página.

É um modelo rápido e flexível que absorveu vários add-ons de mídia social. Uma excelente opção para quem valoriza o seu tempo. Traduzido para o russo.

Mistik vem em quatro estilos diferentes. Você pode escolher o que mais gosta. Fácil personalização do menu, cores e outros elementos, permitem que você crie seu próprio design exclusivo.

NewsB é um tema de notícias leve com uma combinação de cores, widgets simples, mas elegantes, projetados para uma variedade de tópicos e categorias de conteúdo. O NewsB é totalmente responsivo e compatível com todos os navegadores modernos. A versão completa inclui as configurações de SEO mais recentes do blogger até o momento, o que permitirá que seu site suba ainda mais suas classificações nos mecanismos de pesquisa.

Minima Mag é um modelo de notícias moderno com um design responsivo, carregamento rápido de mensagens, gadgets elegantes e, claro, um design limpo que combina perfeitamente três cores para tornar o Minima Mag limpo e elegante.

Um tema de estilo clássico deslumbrante projetado para sites e blogs femininos. Avicia é um tema profissional com um design elegante e moderno capaz de inspirar e transmitir apenas emoções positivas aos leitores.

Dream Press, está entre os principais temas de blogueiros. Nele você verá um design moderno, elegante, estiloso e simples. Em geral, todas essas qualidades ajudam a manter o leitor no site.

A única coisa que você precisa saber sobre o ExGPress é que ele tem a funcionalidade mais amigável para corresponder a uma rede social, o que fornecerá ao seu site uma grande taxa de retorno. A tudo isso você pode adicionar otimização de SEO, alta velocidade de carregamento e uma grande oferta de espaço para gadgets e anúncios. O ExGPress foi projetado especificamente para fornecer uma experiência de navegação confortável e o melhor envolvimento com os mecanismos de pesquisa, o que o torna um dos melhores modelos de blogueiros disponíveis atualmente. Outro dia, adicionamos uma nova função a ele, as barras laterais flutuantes, ao rolar para baixo ou para cima na página, as barras laterais com widgets se movem após a rolagem.

Grid Line é um modelo de blogspot moderno e elegante. Todos os seus elementos são cuidadosamente selecionados, otimizados e construídos de forma a maximizar o foco de atenção do leitor no conteúdo. O Grid Line foi criado não só para promover com sucesso o seu recurso web nos motores de busca, mas também para animar os seus utilizadores e leitores.

Se antes quase todas as garotas tinham um diário de experiências pessoais em sua mesa, agora toda a comunidade da Internet está interessada em vários blogs temáticos.

Os modelos de blog do Joomla são a maneira perfeita de gerenciar seu conteúdo. Hoje, quase todas as pessoas famosas têm seu próprio blog. É muito interessante saber novidades sobre a vida do seu cantor ou artista favorito, mas isso não quer dizer que não seja nada interessante folhear as páginas das pessoas comuns. Afinal, é sempre produtivo ler dicas úteis, experimentos interessantes, bem como as últimas notícias da indústria da moda.

Agora não há dificuldades em organizar o espaço pessoal na Internet. Você pode simplesmente navegar nas notícias e comprar suas categorias de blog favoritas para o joomla.

Os modelos de blog publicados e disponíveis para todos são ideais para criar seu próprio portfólio interessante e para uma revista dedicada às tendências da moda. Existem até desenvolvimentos especiais projetados para amantes da música que decidiram começar seu próprio blog para unir pessoas com interesses semelhantes. Neste caso, poderá escolher tanto o design como a série directamente informativa, com ênfase principal na apresentação de vários videoclips e, consequentemente, faixas de áudio. Se desejar, será possível, mesmo sem problemas, criar uma rede social pessoal, que será pensada para admiradores especialmente sociáveis ​​de vários estilos musicais.

Você decidiu criar seu blog no joomla e combiná-lo com vendas pela Internet? Então você precisa ficar atento aos templates do blog joomla 3, que prevê a possibilidade de implementação de vendas online.

Cada um dos modelos Joomla apresentados se distingue pela beleza, estilo e, ao mesmo tempo, será fácil personalizá-lo para suas próprias necessidades.