Muitas vezes existem situações em que você precisa de diferentes categorias no Joomla! saída usando modelos individuais. Por exemplo, a categoria de notícias é renderizada com seu próprio modelo, e a categoria de artigo deve ser renderizada com seu próprio modelo, que é muito diferente do modelo de saída de notícias do Joomla. Aqui está uma maneira simples de fazer isso no nível dos modelos de saída do com_content padrão, sem afetar o núcleo do Joomla.

Tendo examinado a estrutura do componente com_content padrão no Joomla, vamos copiar os arquivos de saída dos modelos de categoria em nosso modelo Joomla, se eles ainda não estiverem lá. Considere o modelo de saída do blog da categoria:

(root) \ templates \ (PATTERN) \ html \ com_content \ category \ blog.php - template inicial

(root) \ templates \ (TEMPLATE) \ html \ com_content \ category \ blog_item.php - template de material

(root) \ templates \ (TEMPLATE) \ html \ com_content \ category \ blog_links.php - modelo para links para os seguintes materiais

A primeira é carregar o modelo de saída blog.php, que por sua vez usa os outros dois modelos. Para resolver o problema, você não precisa tocar nos arquivos principais do Joomla, mas apenas modelos serão usados.

Uma vez que blog.php será carregado primeiro, as manipulações devem ser realizadas com ele de acordo. Você pode adicionar a condição necessária para verificar Categorias Joomla... Depois de verificar a proibição de acesso direto, adicione:

items-> catid === $ categories [$ i]) ($ this -> _ layout = "myblog"; $ this-> display (); $ check = true; break;)) // Se a condição não corresponder, exibir o modelo usual if (! isset ($ check)): $ cparams = & JComponentHelper :: getParams ("com_media"); ?>

E no final do arquivo, feche a condição:

Vamos analisar um pouco de código:

Em uma variável $ categorias perguntar identificação categorias que precisam ser exibidas em um modelo separado, separadas por vírgulas. Então, de acordo, ordenamos tudo isso em um array e selecionamos o primeiro elemento para determinar a categoria a ser exibida. Em seguida, comparamos essa categoria com as fornecidas na variável. $ categorias e se houver uma correspondência, defina nosso modelo e exiba-o. Se nenhuma correspondência for encontrada, a variável $ cheque não está instalado e o modelo blog.php usual é exibido.

Tudo o que resta a fazer é criar nossos arquivos de modelo no mesmo diretório:

(root) \ templates \ (TEMPLATE) \ html \ com_content \ category \ myblog.php - template inicial

(root) \ templates \ (TEMPLATE) \ html \ com_content \ category \ myblog_item.php - template de material

(root) \ templates \ (TEMPLATE) \ html \ com_content \ category \ myblog_links.php - modelo para links para os seguintes materiais

Assim, você pode controlar os modelos de saída para diferentes categorias sem afetar o núcleo do Joomla.

V WordPressé muito simples de implementar: basta criar uma cópia do modelo category.php e adicione um slug a ele (o nome do sistema em inglês do cabeçalho) a partir do cabeçalho necessário. Por exemplo: category-news.php será usado ao exibir postagens de uma categoria com um slug notícias.

Olá queridos leitores do blog. Hoje vamos continuar, o que já levantamos algumas 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 no página dinâmica depois de acessá-lo por meio do link. 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 se limitou a 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.

A princípio, é 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 estar 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 uma 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ê provavelmente ainda não entendeu muito bem 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 a partir dele 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.

Seus aparência definido 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á um 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 selecionar 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 irão agregar 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 apontar para ambos componente separado e a categoria deste 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 daquelas 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 um sistema ramificado de menus e seus elementos nesta base para uma saída conveniente e compreensível para os usuários já será uma questão de tecnologia.

Itens de menu que permitem exibir artigos no site

Para exibir o conteúdo do site, que inclui artigos, você precisará adicionar novos elementos ao menu a partir de um ramo da árvore denominado "Materiais". Muito lógico, suponho. Ao clicar neste ramo da árvore, você verá uma lista de todos opções possíveis, que você pode usar para exibir materiais nas páginas da web de 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, nesse caso, lembra os 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.

Claro, 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 títulos que são links para versões completas 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 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 do 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 o menu no qual estará localizado o item que estamos criando.

Na coluna " Elemento pai"Você pode escolher 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 na maioria das vezes), 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

Vamos para lado direito configurações, onde se concentram as abas com 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 definir 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 quebrar em colunas. Na coluna “Introdução”, você especifica a quantidade 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 será exibido um anúncio de artigo, 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ê. Implementar no Joomla a saída de artigos em uma categoria ou seção do blog, primeiro em colunas e, em seguida, em toda a largura da página - em este momento impossível. Portanto, você terá 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 "Modelo de blog de seção", você pode classificar todos os artigos independentemente de pertencerem a uma categoria específica, mas para isso você precisa selecionar a opção "Padrão" no "Pedido" anterior campo.

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 artigos será, talvez, 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 de acordo, ou seja, você precisará abri-lo em editor visual para edição, coloque o cursor do mouse após vários parágrafos de texto e clique 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 rever 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.

