{"id":38565,"date":"2026-03-09T15:28:47","date_gmt":"2026-03-09T18:28:47","guid":{"rendered":"https:\/\/www.locaweb.com.br\/ajuda\/?post_type=ht_kb&p=38565"},"modified":"2026-03-09T15:28:47","modified_gmt":"2026-03-09T18:28:47","slug":"como-editar-os-botoes-de-um-site-criador-de-sites-com-ia","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-editar-os-botoes-de-um-site-criador-de-sites-com-ia\/","title":{"rendered":"Como editar os bot\u00f5es de um site – Criador de Sites com IA"},"content":{"rendered":" \t\t
\r\n \t\t\tInforma\u00e7\u00e3o!<\/span> \t\t\t \t\t\t\t

\r\n \t\t\t\t\tNeste artigo, voc\u00ea aprender\u00e1 como editar os bot\u00f5es de um site gerado no Criador de Sites com IA. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n \t\t

\r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

\r\n \t\t\t\t\tO site mostrado no tutorial \u00e9 apenas um exemplo ilustrativo. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n \t\t

\r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

\r\n \t\t\t\t\tN\u00e3o \u00e9 poss\u00edvel acrescentar bot\u00f5es extras em uma \u00e1rea, pois a quantidade j\u00e1 \u00e9 determinada pelo modelo da se\u00e7\u00e3o. Para ter mais bot\u00f5es, escolha um modelo de se\u00e7\u00e3o que se encaixe nas suas necessidades. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

Como mudar a cor do bot\u00e3o?<\/span><\/h2>\n
    \n
  • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
  • Na barra de ferramentas, selecione o c\u00edrculo colorido.<\/span><\/li>\n<\/ul>\n

    \"\"<\/p>\n

      \n
    • Clique na cor que voc\u00ea deseja ou insira o c\u00f3digo hexadecimal da cor.<\/span><\/li>\n<\/ul>\n \t\t
      \r\n \t\t\tConhe\u00e7a!<\/span> \t\t\t \t\t\t\t

      \r\n \t\t\t\t\tN\u00e3o sabe o que \u00e9 <\/span>c\u00f3digo hexadecimal<\/b>? \u00c9 uma sequ\u00eancia de 6 n\u00fameros e letras que representam uma cor no meio digital. Por exemplo: o azul \u00e9 representado pelo c\u00f3digo #0000ff.<\/span> \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n \t\t

      \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

      \r\n \t\t\t\t\tA nova cor ser\u00e1 aplicada automaticamente. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

      Como mudar a opacidade do bot\u00e3o?<\/span><\/h2>\n \t\t
      \r\n \t\t\tConhe\u00e7a!<\/span> \t\t\t \t\t\t\t

      \r\n \t\t\t\t\tN\u00e3o sabe o que \u00e9 <\/span>opacidade<\/b>? Trata-se da <\/span>transpar\u00eancia<\/b> de um objeto. Quanto maior a opacidade, mais vis\u00edvel o objeto ser\u00e1. Por\u00e9m, quanto menor a opacidade, mais transparente ser\u00e1 o objeto. Essa propriedade \u00e9 medida em porcentagem.\u00a0<\/span> \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

        \n
      • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
      • Na barra de ferramentas, selecione o campo que tem uma porcentagem dentro.<\/span><\/li>\n<\/ul>\n

        \"\"<\/p>\n

          \n
        • Escolha o n\u00edvel de opacidade que voc\u00ea deseja.<\/span><\/li>\n<\/ul>\n

          <\/b> \t\t

          \r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

          \r\n \t\t\t\t\tLembre-se que quanto menor a porcentagem, mais transparente o objeto ser\u00e1. Por exemplo: um elemento com 50% de opacidade ser\u00e1 mais vis\u00edvel do que um objeto com 10% de opacidade. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t<\/p>\n

          <\/b> \t\t

          \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

          \r\n \t\t\t\t\tA opacidade escolhida ser\u00e1 aplicada no bot\u00e3o. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t<\/p>\n

          Como editar as bordas do bot\u00e3o?<\/span><\/h2>\n
            \n
          • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
          • Na barra de ferramentas, v\u00e1 at\u00e9 os tr\u00eas \u00edcones de linhas.<\/span><\/li>\n<\/ul>\n

            \"\"<\/p>\n

              \n
            • Selecione o tipo de borda que for melhor para o bot\u00e3o.<\/span><\/li>\n<\/ul>\n \t\t
              \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

              \r\n \t\t\t\t\tA nova borda ser\u00e1 automaticamente aplicada ao bot\u00e3o. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

              Como mudar a fonte do texto de um bot\u00e3o?<\/span><\/h2>\n
                \n
              • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
              • Na barra de ferramentas, v\u00e1 at\u00e9 o nome da fonte e clique na seta ao lado.<\/span><\/li>\n<\/ul>\n

                \"\"<\/p>\n

                  \n
                • Confira a lista dispon\u00edvel e escolha uma fonte que combine com o seu projeto.<\/span><\/li>\n<\/ul>\n \t\t
                  \r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

                  \r\n \t\t\t\t\tApenas as fontes que est\u00e3o na lista podem ser utilizadas no projeto. N\u00e3o \u00e9 poss\u00edvel adicionar outras fam\u00edlias tipogr\u00e1ficas no Criador de Sites com IA. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n \t\t

                  \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

                  \r\n \t\t\t\t\tO texto do bot\u00e3o mudar\u00e1 automaticamente para a fonte que voc\u00ea escolheu. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

                  Como mudar o tamanho do texto de um bot\u00e3o?<\/span><\/h2>\n
                    \n
                  • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
                  • Na barra de ferramentas, v\u00e1 at\u00e9 o n\u00famero que representa o tamanho da fonte e clique na seta ao lado.<\/span><\/li>\n<\/ul>\n

                    \"\"<\/p>\n

                      \n
                    • Confira a lista dispon\u00edvel e escolha o tamanho que combine com o seu projeto.<\/span><\/li>\n<\/ul>\n \t\t
                      \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

                      \r\n \t\t\t\t\tO texto do bot\u00e3o mudar\u00e1 automaticamente para o tamanho que voc\u00ea escolheu. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

                      Como mudar a cor do texto de um bot\u00e3o?<\/span><\/h2>\n
                        \n
                      • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
                      • Na barra de ferramentas, selecione o c\u00edrculo colorido que est\u00e1 ao lado do tamanho do texto.<\/span><\/li>\n<\/ul>\n \t\t
                        \r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

                        \r\n \t\t\t\t\tA barra de ferramentas apresenta dois c\u00edrculos coloridos: o primeiro que est\u00e1 no in\u00edcio da barra \u00e9 para editar a cor de fundo do bot\u00e3o e o segundo \u00e9 para alterar a cor do texto. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

                        \"\"<\/p>\n

                          \n
                        • Clique na cor que voc\u00ea deseja ou insira o c\u00f3digo hexadecimal da cor.<\/span><\/li>\n<\/ul>\n \t\t
                          \r\n \t\t\tPronto!<\/span> \t\t\t \t\t\t\t

                          \r\n \t\t\t\t\tA nova cor ser\u00e1 aplicada. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

                          Como adicionar negrito e it\u00e1lico no texto de um bot\u00e3o?<\/span><\/h2>\n
                            \n
                          • Clique no bot\u00e3o que deseja editar.<\/span><\/li>\n
                          • Na barra de ferramentas, v\u00e1 at\u00e9 os \u00edcones representados por um B (<\/span>Bold<\/span><\/i> em ingl\u00eas, Negrito em portugu\u00eas) e um I (<\/span>Italics<\/span><\/i> em ingl\u00eas, It\u00e1lico em portugu\u00eas).<\/span><\/li>\n<\/ul>\n

                            \"\"<\/p>\n

                              \n
                            • Clique nos \u00edcones para adicionar os efeitos ao texto do bot\u00e3o.<\/span><\/li>\n<\/ul>\n \t\t
                              \r\n \t\t\tImportante!<\/span> \t\t\t \t\t\t\t

                              \r\n \t\t\t\t\tAo adicionar negrito e\/ou it\u00e1lico, o texto inteiro do bot\u00e3o ser\u00e1 alterado. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n \t\t

                              \r\n \t\t\tDica!<\/span> \t\t\t \t\t\t\t

                              \r\n \t\t\t\t\tPara que as mudan\u00e7as sejam aplicadas no site que est\u00e1 no ar, clique em \u201c<\/span>Publicar<\/b>\u201d. Se n\u00e3o quiser divulgar ainda, selecione o bot\u00e3o \u201c<\/span>Salvar<\/b>\u201d para guardar as edi\u00e7\u00f5es no painel.<\/span> \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n","protected":false},"excerpt":{"rendered":"

                              Como mudar a cor do bot\u00e3o? Clique no bot\u00e3o que deseja editar. Na barra de ferramentas, selecione o c\u00edrculo colorido. Clique na cor que voc\u00ea deseja ou insira o c\u00f3digo hexadecimal da cor. Como mudar a opacidade do bot\u00e3o? Clique no bot\u00e3o que deseja editar. Na barra de ferramentas, selecione…<\/p>\n","protected":false},"author":29,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[667],"ht-kb-tag":[],"class_list":["post-38565","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-criador-de-sites-com-ia"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=38565"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38565\/revisions"}],"predecessor-version":[{"id":38573,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/38565\/revisions\/38573"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=38565"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=38565"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=38565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}