{"id":223,"date":"2021-12-02T11:36:10","date_gmt":"2021-12-02T14:36:10","guid":{"rendered":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/?page_id=223"},"modified":"2023-06-22T13:53:29","modified_gmt":"2023-06-22T16:53:29","slug":"editor-de-blocos","status":"publish","type":"page","link":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/editor-de-blocos\/","title":{"rendered":"Editor de Blocos"},"content":{"rendered":"\n<p>Atualmente o editor de blocos utilizado pelo Sites UFCA \u00e9 o Gutenberg. Com o editor de blocos \u00e9 poss\u00edvel voc\u00ea criar facilmente seus blogs e sites de forma r\u00e1pida e pr\u00e1tica. A grande vantagem dele \u00e9 que o que voc\u00ea produzir no editor de blocos, aparecer\u00e1 no site ou blog.<\/p>\n\n\n\n<p>Gutenberg \u00e9 um codinome para um novo <strong>paradigma na constru\u00e7\u00e3o e publica\u00e7\u00e3o de sites WordPress<\/strong>, que visa revolucionar toda a experi\u00eancia de publica\u00e7\u00e3o.<\/p>\n\n\n\n<p>Abaixo temos o Editor de Blocos Gutenberg aberto. Ele conta com tr\u00eas \u00e1reas principais:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"474\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-1024x474.png\" alt=\"\" class=\"wp-image-572\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-1024x474.png 1024w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-300x139.png 300w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-768x355.png 768w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-600x278.png 600w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1-945x437.png 945w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2023\/06\/Editor-de-Blocos-Gutenberg-turorial-1.png 1368w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Legenda :<\/p>\n\n\n\n<p>1 &#8211; Bloco de Inser\u00e7\u00e3o: voc\u00ea tem uma gama de op\u00e7\u00f5es para inserir blocos. <\/p>\n\n\n\n<p>Para saber o que sobre cada elemento do bloco de inser\u00e7\u00e3o acesse:<br><a href=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/exemplificando-blocos\">Elementos do bloco de Inser\u00e7\u00e3o<\/a><\/p>\n\n\n\n<p>2 &#8211; Bloco de \u00e1rea de conte\u00fado do editor: nessa \u00e1rea, \u00e9 poss\u00edvel visualizar como de fato o seu blog ou site aparecer\u00e1 para as pessoas que o acessar\u00e3o.<\/p>\n\n\n\n<p>3 &#8211; Barra lateral de configura\u00e7\u00f5es: nessa \u00e1rea voc\u00ea pode editar elementos do documento tais como: status e visibilidades (p\u00fablico, privado, protegido por senha), definir que ser\u00e1 o autor da postagem, slug (a forma da URL), <a href=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/painel-administrativo\/como-gerenciar-paginas\/o-que-e-uma-pagina-filha-subpagina\/\">p\u00e1ginas pai<\/a> (ou m\u00e3e. S\u00e3o subp\u00e1ginas). Poder\u00e1 ser definido tamb\u00e9m as propriedades dos blocos.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Utilizando o Editor de Blocos Gutenberg do WordPress\" width=\"676\" height=\"380\" src=\"https:\/\/www.youtube.com\/embed\/cxxccz5A_IQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption>Editor de blocos<\/figcaption><\/figure>\n\n\n\n<p>Usando um sistema de blocos para compor e formatar conte\u00fado, o novo editor baseado em blocos foi projetado para criar layouts ricos e flex\u00edveis para sites e produtos digitais. O conte\u00fado \u00e9 criado na unidade de blocos, em vez de texto de forma livre com m\u00eddia inserida, incorpora\u00e7\u00f5es e c\u00f3digos de acesso (embora haja um bloco de c\u00f3digo de acesso).<\/p>\n\n\n\n<p>Os blocos tratam Par\u00e1grafos, T\u00edtulos, M\u00eddia e Incorpora todos como componentes que, quando agrupados, comp\u00f5em o conte\u00fado armazenado no banco de dados WordPress, substituindo o conceito tradicional de texto de forma livre por m\u00eddia incorporada e c\u00f3digos de acesso. O novo editor foi projetado com aprimoramento progressivo, o que significa que \u00e9 compat\u00edvel com todo o conte\u00fado legado e tamb\u00e9m oferece um processo para tentar converter e dividir um bloco Classic em blocos equivalentes usando an\u00e1lise do lado do cliente. Finalmente, os blocos oferecem edi\u00e7\u00e3o aprimorada e controles de formato.<\/p>\n\n\n\n<p>O Editor oferece um novo conceito que emprega mais valor para os usu\u00e1rios com ferramentas de cria\u00e7\u00e3o de arrastar e soltar visuais e aprimoramentos de desenvolvedor poderosos com pacotes de fornecedores modernos, componentes reutiliz\u00e1veis, APIs e ganchos ricos para modificar e estender o editor por meio de Blocos Personalizados, Estilos de Bloco Personalizados e Plug-ins.<\/p>\n\n\n\n<p>Refer\u00eancia: <a href=\"https:\/\/developer.wordpress.org\/block-editor\/\">https:\/\/developer.wordpress.org\/block-editor\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Atualmente o editor de blocos utilizado pelo Sites UFCA \u00e9 o Gutenberg. Com o editor de blocos \u00e9 poss\u00edvel voc\u00ea criar facilmente seus blogs e sites de forma r\u00e1pida e pr\u00e1tica. A grande vantagem dele \u00e9 que o que voc\u00ea&#8230; <a class=\"more-link\" href=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/editor-de-blocos\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":211,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/223"}],"collection":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/users\/211"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":10,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/223\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}