{"id":74,"date":"2023-03-31T16:27:44","date_gmt":"2023-03-31T19:27:44","guid":{"rendered":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/?page_id=74"},"modified":"2024-11-07T09:00:47","modified_gmt":"2024-11-07T12:00:47","slug":"principais-blocos-utilizados","status":"publish","type":"page","link":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/portal\/principais-blocos-utilizados\/","title":{"rendered":"Principais blocos utilizados"},"content":{"rendered":"\n<h5>1. <strong>Como trabalhar com o bloco de galeria:<\/strong><\/h5>\n\n\n\n<p>O bloco de galeria serve para armazenar varias imagens de maneira agrad\u00e1vel, ele pode ser adicionado seguindo os seguintes passos: <\/p>\n\n\n\n<ul><li>Clique no \u00edcone de mais: &#8220;+&#8221;, e procure por &#8220;galeria&#8221; sem as aspas, ou digite &#8220;\/galeria&#8221; sem as aspas no seu bloco de texto.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem1-5-1024x492.png\" alt=\"\" class=\"wp-image-261\" width=\"512\" height=\"246\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem1-5-1024x492.png 1024w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem1-5-300x144.png 300w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem1-5-768x369.png 768w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem1-5.png 1500w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Depois escolha se ira adicionar como Enviar(upload) e\/ou pelo Biblioteca de m\u00eddia.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"607\" height=\"244\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem02.png\" alt=\"\" class=\"wp-image-262\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem02.png 607w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem02-300x121.png 300w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Adicione quantas imagens forem necess\u00e1rias, ap\u00f3s adicionar \u00e9 poss\u00edvel fazer a edi\u00e7\u00e3o da ordem das imagens, editar a imagem em si, adicionar novas imagens, excluir a imagem ou adicionar uma legenda em uma ou mais imagens.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"654\" height=\"443\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem03.png\" alt=\"\" class=\"wp-image-263\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem03.png 654w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem03-300x203.png 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Para mais detalhes sobre como trabalhar com galeria, assista o v\u00eddeo abaixo:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/video-de-galeria-1.mp4\"><\/video><\/figure>\n\n\n\n<h5>2. <strong>Como trabalhar com o bloco de tabela:<\/strong><\/h5>\n\n\n\n<p>O bloco de tabela serve para organizar informa\u00e7\u00f5es por meio de tabela, ele pode ser adicionado seguindo os seguintes passos: <\/p>\n\n\n\n<ul><li>Clique no \u00edcone de mais: &#8220;+&#8221;, e procure por &#8220;tabela&#8221; sem as aspas, ou digite &#8220;\/tabela&#8221; sem as aspas no seu bloco de texto.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem4-v2-1024x492.png\" alt=\"\" class=\"wp-image-265\" width=\"512\" height=\"246\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem4-v2-1024x492.png 1024w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem4-v2-300x144.png 300w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem4-v2-768x369.png 768w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem4-v2.png 1500w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Ap\u00f3s isso \u00e9 preciso decidir o numero de linhas e colunas.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"656\" height=\"229\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem6-v2.png\" alt=\"\" class=\"wp-image-266\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem6-v2.png 656w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem6-v2-300x105.png 300w\" sizes=\"(max-width: 656px) 100vw, 656px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Quando a tabela \u00e9 criada h\u00e1 algumas op\u00e7\u00f5es que vale a pena comentar, tais como:<\/li><\/ul>\n\n\n\n<ul><li>Clicando na op\u00e7\u00e3o do canto superior esquerdo, podemos alterar o tipo de tabela.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem7-v2.png\" alt=\"\" class=\"wp-image-267\" width=\"648\" height=\"371\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem7-v2.png 648w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem7-v2-300x172.png 300w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Clicando na op\u00e7\u00e3o mais a direita, podemos editar a tabela, adicionando e\/ou removendo colunas e linhas.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"648\" height=\"371\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem8-v2.png\" alt=\"\" class=\"wp-image-268\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem8-v2.png 648w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem8-v2-300x172.png 300w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Para mais detalhes sobre como trabalhar com tabela, assista o v\u00eddeo abaixo:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/video-tabela-2.mp4\"><\/video><\/figure>\n\n\n\n<h5>3. <strong>Como trabalhar com o bloco bot\u00e3o:<\/strong><\/h5>\n\n\n\n<p>O bloco de bot\u00e3o serve para armazenar o link para qual o usu\u00e1rio ser\u00e1 redirecionado ao realizar a a\u00e7\u00e3o de clicar no bot\u00e3o, ele pode ser adicionado seguindo os passos: <\/p>\n\n\n\n<ul><li>Clique no \u00edcone de mais: &#8220;+&#8221;, e procure por &#8220;botao&#8221; sem as aspas, com ou sem acento, ou digite &#8220;\/galeria&#8221; sem as aspas no seu bloco de texto.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem10-7-1024x492.png\" alt=\"\" class=\"wp-image-273\" width=\"512\" height=\"246\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem10-7-1024x492.png 1024w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem10-7-300x144.png 300w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem10-7-768x369.png 768w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem10-7.png 1500w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Ap\u00f3s isso o bot\u00e3o ira aparecer e ser\u00e1 poss\u00edvel adicionar um t\u00edtulo e um link ao mesmo.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"696\" height=\"171\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem-11.png\" alt=\"\" class=\"wp-image-274\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem-11.png 696w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem-11-300x74.png 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Quando o bot\u00e3o \u00e9 criado h\u00e1 algumas op\u00e7\u00f5es que vale a pena comentar, tais como:<\/li><\/ul>\n\n\n\n<ul><li>Clicando na op\u00e7\u00e3o do canto superior esquerdo, podemos alterar o tipo de bot\u00e3o.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"442\" height=\"394\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem12.png\" alt=\"\" class=\"wp-image-275\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem12.png 442w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem12-300x267.png 300w\" sizes=\"(max-width: 442px) 100vw, 442px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Clicando na engrenagem no canto superior direito da tela, podemos alterar todo tipo de configura\u00e7\u00e3o do bloco, assim como suas cores, abrindo o menu suspenso mais em baixo, podemos alterar a cor do texto e do bot\u00e3o.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem13.png\" alt=\"\" class=\"wp-image-276\" width=\"289\" height=\"467\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem13.png 385w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem13-185x300.png 185w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Para mais detalhes sobre como trabalhar com bot\u00f5es, assista o v\u00eddeo abaixo:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/video-botao.mp4\"><\/video><\/figure>\n\n\n\n<h5>4. <strong>Como trabalhar com o bloco M\u00eddia e texto:<\/strong><\/h5>\n\n\n\n<p>O bloco de bot\u00e3o serve para armazenar o link para qual o usu\u00e1rio ser\u00e1 redirecionado ao realizar a a\u00e7\u00e3o de clicar no bot\u00e3o, ele pode ser adicionado seguindo os seguintes passos: <\/p>\n\n\n\n<ul><li>Clique no \u00edcone de mais: &#8220;+&#8221;, e procure por &#8220;m\u00eddia e texto&#8221; sem as aspas, com ou sem acento, ou digite &#8220;\/midia&#8221; sem as aspas no seu bloco de texto.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem14-1024x492.png\" alt=\"\" class=\"wp-image-278\" width=\"512\" height=\"246\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem14-1024x492.png 1024w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem14-300x144.png 300w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem14-768x369.png 768w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem14.png 1500w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Ap\u00f3s isso ir\u00e1 aparecer a op\u00e7\u00e3o de adicionar um arquivo de m\u00eddia (foto ou v\u00eddeo), por meio de Enviar(upload) ou pela Biblioteca de m\u00eddia, e a op\u00e7\u00e3o de digitar o conte\u00fado tamb\u00e9m estar\u00e1 dispon\u00edvel.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"593\" height=\"246\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem15.png\" alt=\"\" class=\"wp-image-279\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem15.png 593w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem15-300x124.png 300w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Quando a m\u00eddia e texto \u00e9 criada h\u00e1 algumas op\u00e7\u00f5es que vale a pena comentar, tais como:<\/li><\/ul>\n\n\n\n<ul><li>Clicando na op\u00e7\u00e3o no menu superior, podemos alterar a dire\u00e7\u00e3o da imagem para com o texto, sendo a op\u00e7\u00e3o mais a esquerda para deixar a imagem a esquerda, e a op\u00e7\u00e3o mais a direita para deixar a imagem mais a direita.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem16-1.png\" alt=\"\" class=\"wp-image-281\" width=\"668\" height=\"456\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem16-1.png 668w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem16-1-300x205.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Clicando na op\u00e7\u00e3o a direita \u00e9 poss\u00edvel trocar a imagem que aparece junto ao texto, por Enviar(upload) ou por Biblioteca de m\u00eddia.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"668\" height=\"456\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem17-1.png\" alt=\"\" class=\"wp-image-283\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem17-1.png 668w, https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/imagem17-1-300x205.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Para mais detalhes sobre como trabalhar com m\u00eddia e texto, assista o v\u00eddeo abaixo:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-content\/uploads\/sites\/183\/2023\/06\/video-midia-e-texto.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Como trabalhar com o bloco de galeria: O bloco de galeria serve para armazenar varias imagens de maneira agrad\u00e1vel, ele pode ser adicionado seguindo os seguintes passos: Clique no \u00edcone de mais: &#8220;+&#8221;, e procure por &#8220;galeria&#8221; sem as aspas, ou digite &#8220;\/galeria&#8221; sem as aspas no seu bloco de texto. Depois escolha se [&hellip;]<\/p>\n","protected":false},"author":243,"featured_media":0,"parent":9,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/74"}],"collection":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/users\/243"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":15,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/74\/revisions\/410"}],"up":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}