Vamos remover alguns itens para que fique assim:

Extensões - Temas

Learnmate Free - Portal2

Mudando o Estilo

Vamos escolher um novo estilo. O último (verde escuro, Preset 6). Clique nele e em Save Styles

Agora vá até o site e clique em F5 para visualizar o novo estilo.

Customizar o Menu de Topo

Quero alterar e deixar somente 2 itens: Contato e Sobre Mim

Clique em Layout

Observe que os itens estão meio cinza e com um cadeado (estão bloqueados)

Então acima e à esquerda clique em Portal2 e selecione Base Outline para desbloquear

Nosso menu está em Top Menu

Clique na pequena roldana à direita de Top Menu.

Clique em Apply and Save.

Em seguida criaremos o componente Contato e o artigo Sobre Mim.

Agora vamos remover os itens do rodapé.

Um portal grande, com muitos itens e notícias pode aproveitar este rodapé, como estão fazendo os grandes portais, mas eu os removerei, pois estou criando um site simples. O Contato será o componente do Joomla. O Sobre Mim será um artigo.

Não irei remover, mas apenas desabilitar.

Role a tela até o Footer

Clique na roldana de cada item e depois no interrumptor verde para desabilitar (fique vemelho) então salve. Não desabilite o Branding.

Também desabilitarei as redes sociais na barra Above-Slideshow.

Trocar a Logomarca

Na região Header clique na roldana em Logo / Image

Clique em Image para abrir a caixa de seleção. Depois clique em Selecting then e escolha a imagem para o Logo.

Então, quando ele trouxer a imagem, clique nela para selecioná-la e depois no botão Select e Apply and Save.

Agora para que nosso tempalte fique mais apresentável vamos criar um artigo de boas vindas para que apareça na página inicial.

Conteúdo - Artigos - Criar Novo Artigo

Título - Boas Vindas

Destaque - Sim

Conteúdo

Sinceramente bem-vindo(a).

Este site destina-se ao compartilhamento de informações sobre o desenvolvimento web (criação de sites com o CMS Joomla 3, criação de aplicativos com o Framework CakePHP 3), Servidores Linux e desenvolvimento mobile. Outros assuntos procurarei abordar na seção Blog.

Quem estiver procurando meu site anterior, que contém informações sobre Joomla 2.5, CakePHP 2, servidores, virtualização, ele está aqui:
http://ribafs.16mb.com ou http://ribafs.xyz

Espero sinceramente que seja útil.

Caso tenha alguma sugestão ou crítica e quiser me contactar, acesse o formulário de contato e me envie uma mensagem.
Agradecido pela visita.

Ribamar FS - ribafs @ gmail.com

Fortaleza, 27 de junho de 2017

Salvar & Fechar

Agora vamos adicionar extensões.

Vamos adicionar a seguinte estrutura (categorias, artigos e itens de menu) de conteúdo ao site:

Criar as seguites categorias e subcategorias

CakePHP
Introdução
Instalação
Configurações

Laravel
Introdução
Instalação
Configurações

Joomla
Introdução
Instalação
Configurações

