{"id":28297,"date":"2024-01-30T20:33:05","date_gmt":"2024-01-30T23:33:05","guid":{"rendered":"https:\/\/www.kryzalis.com.br\/blog\/?p=28297"},"modified":"2024-03-20T11:49:18","modified_gmt":"2024-03-20T14:49:18","slug":"cadastro-e-edicao-de-banners-mosaicos","status":"publish","type":"post","link":"https:\/\/www.kryzalis.com.br\/blog\/cadastro-e-edicao-de-banners-mosaicos","title":{"rendered":"Cadastro e Edi\u00e7\u00e3o de Banners\/Mosaicos"},"content":{"rendered":"
<\/div>\n
\u200bVamos aprender a gerenciar os banners da loja virtual. As configura\u00e7\u00f5es do banner e do mosaico s\u00e3o iguais, o que muda \u00e9 como as imagens s\u00e3o exibidas na tela.<\/div>\n
\n

<\/h3>\n

Banner Principal<\/h3>\n

O Banner Principal, \u00e9 o de maior destaque e o que aparece primeiro na tela, ele \u00e9 rotativo, portanto voc\u00ea pode colocar mais de um banner por vez.<\/p>\n

\"Banner<\/p>\n<\/div>\n

\n

Mosaico<\/h3>\n

Mosaico s\u00e3o esses banners menores, colocamos normalmente agrupados em 3, mais isso pode variar, podendo ter mais ou menos. Normalmente \u00e9 utilizado para dar destaque a alguma categoria ou pagina.<\/p>\n

\"Mosaico\"<\/p>\n<\/div>\n

\n

Adicionar Banner\/Mosaico<\/h3>\n

Para criar ou editar um Banner\/Mosaico, basta clicar nele no menu lateral do painel.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Observe que ir\u00e1 abrir uma listagem com os Banners\/Mosaicos j\u00e1 cadastrados, onde podemos ver o t\u00edtulo e a data de publica\u00e7\u00e3o de cada um.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Ao passar o mouse sobre o nome do Banner\/Mosaico, aparecer\u00e1 algumas op\u00e7\u00f5es de a\u00e7\u00f5es como:<\/p>\n

Editar<\/strong>: vai abrir uma p\u00e1gina com as mesmas op\u00e7\u00f5es de cadastro, para voc\u00ea poder alterar qualquer informa\u00e7\u00e3o adicionada na hora do cadastro<\/p>\n

Edi\u00e7\u00e3o r\u00e1pida:<\/strong> Aparecer\u00e1 op\u00e7\u00f5es de edi\u00e7\u00e3o do t\u00edtulo, slug, status, data e privacidade.<\/p>\n

Lixeira:<\/strong> Para excluir a Banner\/Mosaico.<\/p>\n

Ver<\/strong>: Essa a\u00e7\u00e3o n\u00e3o \u00e9 interessante utilizar, pois n\u00e3o vai mostrar o banner na loja, e sim os banners e algumas imagens.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Para adicionar um novo Banner\/Mosaico, basta clicar em Adicionar, como mostrado na imagem a baixo.<\/p>\n

\"<\/p>\n<\/div>\n

\n

O primeiro campo \u00e9 o nome do Banner\/Mosaico, pode colocar um nome que fique melhor para identificar, o nome \u00e9 vis\u00edvel somente no painel.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Imagem destacada:<\/strong><\/p>\n

Iremos colocar o Banner\/Mosaico que ir\u00e1 aparecer na vers\u00e3o de desktop, para escolher a imagem devemos clicar em Definir imagem destacada.<\/u><\/p>\n

\"<\/p>\n<\/div>\n

\n

Isso faz com que abra uma tela de m\u00eddias, onde voc\u00ea encontrar\u00e1 todas as imagens que tem dispon\u00edvel na galeria de m\u00eddia da sua loja.<\/p>\n

Para adicionar uma nova imagem voc\u00ea pode pegar uma imagem do seu computador, arrastar e soltar dentro da galeria, ou se preferir voc\u00ea pode clicar em “Enviar aquivo” como na imagem a baixo.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Isso far\u00e1 com que apare\u00e7a uma tela com o bot\u00e3o “selecionar os arquivos” abrindo assim janela onde voc\u00ea pode buscar a imagem nas pastas de seu computador. A imagem n\u00e3o pode ultrapassar o tamanho de 100MB.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Depois que a imagem carregar, ela j\u00e1 vir\u00e1 selecionada. Voc\u00ea s\u00f3 pode selecionar uma imagem.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Clique em Definir imagem destacada.<\/strong><\/p>\n

\"<\/p>\n<\/div>\n

\n

Link<\/strong>:
\nDevemos colocar a URL da p\u00e1gina que o Banner\/Mosaico deva abrir.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Abrir<\/strong>:<\/p>\n

Devemos colocar a como desejamos que o link abra:<\/p>\n

Mesma Aba:<\/strong> Indicado para link de p\u00e1ginas internas.<\/p>\n

Nova Aba:<\/strong> Indicado para p\u00e1ginas que n\u00e3o pertence \u00e0 loja.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Vers\u00e3o para celular:<\/strong><\/p>\n

O Banner\/Mosaico que aparecer\u00e1 na vers\u00e3o mobile do site, o Banner \u00e9 obrigat\u00f3rio ter uma vers\u00e3o para celular, mas o Mosaico \u00e9 opcional, podendo colocar somente se necess\u00e1rio.<\/p>\n

Para adicionar uma imagem \u00e9 exatamente igual como adicionar a imagem destacada, basta clicar no bot\u00e3o Adicionar imagem<\/strong>.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Selecione a imagem com as medidas corretas, e clicar no bot\u00e3o Selecionar<\/strong>.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Depois de todas as informa\u00e7\u00f5es e imagens inseridas, devemos clicar no bot\u00e3o Publicar<\/strong>, para que o Banner\/Mosaico seja postado no site.<\/p>\n

\"<\/p>\n<\/div>\n

\n

\u00a0Reordenar Banner\/Mosaico<\/h3>\n

Podemos alterar as posi\u00e7\u00f5es dos Banners\/Mosaicos, basta clicar em Reordenar.<\/p>\n

\"<\/p>\n<\/div>\n

\n

Assim ir\u00e1 aparecer os Banners\/Mosaicos, basta clicar e arrastar para mudar as posi\u00e7\u00f5es.<\/p>\n

\"<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\u200bVamos aprender a gerenciar os banners da loja virtual. As configura\u00e7\u00f5es do banner e do mosaico s\u00e3o iguais, o que muda \u00e9 como as imagens s\u00e3o exibidas na tela. Banner Principal O Banner Principal, \u00e9 o de maior destaque e o que aparece primeiro na tela, ele \u00e9 rotativo, portanto voc\u00ea pode colocar mais de […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[197],"tags":[],"class_list":["post-28297","post","type-post","status-publish","format-standard","hentry","category-loja-virtual"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/28297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/comments?post=28297"}],"version-history":[{"count":2,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/28297\/revisions"}],"predecessor-version":[{"id":28329,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/28297\/revisions\/28329"}],"wp:attachment":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media?parent=28297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/categories?post=28297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/tags?post=28297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}