{"id":6825,"date":"2025-02-21T13:30:55","date_gmt":"2025-02-21T16:30:55","guid":{"rendered":"https:\/\/faq.uol.com.br\/uolhost\/?p=6825"},"modified":"2025-12-29T14:11:09","modified_gmt":"2025-12-29T17:11:09","slug":"como-utilizar-o-meu-flexidesign","status":"publish","type":"post","link":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/","title":{"rendered":"Como utilizar o meu Tema Flex\u00edvel?"},"content":{"rendered":"

Cria\u00e7\u00e3o de Tema Personaliz\u00e1vel:<\/strong><\/p>\n

Esta funcionalidade oferece ao usu\u00e1rio a possibilidade de criar um tema personaliz\u00e1vel para sua loja virtual.<\/p>\n

Proporcionamos um tema base, contendo um Tema pronto, uma loja completa com todos os componentes e funcionalidades que auxiliam no desenvolvimento e proporcionam melhor entendimento da loja, que tamb\u00e9m poder\u00e3o ser personalizados.<\/p>\n

 <\/p>\n

1\u00b0 Passo<\/strong><\/p>\n

No painel da Loja Virtual, acesse a tela \u2018\u2019Personalizar\u2019\u2019, <\/strong>depois em \u2018\u2019Layout e Temas\u2019\u2019:<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

2\u00b0 Passo<\/strong><\/p>\n

Clique no bot\u00e3o \u2018\u2019+ Criar um tema flex\u00edvel\u2019\u2019, <\/strong>no canto superior direito:<\/p>\n

\"\"<\/p>\n

 <\/p>\n

3\u00b0 Passo<\/strong><\/p>\n

Leia os termos de uso e clique em \u2018\u2019Confirmar.\u2019\u2019 <\/strong>O tema ser\u00e1 gerado em alguns segundos e disponibilizado na listagem para realiza\u00e7\u00e3o das demais opera\u00e7\u00f5es:<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Edi\u00e7\u00e3o de um Tema:<\/strong><\/p>\n

1\u00b0 Passo<\/strong><\/p>\n

Ao acessar a tela de listagem de temas, escolha o tema de personaliza\u00e7\u00e3o avan\u00e7ada que deseja editar, e clique na op\u00e7\u00e3o \u2018\u2019Acessar o c\u00f3digo-fonte\u2019\u2019:<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

2\u00b0 Passo<\/strong><\/p>\n

Em seguida, voc\u00ea ser\u00e1 redirecionado para um painel dedicado para a modifica\u00e7\u00e3o do c\u00f3digo fonte do tema selecionado:<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Um c\u00f3digo fonte base 100% funcional ser\u00e1 fornecido para auxiliar o desenvolvimento do Tema personaliz\u00e1vel.<\/u><\/strong><\/p>\n

\u00c9 necess\u00e1ria a utiliza\u00e7\u00e3o de tecnologias como \u2018\u2019React, Typescript\u2019<\/strong>\u2019 e \u2018\u2019Javascript<\/strong>\u2019\u2019, \u2018\u2019CSS<\/strong>\u2019\u2019 e \u2018\u2019SASS<\/strong>\u2019\u2019 e \u2018\u2019GraphQL<\/strong>\u2019\u2019 para a customiza\u00e7\u00e3o que desejar.<\/p>\n

 <\/p>\n

Painel de edi\u00e7\u00e3o<\/strong><\/p>\n

O painel de edi\u00e7\u00e3o de c\u00f3digo foi planejado para atender pessoas com conhecimento de programa\u00e7\u00e3o em n\u00edvel intermedi\u00e1rio para avan\u00e7ado, trazendo diversos componentes que est\u00e3o presentes em ferramentas de desenvolvimento. Entre elas:<\/p>\n

Novo arquivo \/ Nova Pasta e Pesquisa inteligente: <\/strong>facilitando a busca de arquivos ou padr\u00f5es dentro do seu c\u00f3digo para r\u00e1pidas modifica\u00e7\u00f5es e consultas:<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Listagem de pastas e arquivos do projeto:<\/strong><\/p>\n

Com capacidades de criar, renomear, deletar todos os componentes do seu projeto + Editor de c\u00f3digo inteligente, fornecendo ferramentas como diagn\u00f3sticos de erros e alertas, preenchimento autom\u00e1tico, formata\u00e7\u00e3o, ir para defini\u00e7\u00e3o, entre outros:<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Clique aqui para ver as Configura\u00e7\u00f5es de Tema! \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"

Cria\u00e7\u00e3o de Tema Personaliz\u00e1vel: Esta funcionalidade oferece ao usu\u00e1rio a possibilidade de criar um tema personaliz\u00e1vel para sua loja virtual. Proporcionamos um tema base, contendo um Tema pronto, uma loja completa com todos os componentes e funcionalidades que auxiliam no desenvolvimento e proporcionam melhor entendimento da loja, que tamb\u00e9m poder\u00e3o ser personalizados.   1\u00b0 Passo […]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"article_uolhost","format":"standard","meta":{"footnotes":""},"categories":[467,368],"tags":[],"yoast_head":"\nComo utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host\" \/>\n<meta property=\"og:description\" content=\"Cria\u00e7\u00e3o de Tema Personaliz\u00e1vel: Esta funcionalidade oferece ao usu\u00e1rio a possibilidade de criar um tema personaliz\u00e1vel para sua loja virtual. Proporcionamos um tema base, contendo um Tema pronto, uma loja completa com todos os componentes e funcionalidades que auxiliam no desenvolvimento e proporcionam melhor entendimento da loja, que tamb\u00e9m poder\u00e3o ser personalizados.   1\u00b0 Passo […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/\" \/>\n<meta property=\"og:site_name\" content=\"FAQ UOL Host\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-21T16:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T17:11:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930-1024x482.png\" \/>\n<meta name=\"author\" content=\"pvemsimoes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"pvemsimoes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/\",\"url\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/\",\"name\":\"Como utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host\",\"isPartOf\":{\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930-1024x482.png\",\"datePublished\":\"2025-02-21T16:30:55+00:00\",\"dateModified\":\"2025-12-29T17:11:09+00:00\",\"author\":{\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/0aadf6d9693a15391688e93bb97d1693\"},\"breadcrumb\":{\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage\",\"url\":\"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930.png\",\"contentUrl\":\"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930.png\",\"width\":1904,\"height\":896},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/faq.uol.com.br\/uolhost\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como utilizar o meu Tema Flex\u00edvel?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/#website\",\"url\":\"https:\/\/faq.uol.com.br\/uolhost\/\",\"name\":\"FAQ UOL Host\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/faq.uol.com.br\/uolhost\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/0aadf6d9693a15391688e93bb97d1693\",\"name\":\"pvemsimoes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/511dde1ae3ffa6d41bba18c51b36593c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/511dde1ae3ffa6d41bba18c51b36593c?s=96&d=mm&r=g\",\"caption\":\"pvemsimoes\"},\"url\":\"https:\/\/faq.uol.com.br\/uolhost\/content\/author\/pvemsimoes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/","og_locale":"pt_BR","og_type":"article","og_title":"Como utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host","og_description":"Cria\u00e7\u00e3o de Tema Personaliz\u00e1vel: Esta funcionalidade oferece ao usu\u00e1rio a possibilidade de criar um tema personaliz\u00e1vel para sua loja virtual. Proporcionamos um tema base, contendo um Tema pronto, uma loja completa com todos os componentes e funcionalidades que auxiliam no desenvolvimento e proporcionam melhor entendimento da loja, que tamb\u00e9m poder\u00e3o ser personalizados.   1\u00b0 Passo […]","og_url":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/","og_site_name":"FAQ UOL Host","article_published_time":"2025-02-21T16:30:55+00:00","article_modified_time":"2025-12-29T17:11:09+00:00","og_image":[{"url":"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930-1024x482.png"}],"author":"pvemsimoes","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"pvemsimoes","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/","url":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/","name":"Como utilizar o meu Tema Flex\u00edvel? - FAQ UOL Host","isPartOf":{"@id":"https:\/\/faq.uol.com.br\/uolhost\/#website"},"primaryImageOfPage":{"@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage"},"image":{"@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage"},"thumbnailUrl":"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930-1024x482.png","datePublished":"2025-02-21T16:30:55+00:00","dateModified":"2025-12-29T17:11:09+00:00","author":{"@id":"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/0aadf6d9693a15391688e93bb97d1693"},"breadcrumb":{"@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#primaryimage","url":"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930.png","contentUrl":"https:\/\/faq.uol.com.br\/uolhost\/wp-content\/uploads\/sites\/2\/2025\/02\/Captura-de-tela-2025-02-21-125930.png","width":1904,"height":896},{"@type":"BreadcrumbList","@id":"https:\/\/faq.uol.com.br\/uolhost\/content\/como-utilizar-o-meu-flexidesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/faq.uol.com.br\/uolhost\/"},{"@type":"ListItem","position":2,"name":"Como utilizar o meu Tema Flex\u00edvel?"}]},{"@type":"WebSite","@id":"https:\/\/faq.uol.com.br\/uolhost\/#website","url":"https:\/\/faq.uol.com.br\/uolhost\/","name":"FAQ UOL Host","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/faq.uol.com.br\/uolhost\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/0aadf6d9693a15391688e93bb97d1693","name":"pvemsimoes","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/faq.uol.com.br\/uolhost\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/511dde1ae3ffa6d41bba18c51b36593c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/511dde1ae3ffa6d41bba18c51b36593c?s=96&d=mm&r=g","caption":"pvemsimoes"},"url":"https:\/\/faq.uol.com.br\/uolhost\/content\/author\/pvemsimoes\/"}]}},"category_names":["Como Utilizar","Loja VirtUOL"],"_links":{"self":[{"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/posts\/6825"}],"collection":[{"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/comments?post=6825"}],"version-history":[{"count":2,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/posts\/6825\/revisions"}],"predecessor-version":[{"id":6974,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/posts\/6825\/revisions\/6974"}],"wp:attachment":[{"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/media?parent=6825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/categories?post=6825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/faq.uol.com.br\/uolhost\/wp-json\/wp\/v2\/tags?post=6825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}