Main Menu
Criar itens de menu para as categorias principais e para as subcategorias (subordinados aos principais), de forma que quando o mouse for movido sobre as categorias principais as subcategorias apareçam, como acontece aqui neste site (http://ribafs.org).

Meu de Topo
Contato
Sobre Mim

Mudar o item de menu existente no Main Manu de Home para Início, inclusive o apelido.

Criando as Categorias Principais

Conteúdo - Categorias - Criar Nova Categoria
Título - CakePHP
Salvar & Fechar

Novo
Título - Laravel
Salvar & Fechar

Novo
Título - Joomla
Salvar & Fechar

Criando as Subcategorias

CakePHP
Introdução
Instalação
Configurações

Conteúdo - Categorias - Criar Nova Categoria
Título - Introdução
Pai - CakePHP

Assim:

Salvar & Fechar

Novo
Titulo - Instalaçao
Pai - CakePHP
Salvar & Fechar

Novo
Titulo - Configuraçoes
Pai - CakePHP
Salvar & Fechar

Subcategorias da Laravel

Novo
Titulo - Introduçao
Pai - Laravel
Salvar & Fechar

Novo
Titulo - Instalaçao
Pai - Laravel
Salvar & Fechar

Novo
Titulo - Configuraçoes
Pai - Laravel
Salvar & Fechar

Subcategorias da Joomla

Novo
Titulo - Introduçao
Pai - Joomla
Salvar & Fechar

Novo
Titulo - Instalaçao
Pai - Joomla
Salvar & Fechar

Novo
Titulo - Configuraçoes
Pai - Joomla
Salvar & Fechar

Apos concluido ficara assim

Nossas categorias e sub estao prontas para receber os artigos, mas antes vamos criar os itens de menu correspondentes.

Criar Itens de Menu do CakePHP

Menus - Main Menu - Adicionar Item de Menu

Itens requeridos

Titulo do Menu - CakePHP

Tipo de Item de Menu - clicar em Selecionar - Artigos - Lista de uma categoria

Clicar em Selecionar (a direita de Lista de uma Categoria) e escolher CakePHP

Deve ficar assim:

De forma semelhante criar as categorias Laravel e Joomla.

Criar as SubCategorias

Introduçao de CakePHP

Menus - Main Menu - Adicionar Item de Menu

A criaçao sera semelhante a da CakePHP, exceto que indicaremos uma categoria Pai, que neste casos era a CakePHP.

Titulo do Menu - Introduçao

Tipo de Item de Menu - clicar em Selecionar - Artigos - Lista de uma categoria

Clicar em Selecionar (a direita de Lista de uma Categoria) e escolher Introduçao (abaixo de CakePHP)

Deve ficar assim:

De forma semelhante crie tambem os itens Instalaçao e Configuraçoes.

Depois, de forma identica, crie as subs de Laravel e Joomla tambem.

Veja como deve ficar ao final (os 3 tem os mesmos subitens).

Uma extensão simples e importante é a Breadcrumbs.

O Joomla já vem com ela, é nativa.

Extensões - Módulos

Clique em Breadcrumbs

Exibir Título - Ocultar

Salvar e Fechar

Exibindo no Site

Para exibir no site precisamos adicionar ao Template

Extensões - Temas - Portal2 - Layout

Mudar de Portal2 para Base Outline para desbloquear

Agora devemos escolher uma região adequada para o Breadcrumbs. Vamos adicioná-lo logo abaixo da região Navigation. Para isso basta clicar no sinal de + acima de Navigation para que ele adicione uma linha abaixo de si.

Acima e à esquerda, em Positions, clicar e arrastar um Module Instance e soltar na linha criada abaixo de Navigation.

Agora é hora de customizar o Module Instance. Clique na roldana à direita e renomeie (no lápis) para Breadcrumbs. Clique em Pick a Module, selecione Breadcrumbs na lista e clique em Select e então em Apply and Save

E Save Layout

Veja que ele ocupa toda a linha, sem necessidade. Então vamos adicionar outra extensão nativa, a Busca, na mesma linha. Então poderemos escolhar a largura de cada uma simplesmente arrastando.

Adicionar Busca

Extensões - Módulos - Novo - Busca

Título - Busca

Exibir Título - Ocultar

Posição - position-6 (pode ser qualquer uma, pois o Template é quem vai definir)

Exibir pelo Template

Extensões - Temas - Portal2 - Layout (mudar para Base Outline)

Clicar em Module Instance, arrastar e soltar sobre Breadcrumbs, logo à direita. Veja que ele divide em partes iguais (50% para cada).

Podemos alterar as larguras posando o mouse na separação e arrastando para um dos lados. Mudei o BC para 70% e Save Layout.

Clique na roldana à direita do Module Instante da direita, renomeie para Busca e escolha o módulo Busca.

Criar Componente Contato

Mudar o Nome do Usuário

Usuários - Gerenciar - Super User

Clicar em Super User e mudar para seu nome

Salvar e Fechar

Componentes - Contatos - Contatos - Novo

Nome - Contato

Usuário Associado - Clique no ícone e selecione (Ribamar FS)

Cargo - Proprietário do site

E-mail - ribafs@gmail.com

Do endereço e telefones entre apenas os que julgar importantes

Salvar e Fechar

Quero que este link apareça no menu de topo e não no main menu.

Criar um menu de topo

Menus - Gerenciar - Adicionar novo menu

Título - Topo
Tipo de menu - top
Salvar e Fechar

Adicionar um módulo a este menu

Título - Topo

Salvar e Fechar

Criar Item de Menu para Contato

Menus - Topo - Adicionar Item de Menu

Título - Contato

Selecionar - Contatos - Conteto Único

Selecionar Contato

Salvar e Fechar

Criar artigo Sobre Mim, com as informações desejadas, currículo ou outras.

Criar Item de menu no menu Topo para Sobre Mim.

Instalar Extensões de Terceiros

Inicialmente vamos instalar um pequeno componente que criei, que ajuda muito na segurança do site, pois é um componente que efetua backup do site completo, arquivos e banco com muita facilidade. Faça o backup e guarde bem guardado. Sempre que alterar o site efetue novo backup. Ele guarda com a data nos arquivos.

Instalar Componente Simple Backup

Extensões - Gerenciar - Instalar

https://github.com/ribafs/com_simplebackup

Clique em Instalar de uma URL e copie e cole a URL abaixo

https://github.com/ribafs/com_simplebackup/archive/master.zip

Com isso agora temos um novo item em Componentes, que é o Backup Simples.

Vamos efetuar o primeiro backup do nosso novo site:

Componentes - Backup Simples

Clique em Enviar e aguarde que ele mostrará os dois links Arquivos e Banco de Dados. Clique em cada um e guarde bem os arquivos.

Ao instalar uma extensão de terceiros, o Joomla não atribui nenhum item de menu a ela por default. Portanto ela não irá aparecer no site. Requer que você atribua itens de menu à mesma, não esqueça. Geralmente atribuo todos.

Instalar um Gerenciador de Arquivos

Instalarei o extPlorer

Extensões - Gerenciar - Instalar

Faça o download de - http://extplorer.sourceforge.net/

Clique em Enviar Pacote de Arquivos

Indique o arquivo baixado e pronto.

Agora temos um gerenciador de arquivos completo no administrator do site: copiar, criar arquivo ou diretório, upload, download, etc.

Componentes - EXTPLORER

Através do site administrator criamos o site da frente, adicionamos conteúdo, instalamos extensões, templates, etc.

Antes de iniciar a administração do site, vamos efetuar uma nova instalação do Joomla na pasta portal2, mas agora sem nenhum conteúdo de exemplo, para que seja menos trabalhosa a criação do site.

A instalação será inteiramente semelhante à anterior, exceto que sem conteúdo de exemplo.

Esboço de Projeto do Site

Mudar o idioma para pt_BR no site e na administração

Ativar o mod_rewrite

Ativar o cache

Instalar um novo Template

jl_learnmate_free

Instalar Algumas Extensões Nativas

- Breadcrumbs

- Busca

- Novidades

- Populares

- Rodapé

Instalar Algumas Extensões de Terceiros

- Componente SimpleBackup

- Mapa do site

- Gerenciador de arquivos

Criar Estrutura de Conteúdo

- Categorias

- Artigos

- Itens de Menu

Mudar o idioma para pt_BR no site e na administração

Extensions – Manager – Install Languages

Digite br na caixa de busca e tecle Enter.

Aparecerão os dois idiomas acima. Clique em Install à esquerda de Portuguese Brazil para instalar e aguarde um pouco.

Agora clique em

Extensions – Languages

Clique na estrela na linha de Português do Brasil, à direita para torná-lo o idioma padrão.

Depois clique na combo Site e selecione Administrator e então clique novamente na estrela na linha de Português do Brasil.

Tudo em português do Brasil.

Ativar o mod_rewrite

Clicar no menu

Sistema – Configuração Global

Em Site mude Usar mod_rewrite do Apache para Sim

Agora renomeie o arquivo do raiz do site

htaccess.txt para .htaccess

Obs.: arquivos iniciados com ponto no Linux são arquivos ocultos. Após renomear eles desaparecem. Para que apareçam no modo gráfico tecle Ctrl+H e no terminal usando o comando “ls -la”.

Ativar o cache

Clicar em

Sistema – Configuração Global

Na aba Sistema em Cache mude para “Ligado – Cache Progressivo” ou Cache Conservador

Conservador – pequeno cache

Progressivo – mais rápido e grande cache. Não apropriado para sites muito grandes.

Instalar um novo Template

Instalar o template jl_learnmate_free - http://www.joomlead.com

https://joomlead.com/joomla-template/learnmate/

Como ele requer o Framework Gantry, vamos instalar antes o Gantry, apenas o componente

http://gantry.org/downloads#joomla

Extensões – Gerenciar – Instalar

Clique em Instalar de uma URL e cole a URL do componente (que agora é esta)

https://github.com/gantry/gantry5/releases/download/5.4.13/joomla-pkg_gantry5_v5.4.13.zip

Agora então instalar o template learnmate.

Extensões – Gerenciar – Instalar

Faça o download e instale o pacote, pois ele requer seus dados para baixar.

Caso tenha dificuldade de baixar do site oficial, baixe daqui:

http://www.joomla24.com/index.php?option=com_search&Itemid=4&searchword=learnmate

Mas veja que no joomla24 a versão é a 1.0.1 e no site oficial já é a 1.0.2. Prefira do site oficial.

Extensões – Gerenciar – Instalar

Clicar em Enviar Pacote de Arquivos

Aponte para o arquivo baixado clicando no botão procurar pelo arquivo.

Agora instalamos um novo template e temos dois templates para o site. Existem templates para o administrator também, mas não lidarei com eles aqui.

Vamos tornar este template instalado o template padrão do site.

Extensões – Temas

Clique na estrela à direita de Learnate para para torná-lo padrão

Agora ele é o nosso tempalte padrão.

Mas precisamos realizar mais uma operação para que o conteúdo do nosso site seja assumido por este novo tempalte: Assignments

Criar um Novo Template com o Framework

Como este é mais que um template, mas é um Framework para a criação de templates, então vamos criar um template exclusivo para o nosso site, com o mesmo nome, portal2.

Clique acima em Outlines

Clique no grande sinal de mais (+)

Na janela que se abre em

Title – Portal2

Create Form – Preset

Preset – Default

Confirm

Saia do Gantry. Vá para Modulos, por exemplo.

Agora clique em Extensões – Temas

Torne o Portal2 o default.

Clique no Portal2 para acessá-lo

Clique acima em Assignments

Clique no All verde acima para que selecione todos os menus do template.

Depois clique em Save Assignments.

Veja acima e à esquerda que está selecionado Portal2.

Depois de instalar o novo template, torná-lo default e atribuir os menus ao mesm o nosso site .

Iremos remover o que não desejamos e adicionar o que queremos.

Veja que ele traz o main menu (HOME) e também um top menu, que iremos aproveitar para mostrar alguns itens sem subitens.

Bom tutorial

https://www.ostraining.com/blog/joomla/