Dentro deste guia, vamos ver como funciona o plugin Blog, o qual nos permitirá criar os vários artigos e a página do blog.
Passo 1: Vamos inserir o plugin Blog
Primeiro, devemos instalar o plugin Blog, para fazer isso, vamos à sub-opção Funcionalidades do menu principal do Framework360 seguindo os seguintes passos:
Personalização > Funcionalidades
A este ponto, abrirá a tela relacionada às funcionalidades dentro da qual vamos procurar o plugin Blog. Uma vez identificado o plugin, clique sobre ele e instale-o.
Depois de instalar o plugin Blog , encontraremos no menu principal do Framework360 a opção Blog, dentro da qual poderemos gerenciar a seção de blog do nosso site, como veremos nos próximos passos.
Passo 2: Vamos inserir nosso artigo
Dirijamo-nos à subseção Artigos do menu principal do Framework360 seguindo os seguintes passos:
Blog > Artigos
Uma vez dentro, vamos adicionar um artigo. Dentro da tela de detalhes para a criação do artigo (reproduzida abaixo) haverá três abas:
- Geral
- Imagens
- SEO
Vamos ver agora o que podemos fazer dentro dessas abas.
ABA GERAL
Dentro da aba geral podemos adicionar o conteúdo do nosso artigo, ou seja, podemos adicionar o título, a descrição breve e o conteúdo do nosso artigo.
TAB IMAGENS
No tab imagens temos a possibilidade de adicionar a imagem principal do nosso artigo.
TAB SEO
No tab SEO poderíamos adicionar um TAG Title e um TAG Description para o Google.
Uma vez terminado, clicamos no botão verde no canto superior direito Salvar.
Passo 3: Criamos a Página do Blog
Para criar a Página do Blog devemos nos dirigir à subcategoria do menu principal do Framework360 Páginas seguindo os seguintes passos:
Blog > Conteúdos > Páginas
Uma vez dentro da tela Páginas , vamos selecionar a opção Blog, e clicando nela podemos criar a página do Blog.
Uma vez dentro da tela de criação da página Blog, clicamos em adicionar conteúdo. Neste ponto, nos encontraríamos diante da seguinte tela:
Neste ponto, vamos para a aba Blog como mostrado na figura:
Agora vamos à opção Artigos para adicionar à página Blog que estamos criando um conteúdo dinâmico que permite visualizar os últimos artigos publicados no site.
TAB GERAL
Dentro da tela de criação do conteúdo dinâmico Artigos na aba Geral, na seção Artigos a serem exibidos, poderíamos decidir se visualizar todos os artigos ou apenas os artigos de uma determinada categoria.
Além disso, na seção Definir grade poderíamos decidir a pré-visualização de quantos artigos mostrar em uma linha. Por último, ainda na seção Definir grades poderíamos decidir o número de pixels de espaçamento que deve haver entre uma pré-visualização e outra da mesma coluna.
TAB ESTRUTURA
Dentro da aba estrutura, através do visual builder do Framework360, poderíamos decidir o conteúdo e a gráfica de cada pré-visualização de artigo presente na grade da página Blog. Especificamos que nós iríamos definir uma só vez o conteúdo e a gráfica da pré-visualização e o Framework360 replicará a mesma estrutura em todas as pré-visualizações.
IMPORTANTE: cada elemento que inserimos dentro da estrutura da prévia de um único artigo deve ser tornado clicável, de modo que o usuário, ao clicar na imagem ou no título ou descrição, será levado à página do artigo completo. Para fazer isso, para cada elemento que inserimos, clicamos no símbolo do lápis como mostrado na figura:
A este ponto, clicamos na opção Evento e no menu suspenso selecionamos a opção Abrir páginas. Logo abaixo aparecerá a opção Páginas e devemos garantir que dentro dela esteja selecionada a opção Abrir página vinculada, como mostrado na figura seguinte:
Passo 4: Modificamos a página do artigo
Se quisermos modificar a estrutura de visualização dos nossos artigos, devemos nos dirigir à subcategoria do menu principal do Framework360 Páginas seguindo os seguintes passos:
Blog > Conteúdos > Páginas
Uma vez dentro da tela Páginas , vamos selecionar a opção Página artigo blog.
Dentro da interface de edição da Página artigo blog clicamos na opção Adicionar conteúdo e através do visual builder do Framework360 vamos inserir o conteúdo que deve ser exibido uma vez que o usuário entra na página do artigo.
Por exemplo, poderíamos decidir que dentro da página do artigo devem ser exibidos a imagem principal, o título e o conteúdo do artigo.