Surpreendentemente, seu lado esquerdo parecerá exatamente o mesmo que o que analisamos anteriormente. A principal diferença está nos pontos dos parâmetros principais:

No campo "Seção", você deverá 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 no seu nome com o mouse. O objetivo dos campos "Descrição" e "Imagem" é o mesmo descrito acima.

O propósito dos campos restantes 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, a data de criação (você pode definir seu próprio formato para ela) e um filtro que permitirá você pode classificar 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 há apenas a possibilidade de selecionar o artigo que você precisa no gerenciador de materiais, que se abrirá 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 (o autor do blog sobre SEO mais popular da burguesia):

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

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 comentários usando o componente Joomla embutido
O que é Joomla
Módulos para exibir uma lista de seções no Joomla, notícias aleatórias e mais recentes, materiais semelhantes, fotos arbitrárias 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 de todas as configurações do painel de administração do Joomla em detalhes e fotos

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 sub-modelos, ou seja, modelos de extensão. Imagine que você deseja alterar o estilo de saída, por exemplo, de algum 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, depois a imagem abaixo dele, a seguir a data, a seguir 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 está o mais interessante ... Muitos desenvolvedores não pensam no fato de 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 é assim? 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, em 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 é projetado de tal forma que, se os modelos de extensão não forem encontrados no modelo do site principal na pasta "html", ele irá gerá-los 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, em pagina inicial... Para fazer isso, precisamos mover o modelo de saída para artigos selecionados do componente para o modelo principal do joomla. Para fazer isso, crie uma pasta html na raiz do modelo do site principal, em seguida, uma pasta “com_content” nela e, em seguida, 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 "destaque" criada 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. Os plug-ins não possuem modelos. Por outro lado, substituir os modelos pode parecer uma tarefa árdua - para criar pastas em uma determinada sequência, se fizermos algo errado, os modelos não funcionarão. V últimas versões joomla, começando com o 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 se preocupar com 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, o meu é um modelo "Protostar"-> aba "Criar Override" 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 que o faremos, 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", e 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" há 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, como isso - 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 template "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 desde já que o layout alternativo da categoria só funcionará se a categoria não estiver atrelada a um item de menu do tipo "Blog da Categoria" ou "Lista de Materiais da Categoria". Para exibir um layout alternativo de uma categoria anexada a um 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, eu defini a classe pageTitle para o título H2, de forma que este material se tornou único em relação a outros. Como isso pode ser alcançado? Acabamos de criar um layout de página alternativo e atribuí-lo 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 no 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 defini o título da página para a classe pageTitle, se você se lembra). Agora vamos atribuir este modelo ao artigo necessário - Materiais -> Gerenciador de materiais -> selecione o material necessário -> Opções de exibição de materiais -> 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 criar para cada idioma).

Agora clique no botão "Criar" e insira nossa constante no campo "Constante de idioma", o meu é 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, eu os chamei 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 é 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 estão sendo feitas no arquivo blog_item.php, mas farei alterações no layout alternativo, arquivo myblog_item.php. Então, se abrirmos este arquivo, alguns blocos serã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 modelo, depois para a pasta "html" e veja que outra pasta apareceu lá - "layouts". Multar! 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 padrão do artigo joomla 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 mudar as seguintes constantes para as nossas próprias, 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, então 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 pode ser feito para tornar nossa vida mais fácil. Até agora, analisamos os layouts internos de cada extensão, disse que eles podem ser redefinidos, 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 de 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 guia "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.

Este 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, como isso:

É 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 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 resto dos campos.

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

Tag do módulo HTML- funciona se escolhermos o estilo do módulo html5... Este estilo é criado por padrão. Esta opção permite que você substitua 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

Neste artigo, gostaria de abordar 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 ressalva é a palavra " blog". Na verdade, este é apenas um tipo de saída. Por exemplo, na minha página inicial (e nas seções), uma opção praticamente semelhante é implementada. No entanto, é melhor ver uma vez do que ouvir centenas de vezes, por isso é melhor adicione um template de categoria de blog ao menu e para 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 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... É a classificação de itens em categorias. " Título alfabético"é um tipo alfabético", Título versus alfabeto"inversamente, classificando 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 várias versões da localização, e nem todo mundo a conhece.
• Pedido de vários alto-falantes... Classificação de 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 habilitada, 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, muito provavelmente, isso também não seja necessário.

Aqui você pode baixar templates para 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.

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

Melhores modelos de blogger, escolha dos usuários

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 ideal para sites temáticos únicos e blogs. A ideia por trás do tema era implementar uma navegação infinita que os mecanismos de busca pudessem rastrear. Assim, o novo sistema de navegação, ao contrário dos anteriores, irá não só aumentar o fator comportamental, mas também apresentá-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 de uma vez. 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, você pode 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, mensagens de carregamento rápido, gadgets elegantes e, claro, um design limpo que combina perfeitamente três cores para tornar o Minima Mag limpo e elegante.

Tema de estilo clássico incrível 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. ExGPress foi projetado especificamente para uma visualização confortável de conteúdo e a melhor interação com os motores de busca, o que o torna um dos melhores modelos de blogueiros até hoje. 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.

O Grid Line é um template moderno e estiloso de blogspot. 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.