{"id":140,"date":"2021-12-01T10:22:04","date_gmt":"2021-12-01T13:22:04","guid":{"rendered":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/?page_id=140"},"modified":"2021-12-14T12:33:01","modified_gmt":"2021-12-14T15:33:01","slug":"blocos-de-insercao-texto","status":"publish","type":"page","link":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/editor-de-blocos\/exemplificando-blocos\/blocos-de-insercao-texto\/","title":{"rendered":"Blocos de Inser\u00e7\u00e3o: Texto"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"335\" height=\"418\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-8.png\" alt=\"\" class=\"wp-image-444\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-8.png 335w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-8-240x300.png 240w\" sizes=\"(max-width: 335px) 100vw, 335px\" \/><\/figure>\n\n\n\n<h2>\u00cdndice<\/h2>\n\n\n\n<p><a href=\"#paragrafo\">Par\u00e1grafo (paragraph)<\/a><br><a href=\"#cabecalho\" data-type=\"internal\" data-id=\"#cabecalho\">Cabe\u00e7alho (heading)<\/a><br><a href=\"#lista\">Lista (list)<\/a><br><a href=\"#citacao\">Cita\u00e7\u00e3o (quote)<\/a><br><a href=\"#codigo\">C\u00f3digo (code)<\/a><br><a href=\"http:\/\/@classico\">Cl\u00e1ssico (Class)<\/a><br><a href=\"#pre-formatado\">Pr\u00e9-Formatado (pre-formated)<\/a><br><a href=\"#citacao-pessoal\">Cita\u00e7\u00e3o pessoal (pullquote)<\/a><br><a href=\"#tabela\">Tabela (table)<\/a><br><a href=\"#verso\">Verso (verse)<\/a><\/p>\n\n\n\n<h2 id=\"paragrafo\"><strong>Par\u00e1grafo (paragraph)<\/strong><\/h2>\n\n\n\n<p>Esse elemento \u00e9 um dos mais utilizados. Ele basicamente permite voc\u00ea a criar texto em forma de par\u00e1grafo. Voc\u00ea pode escrever da forma que quiser, tendo a op\u00e7\u00e3o de estilizar a fonte do texto (deixar em <strong>negrito, <\/strong><em>it\u00e1lico,<\/em>ou <span class=\"has-inline-color has-vivid-green-cyan-color\">mudar a cor<\/span>).<\/p>\n\n\n\n<h2 id=\"cabecalho\"><strong>Cabe\u00e7alho (heading)<\/strong><\/h2>\n\n\n\n<p>Com o cabe\u00e7alho voc\u00ea pode destacar um texto. \u00c9 \u00fatil quando voc\u00ea precisa de um t\u00edtulo para um artigo, por exemplo.<\/p>\n\n\n\n<h2>Esse \u00e9 um exemplo de cabe\u00e7alho<\/h2>\n\n\n\n<h2 id=\"lista\"><strong>Lista (list)<\/strong><\/h2>\n\n\n\n<p><strong>C<\/strong>om esse elemento voc\u00ea consegue ordenar da forma como desejar um conjunto de itens de forma clara em uma lista. A lista cont\u00e9m v\u00e1rias op\u00e7\u00f5es de personaliza\u00e7\u00e3o tamb\u00e9m.<\/p>\n\n\n\n<ul><li>Item a<\/li><li>Item b<\/li><li>Item c<\/li><\/ul>\n\n\n\n<h2 id=\"citacao\"><strong>Cita\u00e7\u00e3o (quote)<\/strong><\/h2>\n\n\n\n<p>Essa \u00e9 uma forma onde voc\u00ea pode inserir no seu texto as palavras de outras pessoas, explicitando o nome dela. Sabe aquela frase \u201cS\u00f3 sei que nada sei\u201d, do fil\u00f3sofo <em>S\u00f3crates<\/em>? Bem, ela se encaixa perfeitamente aqui.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Nessa op\u00e7\u00e3o voc\u00ea pode fazer uma cita\u00e7\u00e3o e marcar o autor.<\/p><cite>Nome do autor<\/cite><\/blockquote>\n\n\n\n<h2 id=\"codigo\"><strong>C\u00f3digo (code)<\/strong><\/h2>\n\n\n\n<p>Essa op\u00e7\u00e3o servir\u00e1 para inserir trechos de c\u00f3digo de programa\u00e7\u00e3o no seu post. Dessa forma o trecho n\u00e3o ser\u00e1 interpretado pelo WordPress e aparecer\u00e1 normalmente para o usu\u00e1rio.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>System.out.println(\"Hello World!\");<\/code><\/pre>\n\n\n\n<h2 id=\"classico\"><strong>Cl\u00e1ssico (Class)<\/strong><\/h2>\n\n\n\n<p>\u00c9 um elemento onde voc\u00ea pode digitar um texto da forma que bem entender. Nele, voc\u00ea tem maior liberdade sobre sua escrita. \u00c9 muito similar com o Word ou Google Docs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"695\" height=\"124\" src=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-7.png\" alt=\"\" class=\"wp-image-442\" srcset=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-7.png 695w, https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-content\/uploads\/sites\/172\/2021\/12\/image-7-300x54.png 300w\" sizes=\"(max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<p><em><span style=\"text-decoration: underline;\">Veja o resultado:<\/span><\/em><\/p>\n\n\n<p>Ol\u00e1. <strong>Aqui<\/strong> <em>voc\u00ea<\/em> tem mais op\u00e7\u00f5es para personalizar seu texto.<\/p>\n\n\n<h2 id=\"pre-formatado\"><strong>Pr\u00e9-Formatado (pre-formated)<\/strong><\/h2>\n\n\n\n<p>Um texto pr\u00e9-formatado significa que ele est\u00e1 como padr\u00e3o. O estilo de fonte \u00e9 a padr\u00e3o, a cor \u00e9 a padr\u00e3o, o tamanho \u00e9 o padr\u00e3o, etc.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Escreva um texto pr\u00e9-formatado.<\/pre>\n\n\n\n<h2 id=\"citacao-pessoal\"><strong>Cita\u00e7\u00e3o pessoal (pullquote)<\/strong><\/h2>\n\n\n\n<p><strong>U<\/strong>ma pullquote \u00e9 uma forma de voc\u00ea enfatizar uma parte do seu conte\u00fado do seu texto. Serve por exemplo, quando voc\u00ea quer avisar ou alertar o leitor de algo.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Essa \u00e9 pullquote. Ela enfatiza um peda\u00e7o espec\u00edfico do seu conte\u00fado que voc\u00ea queira que chame aten\u00e7\u00e3o<\/p><cite>Essa parte \u00e9 opcional<\/cite><\/blockquote><\/figure>\n\n\n\n<h2 id=\"tabela\"><strong>Tabela (table)<\/strong><\/h2>\n\n\n\n<p>\u00c9 poss\u00edvel mostrar dados ao leitor atrav\u00e9s de uma tabela bem elaborada. Voc\u00ea decide quantas linhas e quantas colunas essa tabela possuir\u00e1. Al\u00e9m disso, voc\u00ea pode escolher uma descri\u00e7\u00e3o para a tabela.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Nome<\/td><td>Idade<\/td><\/tr><tr><td>Jo\u00e3o<\/td><td>24<\/td><\/tr><tr><td>Maria<\/td><td>29<\/td><\/tr><tr><td>Pedro<\/td><td>35<\/td><\/tr><\/tbody><\/table><figcaption>Rela\u00e7\u00e3o entre nome e idade das pessoas<\/figcaption><\/figure>\n\n\n\n<h2 id=\"verso\"><strong>Verso (verse)<\/strong><\/h2>\n\n\n\n<p><strong>V<\/strong>oc\u00ea pode escrever versos (poemas, por exemplo) no WordPress.<\/p>\n\n\n\n<div class=\"wp-container-2 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-container-1 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<pre class=\"wp-block-verse has-text-align-right\"><strong><em>Este \u00e9 \num exemplo \nde verso<\/em><\/strong>\n<em><strong>E nem precisa<\/strong><\/em>\n<strong><em>Rimar<\/em><\/strong>\n<\/pre>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00cdndice Par\u00e1grafo (paragraph)Cabe\u00e7alho (heading)Lista (list)Cita\u00e7\u00e3o (quote)C\u00f3digo (code)Cl\u00e1ssico (Class)Pr\u00e9-Formatado (pre-formated)Cita\u00e7\u00e3o pessoal (pullquote)Tabela (table)Verso (verse) Par\u00e1grafo (paragraph) Esse elemento \u00e9 um dos mais utilizados. Ele basicamente permite voc\u00ea a criar texto em forma de par\u00e1grafo. Voc\u00ea pode escrever da forma que quiser,&#8230; <a class=\"more-link\" href=\"https:\/\/sites.ufca.edu.br\/treinamento-sites\/editor-de-blocos\/exemplificando-blocos\/blocos-de-insercao-texto\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":211,"featured_media":0,"parent":88,"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\/140"}],"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=140"}],"version-history":[{"count":18,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/140\/revisions\/555"}],"up":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/pages\/88"}],"wp:attachment":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}