🚀COMO CRIAR SITES WORDPRESS 100% GRÁTIS COM INTELIGÊNCIA ARTIFICIAL EM 2024.

nesse vídeo eu vou te ensinar como que faz para criar um site do absoluto zero utilizando somente Inteligência Artificial dentro dopr você não vai precisar se preocupar com elementor você não vai precisar se preocupar com a compra de plugins nada esse site vai gerar tudo para você Você vai somente fornecer informações e depois publicar o site na internet ficou Curioso em conhecer essa ferramenta Então vem pro vídeo [Música] Olá seja muito bem-vindo meu nome é Fred Eu sou especialista em criação de sites ord press e hoje eu quero te apresentar uma ferramenta que eu achei

muito interessante que é uma ferramenta para criação de site utilizando Inteligência Artificial dentro do WordPress muito tempo atrás eu publiquei até aqui no canal um vídeo sobre esse mesmo tema a respeito de como se criar um site institucional do zero usando né esse tema E aí depois de alguns meses ele evoluiu e incorporou dentro dele um processo utilizando Inteligência Artificial e eu fiquei muito curioso para conhecer e o resultado foi surpreendente eu achei muito interessantes mas eu levanto aqui algumas observações esse projeto como a gente vai utilizar a inteligência artificial e não vai requerer muito

né do nosso lado criativo então eu recomendo Ele simplesmente para situações onde a pessoa não tem muita verba para investir com profissionais né da área de criação ou você não tem um prazo longo para desenvolver um projeto e precisa de uma solução muito prática e rápida Então nesse cenário Eu recomendo muito que você utilize essa ferramenta porque ela vai dar muito certo contigo agora se você tem um prazo aí quer um trabalho mais profissional algo mais exclusivo Eu recomendo que você procure um profissional né dentro aí do mercado de criação de sites ou então que

você se Aprimore e aprenda a criar sites da maneira correta da maneira certa para que você possa fornecer suporte total aos seus futuros clientes e para isso eu estou né com o meu curso mapa do criador de sites eu vou deixar o link aqui na descrição para que você possa conhecer mais para que você possa se cadastrar paraas próximas turmas que serão abertas aí e quem tiver cadastrado vai ter um preço promocional vai receber um cupom de desconto muito bacana Então vale a pena você entrar lá registrar seu nome deixar sua vaga garantida pra próxima

turma que vai ser aberta muito bem então a partir desse momento a gente vai entender mais como que é o processo de criação de um site utilizando ferramentas de inteligência artificial [Música] Então vamos lá a primeira coisa que a gente precisa entender é que como a gente vai construir esse site usando né Inteligência Artificial ferramentas do WordPress antes de começar a gente precisa levantar alguns recursos e quando eu digo recursos são componentes presentes dentro do site como por exemplo logotipo textos institucionais sobre a empresa fotos da empresa fotos do negócio dos serviços Enfim tudo quanto

é tipo de recurso que é necessário para montar o site a gente vai precisar juntar depois eh o próximo passo é fazer a instalação do tema que nos permite utilizar a inteligência artificial então ao longo do vídeo você vai ver que a gente vai utilizar um tema específico para isso que dá esse suporte pra gente poder conectar com um site que gera né faz todo o trabalho aí da criação da geração do site usando Inteligência Artificial o próximo passo depois que a gente instalou o tema é criar uma conta nesse site aqui ó no Zip

WP que é a ferramenta que vai nos permitir criar o site utilizando a inteligência artificial pois bem depois disso próximo passo é criar o prompt nada complexo você vai ver que é apenas uma descrição da empresa só que é preciso saber fazer fazer da maneira certa né Para que você tenha um bom resultado bom depois disso a gente vai gerar o site junto com a inteligência artificial ela vai pedir né sugestões ela vai oferecer opções e você vai precisar aí fazer um leve né uma leve configuração escolhas ah definições enfim você vai precisar colocar um

pouquinho a mão na massa Depois disso você vai ficar livre para customizar esse site de acordo com a sua necessidade Por fim eu recomendo que você revise as informações uma vez que a inteligência artificial gerou esse conteúdo para você Você vai precisar revisar acrescentar ou retirar textos né acrescentar mais fotos enfim esse é uma é um passo fundamental antes de você seguir com a conclusão do projeto e o último passo é justamente a publicação do site na internet então esse aqui é o roteiro do nosso trabalho de criação de um site utilizando Inteligência Artificial do

absoluto zero mais uma vez eu quero deixar bem bem específico aqui né bem claro deixar bem registrado que esse tipo de projeto ele é recomendado para quem está precisando muito de uma solução rápida e tá com pouca verba não está com tempo para criar um projeto mais ela borado mais estruturado então aí sim eu recomendo a utilização de ferramentas de Inteligência Artificial e ferramentas como essa aqui agora se você tem interesse né de trabalhar com a criação de site se você tem interesse de entrar nesse mercado aí sim eu recomendo que você escolha Ah um

caminho mais profissional porque vai ser necessário que você compreenda mais desse assunto para poder dar suporte total aos seus clientes essa aqui que é uma solução muito básica mas que atende alguns requisitos Em algumas situações tira o seu pescoço né livra o seu pescoço da forca Então esse é um exemplo de site que eu recomendo para esse tipo de situação Tá certo então vamos começar agora com a primeira etapa que é o levantamento de [Música] recursos como a primeira etapa é a etapa de levantamento de recurso eu já organizei aqui dentro da minha pasta do

projeto duas pastinhas contendo logotipo do projeto no formato png e no formato svg que são os formatos de imagem né pra gente trabalhar aí dentro do WordPress então eu tenho aqui o logotipo do site né o logotipo da empresa certo e eu também separei algumas fotos veja que essas fotos elas são bem atrativas seguindo aí né o segmento comercial que a gente vai fazer um site focado para uma construtora para uma empresa de engenharia civil Então são imagens bem sugestivas de alta qualidade Tá vendo só que tem um detalhe essas imagens eu já fiz um

tratamento prévio certo eu fiz o download delas lá do freepic e eu fiz uma conversão como freepic é um banco de imagens que fornece as imagens em alta qualidade foi necessário converter essas imagens Em um formato chamado webp Ou seja eu vou até mostrar aqui para você ó vou mostrar aqui por listar detalhes ó o formato é esse formato aqui ó webp que é um formato mais compacto ele não perde qualidade e deixa a imagem muito pequena Observe que Tod todas as imagens aqui ó Elas têm mais ou menos 10000 pixels né por 1000 de

comprimento então é uma imagem grande e o peso dela é relativamente muito pequeno ó essa aqui é a imagem maior 182 KB então assim a gente tem uma qualidade muito grande de imagem com um peso muito pequeno Então vale a pena fazer essa conversão e caso você queira né converter imagens que é algo que eu recomendo bastante tem esse site aqui ó Então eu vou deixar aqui para você esse site aqui do tin png.com Você joga a imagem aqui ó clica aqui seleciona a imagem e ele vai gerar a imagem convertida para você você pode

jogar um JPEG um png e depois ele vai converter essa imagem para o formato webp E aí você vai conseguir trabalhar com imagens pequenas eh aliás imagens grandes com o peso pequeno né Muito bem um outro detalhe muito importante que a gente precisa observar é esse aqui ó o nome das imagens eu coloquei aqui Bueno construction Tá certo somente para ilustrar para você é interessante que todas as imagens do seu site por questões de se tenham um nome sugestivo né De acordo com o que a imagem trata vamos supor que você tem imagens dos serviços

então é interessante que você coloque aqui o nome do serviço e o nome da empresa com isso você favorece o bom posicionamento desse site através das pesquisas por imagens né então por isso que eu recomendo que todas as imagens estejam devidamente nomeadas e otimizadas muito bem agora que a gente já tem as imagens a gente já tem o logotipo o próximo passo é vir aqui ó eu separei um arquivozilla oficial Gere um site pra gente então eu vou utilizar esses recursos aqui um outro ponto muito importante é que você precisa ter um descritivo da empresa

então se você tá criando um site pela primeira vez é interessante que você trabalhe com um briefing que é um questionário onde você preenche ou no caso né se você estiver criando para outra pessoa a pessoa preencha esse Brief e com esse com as respostas né deste questionário você consegue montar um texto descrevendo a empresa descrevendo o projeto então por isso que é muito importante utilizar as ferramentas certas em cada etapa do processo de criação então aqui eu montei um descritivo muito simples mas já é o suficiente para que a inteligência artificial trabalhe a nosso

favor primeiro aqui eu tenho o nome da empresa Bueno construct eu tenho aqui o mercado que é o mercado de construção civil a local ação que é em Goiânia Goiás a data de abertura da empresa 2006 e com isso eu fiz uma descrição da empresa então você pode até utilizar esse esse texto descritivo aqui ó como exemplo para você poder operar essa ferramenta Então vamos lá olha só o tanto que esse texto aqui é sucinto mas já dá insumos para que a inteligência artificial pense sozinha e essa empresa está no mercado desde 2006 e conta

com especialistas e uma equipe técnica com mais de 45 anos de experiência no mercado de construção civil em Goiânia Tá vendo que eu citei tudo que foi listado aqui em cima a empresa oferece serviço de construção civil reformas de médio e alto padrão e realização de vistorias com isso a gente já tem aqui sobre a empresa aonde ela atua Qual que é o mercado e quais os serviços que ela presta então esse t tto descritivo aqui é um texto necessário para que a inteligência artificial monte o site e preencha ele de conteúdos Então como agora

a gente já tem os insumos que a gente precisa a próxima etapa é ir lá pro WordPress e começar com a instalação do tema e seguir aquele roteirinho que eu mostrei para você no início do [Música] vídeo perfeito agora eu estou aqui dentro de uma instalação do WordPress uma instalação muito básica ela é nova e eu estou trabalhando aqui no meu local host utilizando o software local WP então se você não conhece esse software eu vou explicar um pouquinho sobre ele essa ferramenta nos auxilia na questão de criar um servidor dentro da nossa máquina local

permitindo com que a gente crie sites na nossa máquina a gente não precisa comprar um domínio nem fazer a contratação de uma hospedagem tudo isso porque a gente já monta esse ambiente web dentro do nosso computador por que que eu estou utilizando essa ferramenta é muito simples eu começo a criação desse projeto aqui dentro do meu computador porque aí eu vou fazer todos os testes e eu não preciso gastar nenhum centavo para isso e somente quando o projeto estiver ok eu faço o backup dele e publico na internet então esse processo Digamos que é o

mais seguro o mais tranquilo justamente porque eu vou criar em um ambiente fechado todo o projeto vou fazer todos os testes tudo mais e depois que o site estiver pronto eu faço um digamos assim né um arquivo de backup um zip completo incluindo todo que eu criei todo o banco de dados todas as imagens tudo e aí depois eu Solicito que o cliente contrate a hospedagem E aí eu vou lá e instalo o projeto para ele com isso eu faço a entrega e concluo o serviço Então essa é a maneira mais simples prática e segura

de iniciar o processo de criação de um site Trabalhando dentro da sua máquina local e se você quer aprender sobre esse software aqui eu vou deixar aqui nos cards um link para que você possa assistir uma aula exclusiva sobre o local WP e o tanto que ele é interessante e vai ajudar você no processo de criação de sites Entra lá assiste a aula porque vale muito a pena muito bem então vou voltar aqui eu tenho uma instalação recente ela não tem nada você vai observar que só tem algumas páginas ó a empresa contato eu posso

até apagar essas essas páginas aqui ó porque o site ele gera pra gente ó vou apagar tudo isso aqui ó lixo vou vir aqui em lixo ó excluir deixei somente a homepage né Porque é importante ter ó vou voltar aqui somente a page não tem posts não tem nada plugins Olha só eu só tenho alguns plugins que eu deixo aqui né que é por padrão o depic slider que é um plugin para criação de slider que eu gosto muito e esse aqui é justamente o plugin de backup Então são plugins que eu deixei aqui mas

você não precisa ter eles não é necessário Não é pré-requisito para esse tutorial é só para mostrar para você que eu trabalho com esses dois plugins muito bem então essa aqui é uma instalação ação recente nova eu não tenho nada configurado nela se eu vi aqui ó em site visitar site Observe que o site não tem nada esse está todo em branco não tem nada então eu vou começar a partir disso aqui o primeiro passo é vir aqui em aparência temas e aí a gente vai pesquisar né vai adicionar um novo tema então eu venho

aqui em temas né eu vou utilizar esse aqui ó o Astra então vou clicar aqui para instalar e vou ativar ele logo em seguida pronto ativei ele aqui eu tenho aqui o o tema Astra né Eu tenho esse Hell aqui eu posso até excluir ele ó não vou trabalhar com ele Prontinho e eu tenho aqui o tema Astra perfeito com esse tema aqui Ele ativa esse menu Astra então eu vou vir aqui ó em painel e eu tenho agora algumas digamos assim né algumas opções para começar a trabalhar com esse plugin ou com esse tema

aqui certo e aí eu vou começar a trabalhar com a questão já da Inteligência Artificial Então vou vir aqui ó mostrar para você eu tenho aqui settings são algumas configurações que você pode fazer certo eu tenho aqui alguns templates que ele já fornece você pode começar a trabalhar então eu vou vir aqui ó vou instalar e ativar esse aqui é um plugin que ele vai instalar para trabalhar junto com o tema Astra então é interessante que você faça a instalação dele perfeito aqui a gente tem um menuzinho né a respeito da versão free e da

versão Pro né caso você tenha interesse pois bem como eu fiz a instalação daquele plugin ele vai já iniciar o processo iniciar o processo de criação utilizando Inteligência Artificial então quando você instala aquele plugin né dos start template você tem a opção de utilizar uma inteligência artificial ou utilizar Os Clássicos né os temas clássicos que o próprio asta tem disponível ele tem disponível temas né layouts gratuitos e layouts pagos você pode trabalhar muito bem com layout gratuito que vai funcionar perfeitamente E caso você queira algo mais robusto você pode contratar aí a versão Pro do

tema Astra Tá certo então dentro do tema Astra a gente tem vários templates zinhos né vários de vários temas e nesse vídeo a gente vai mostrar como que a gente vai utilizar desses vários né layouts só que com a inteligência artificial ela vai gerar e vai escolher umas opções pra gente então vamos lá eu vou começar a construção aqui utilizando a inteligência artificial clico aqui e agora agora a gente vai iniciar o processo Lembra que eu falei que uma das etapas era criar uma conta nesse site Zip WP Pois é então vamos lá ó vamos

começar aqui eh clicando no botão azul Vamos iniciar o processo da criação da conta ele vai redirecionar aqui muito bem agora ele tá falando ó quase lá ele precisa conectar ã esse site né com o com a plataforma no caso aqui ele tá pegando o meu e-mail só que tem um detalhe essa plataforma para você trabalhar gratuitamente com ela você tem um limite de sites que podem ser gerados gratuitamente por e-mail né então para cada e-mail você pode gerar até dois sites utilizando a inteligência artificial Então nesse caso aqui eu já gerei esses dois sites

eu vou precisar utilizar uma outra conta então eu vou vir aqui ó utilizar uma outra conta Então agora eu vou logar aqui né na verdade eu vou criar uma nova conta utilizando um outro e-mail vou vir aqui vou clicar aqui ó e vou preencher esse formulário para criar uma nova conta utilizando um novo e-mail para que ele libere para mim mais e digamos assim créditos para gerar novos sites utilizando Inteligência Artificial Então vou colocar aqui o meu e-mail colocar aqui meu nome meu sobrenome e uma senha muito bem depois que eu preenchi lá o formulário

ele me deu aqui as opções certo a opção gratuita como eu disse eu tenho até dois sites né que podem ser gerados gratuitamente ele tem outros planos aqui então vou utilizar esse gratuito aqui porque para mim me atende muito bem então já clico aqui ele vai me mandar um código então eu vou fazer essa verificação aqui pra gente poder prosseguir muito bem o código tá aqui vamos continuar perfeito agora conectou aqui o meu e-mail eu vou continuar e agora a gente vai iniciar aquela etapa que eu falei onde a gente vai preencher um formulário para

poder gerar o conteúdo do site o layout do site enfim essa ferramenta vai escolher as melhores opções de layout com base nas informações que a gente vai colocar aqui então o nome do site primeiramente é Bueno construct aí aqui eu tenho vários tipos de segmento comercial então tenho agência restaurante empreendedorismo evento ó eu tenho que encontrar o que melhor né descreve o meu negócio no caso é um negócio local Então vou colocar aqui ó é o Website ele vai ser né Qual língua eu vou colocar aqui o português Então deixa eu achar aqui o Português

ó eu tenho português aqui do Brasil Portugal e esse outro português aqui que é o de Angola Então vou escolher o português Brasil vou seguir adiante muito bem agora vem a parte fundamental aqui ó descreva eh em algumas palavras né O que que é a empresa Bueno construct descreva aqui e ele dá um exemplo ó como eu né criei aquele meu texto descritivo ele tá colocando aqui O mesmo texto e ele segue a mesma questão ã a mesma configuração para que você possa criar esse texto né quem o que onde por e quando utilize sempre

essas perguntas quem é o que que faz onde trabalho o Por que essa empresa fornece esse serviço e e quando Desde quando ela está no mercado Enfim então são perguntinhas muito simples que que quando você questiona o dono da empresa você consegue obter aí informações para poder montar esse texto descritivo o único detalhe é que o texto aqui eu não testei se colocando o texto em português ele funciona então para isso eu vou colocar aqui ó o Google Translate né o Google Tradutor pra gente poder trabalhar então vou vir aqui vou vou pegar o texto

que eu gerei ó Ok venho aqui e vou traduzir e agora eu venho aqui e clico em next bom agora ele fala aqui qual é o e-mail que vai funcionar dentro do site não é o seu e-mail o e-mail que você usou para criar conta é o e-mail do site Então você coloca aqui ó contato @ Bueno constru.com PBR e o telefone aqui você coloca né pronto número fictício e o endereço aqui Rua Goiás perfeito aqui ele pede para você adicionar algumas redes sociais você pode vir aqui né e e colocar por exemplo ó instagram.com

barra construct vamos ver ó pegou Então tem que ser o endereço total da página no perfil do Instagram Então tá aqui o endereço Total endereço completo aliás né então vamos para next agora nessa etapa aqui ele faz uma pesquisa em alguns bancos de imagens certo nesse caso aqui ele tá puxando do pexels né ele tá buscando algumas imagens relacionadas ao temp que a gente sugeriu lá construção então com base naquele descritivo que eu coloquei você perceba que lá no início eu coloquei um negócio local depois eu coloquei o texto descritivo aí com base nesse texto

Ele já entendeu que trata-se né de uma empresa de construção civil e coisas e tal e aí deu algumas imagens de sugestão certo só que essas imagens aqui eu não tô achando elas tão interessantes Então vou vir aqui ó em upload e eu vou subir as minhas imagens todas em web app ou se é só JPEG ou png como ele falou ó tá aceitando então tá tranquilo muito bem ó todas selecionadas eu tenho aqui todas as imagens do Projeto Ok next e agora ele vai começar a Gerar para mim opções de layouts certo utilizando o

tema Astra relacionado ao tema da empresa ao digamos assim o segmento comercial da empresa então como eu estou trabalhando com uma empresa de construção veja só ele coloca aqui ó escolha um design real estate né que é de imobiliário construção empresa local então aqui ele me deu algumas sugestões de layout certo ele tá tendo alguma dificuldade para carregar aqui Provavelmente é por conta da minha internet e porque eu estou trabalhando com local WP então ele não tá carregando as imagens corretamente só que você já consegue observar aqui ó que ã os layouts foram gerados os

textos foram gerados ó os títulos aqui pelo menos os títulos aqui já estão sendo colocados certo então você tem aqui boas opções Olha só esse aqui tanto que ficou interessante deixa eu dar uma olhada aqui ó abrir uma nova aba E aí eu vejo esse layout especificamente aqui veja só Infelizmente como eu coloquei as imagens em web App ele não conseguiu renderizar acredito que seja isso só que ele já tá trazendo aqui para mim várias e amostras essa aqui eu já achei bem interessante tá certo quando eu testei da outra vez eu utilizei imagens em

JPEG né imagens um pouco mais altas E aí ele carregou as imagens para mim então provavelmente mais pra frente ele vai carregar essas imagens então eu vou escolher esse modelo aqui certo vou seguir com ele agora a gente tem mais alguns detalhes aqui ó primeiro ele pede para eu fazer o upload de um logotipo Então vou vir aqui e vou enviar o logotipo que eu já tenho já separei aqui ó o svg ó Bueno construction já colocou aqui para mim Ah ele pede para mostrar o título do site Eu Não Preciso aumentar aqui o tamanho

do logotipo esse logotipo logotipo eu vou precisar editar ele porque o texto está preto e o fundo aqui é escuro então não gerou um contraste bom vou precisar editar ele certo Tô aumentando ele aqui mais um pouquinho 240 acho que está bom pronto e aqui eu configuro digamos assim o par de fontes né então ele já tem um conceito de que utilizar a menor quantidade de famílias tipográficas dá um bom resultado então Ele oferece várias combinações de duas fontes pra gente poder aí customizar o nosso projeto Então vamos lá eu vou colocar aqui ó eu

tenho aqui e essa primeira família de fonte eu tenho essa aqui que é a a primeira família é a Inter e Inter na verdade são duas fontes a mesma família né a segunda eu tenho a plus jaata e a man Rope e a que eu mais gosto é essa aqui ó deixa eu ver aqui cadê essa aqui é uma das que eu mais gosto a no Nito S certo e essa aqui ó as duas que eu mais gosto porque como a gente vai trabalhar com uma empresa de construção então a gente precisa de uma fonte

que remeta a isso e que também se aproxime ao logotipo Então esse peso que a fonte tem o formato da fonte sem serifa mais é uma fonte que eu gosto bastante a próxima etapa é escolher as cores né a paleta de cor e a paleta que mais se aproxima da a nossa marca é essa aqui ó ou essa ou essa aqui tá observando Então nesse caso aqui ó eu vou utilizar essa paleta de cor só que eu vou precisar Como eu disse editar o logotipo né colocar o texto do logotipo no branco para poder utilizar

mas só que olha só o design que ficou esse projeto bem bacana Então vamos lá vamos continuar aqui agora ele tá fazendo né uma gestão de ferramentas ele já colocou aqui integrado o blog formulário de contato o page builder que é uma ferramenta muito bacana depois eu vou mostrar para você e ele tem também algumas outras sugestões que são plugins extras que você pode comprar depois certo Então nesse caso aqui como eu não vou querer nenhuma dessas soluções pagas eu vou vir aqui ó start build então ele vai começar agora a construção do meu site

ó E nisso ele vai fazer né com que todas as informações que eu passei todas as características todos os componentes imagens textos ele vai fazer um compilado disso tudo e gerar um site para mim então vamos aguardar para ver o resultado final muito bem ele concluiu a gente vai ver como que ficou o resultado final clicando aqui dá uma olhadinha como que ficou pessoal muito interessante isso aqui ele colocou né precisou complementar aqui com algumas outras imagens Só que ó as imagens que eu forneci para ele ele já inseriu e observe um detalhe todo o

texto todo o texto em português ele criou mais páginas as páginas que ele achou necessário pro desenvolvimento do site ele colocou os textos colocou agora opções de solicite orçamento ler mais informações somente essa imagem aqui que ficou né fora do contexto só que isso aqui é mínimo a gente pode alterar Como eu disse uma das etapas né lá dentro do do processo é revisar as informações então a gente fez o quê a gente instalou o tema a gente criou a conta no Zip WP a gente passou o prompt a gente fez a geração né do

texto do site do layout de tudo agora a gente pode customizar do jeito que a gente quer e uma das customizações é trocar aquela imagem lá perfeito e a outra é revisar as informações e aí sim a gente pode pular pra etapa final que é a publicação do site só que antes de chegar ou falar né da da publicação do site vamos dar uma olhadinha aqui ó nessa etapa aqui da customização porque ela é muito interessante justamente porque a gente tem algumas ferramentas novas que eu gostei eu gostaria muito de apresentar para você que é

a ferramenta de page builder do tema Astra Então vamos dar uma olhadinha pra gente ver como que faz para fazer as customizações aqui uma vez que a inteligência artificial gerou o site pra [Música] gente muito bem aqui de volta dentro do painel administrativo do Wordpress a gente pode ver que não tem nada de diferente aqui porém a gente tem agora o menu Astra aqui em cima e eu te apresento um concorrente do elementor o Spectra que é o page builder né do Astra Então esse page builder aqui ele é muito interessante eu já dei uma

olhadinha vale a pena e você também conhecer né esse novo page builder se você quiser um vídeo a respeito disso deixa aqui nos comentários que eu vou gravar um vídeo somente sobre esse page builder ensinando como que faz para utilizar ele modificar criar do zero utilizando o Spectra Tá certo Bom vamos lá eu vou entrar aqui nele só para te mostrar por alto tudo que ele tem para te oferecer então aqui já na entrada né nas boas-vindas ele tem um tutorialzinho aqui muito bacana vale a pena você assistir aqui a gente tem os blocos ou

extensões ferramentas que ele trabalha assim como elementor tá certo então ele conta com uma série de ferramentas gratuitas e outras que são pagas Então também não foge muito do que o elementor tem para nos oferecer certo e as principais ferramentas ele já fornece gratuitamente com um detalhe A no elementor Às vezes a gente precisa criar algumas seções do zero aqui dentro do Spectra ele já cria essas sessões meio que pré-formatadas agilizando o trabalho para você tá certo mais paraa frente eu vou te mostrar o que que eu estou querendo dizer com isso ah vamos lá

ele tem muitas ferramentas ó veja só a gente tem muitos elementos que podem ser adicionados na nossa página eh e até algumas outras funcionalidades que a gente só consegue utilizando outros plugins no caso né caso a gente esteja criando o site com elementor um um exemplo mesmo é esse aqui ó condição de exibição a gente pode utilizar dentro do Spectra na versão Pro ferramentas de condição de exibição uma vez que dentro do elementor a gente precisaria de outro plugin né a gente tem uma ferramenta de exibição de condição né dentro do elementor só que ela

é muito básica ainda não oferece muito suporte ela é muito simples eu utilizo mesmo Jet Engine né no que se refere a essa ferramenta de condições de exibição Então nesse caso aqui o Spectra já oferece Então a gente tem muita coisa aqui que vale a pena eh analisar e estudar um pouquinho certo a gente também conta com algumas ferramentas de Inteligência Artificial além de ter gerado o site Ele oferece também outras soluções Então a gente tem aqui mais seis soluções que o Spectra nos ajuda através da Inteligência Artificial e eu também tenho aqui algumas configuraçõe

inhas básicas que a gente pode pré-definir a respeito do nosso site certo configurações como largura e o botão aqui seguindo o tema né Seguindo os estilos do do tema os espaçamentos do contêiner Então são configurações bem simples caso você esteja criando o s site pela primeira vez eu recomendo que você deixe do jeito que está porque ele já está bem configurado certo você não precisa mexer em nada dessas opções aqui isso aqui são configurações mais avançadas para pessoas que já trabalham com criação de site há mais tempo aí sim vão conseguir eh tirar bons resultados

alterando essas configurações no entanto isso aqui já está definido já é muito bom já resolve muitos problemas e se você como eu disse tá criando o site pela primeira vez esse recurso aqui não é necessário para você nesse momento bom agora vamos a onde né a etapa de customizar o que a gente criou né na verdade o que a inteligência artificial criou pra gente então eu posso vir aqui no menu Astra e venho aqui em personalizar aqui eu vou ter algumas configuraçõe zinhas certo pra gente customizar uma delas é o cabeçalho o rodapé a gente

customiza por aqui porque são sessões padrões presentes em todas as páginas do site Então não é necessário eu entrar em página por página para alterar eu altero por aqui mesmo por exemplo aqui no cabeçalho eu já vou começar trocando aqui eh o logotipo certo então eu posso vir aqui em construtor de cabeçalho ó ele tem algumas opções eu tenho aqui ó título do site e logo então tem aqui ó ele já coloca aqui para mim também né eu tenho aqui uma disposição Ele trabalha da seguinte maneira ele coloca aqui ó três linhas certo significando que

aqui é o top Bar ou seja aquela sessão que fica aqui em cima eu tenho aqui o reader certo e abaixo do reader então ele tem esse essa pré-configuração de espaços aqui disponíveis para eu poder trabalhar certo então aqui ele tá colocando ó o logo tipo de um lado e o menu e um botão de C Action no outro lado totalmente contrário se eu quiser colocar o menu Centralizado ó o menu já ficou Centralizado aqui ele não ficou muito legal porque ele tá adicionando aqui o título do site mas eu vou remover isso aqui certo

para editar esse esse logotipo e o título do site eu posso vir aqui certo ó eu vou vir aqui e vou alterar o logotipo mudar o logo vou subir o logotipo novo eu já fiz a alteração ó estou subindo aqui Posso pular o recorte e vou lá já ficou mais visível certo agora eu tenho o título do site aqui eu não preciso disso porque eu estou utilizando um logotipo que eu criei então eu posso apagar e aí eu tenho o cabeçalho do meu site arrumadinho tá vendo eu tenho aqui até a possibilidade de aumentar o

logotipo ou diminuir certo eu acho que esse tamanho aqui tá bom não preciso mexer e eu tenho uma série de configurações aqui ó que eu posso fazer eh a respeito do cabeçalho então não vou mexer muito porque ele já tá pré-configurado já ficou bem legal achei bem interessante em um próximo vídeo eu faço né mais configurações para você ver como que você pode ainda customizar mais ainda esse projeto muito bem eu tenho aqui as abas Gerais né General ou geral e aba de design para poder fazer algumas customizações como eu disse a inteligência artificial já

trabalhou pra gente a nosso favor então não preciso esquentar ou perder tempo com isso então desse jeito aqui tá bom fiz a modificação aqui do logotipo clico para publicar agora eu vou voltar aqui ó posso voltar mais uma vez e eu tenho uma série de outras configurações ó na eh caminho de navegação como a gente não utiliza Então não precisa se preocupar com isso certo eh eu tenho aqui a configuração do blog tenho aqui a página blog ele já vem com um layout pré-definido que é o padrão então eu não mexo nisso aqui a não

ser que eu queira né alterar vou manter isso aqui a configuração de layout de páginas ele também já tem pré-definido aqui ó vamos dar uma olhadinha eu vou recarregar aqui e a gente a gente vai conseguir entender melhor ó eu vou entrar aqui na página sobre e veja que ele já tem aqui um layout pré-definido utilizando inclusive as imagens né certinho que a gente forneceu ó tenho aqui serviços eu tenho aqui o blog o interessante do blog é que ele já criou alguns artigos pra gente sendo que a gente ainda não tinha feito né nenhuma

publicação isso aqui eu achei bem bacana certo e eu tenho aqui a página de contato onde eu tenho né as opções de contato e o formulário de contato aqui já funcionando então isso aqui é muito interessante agora vamos fazer né ah a configuração que eu falei que é trocar essa imagem aqui e aproveitar e conhecer o Spectra né o page builder responsável por todo esse layout aqui então voltando aqui eu só vou concluir que aqui é por onde a gente faz as customizações Gerais como você pode observar certo então aqui já tá pré-configurado tudo não

vamos mexer em mais nada aqui então eu posso sair agora vamos conhecer o Spectra né o Spectra ele é muito bacana e ele já está funcionando então eu venho aqui ó em todas as páginas ó Ele criou uma nova página para mim uma nova homepage essa que era antiga que eu tinha então eu posso excluir ela excluir e agora eu tenho uma nova página principal e essa nova página principal perceba que eu já vou editar ela aqui dentro do WordPress mesmo diferente do elementor ela não vai carregar ã uma outra interface eu já vou editar

aqui dentro mesmo e as ferramentas que eu vou precisar elas vão ficar aqui agora ó elas ficam que eu posso abrir aqui né h para mostrar para você elas ficam aqui perceba que tá tudo aqui e eu tenho também aqui o a opção né de trabalhar com os como se fosse layers né a navegação aqui ó certo então isso aqui é muito interessante Então vamos lá vamos eh começar aqui eu tenho aqui né no maizinho as opções de ferramentas ó tanto aquelas ferramentas que a gente viu certo e juntamente com aquelas ferramentas do Spectra eu

tenho aqui as ferramentas padrões do WordPress então além de ter as ferramentas do Spectra eu tenho as ferramentas do WordPress tudo aqui junto ok muito bem então agora eu vou mostrar aqui para você veja só o tanto que é bacana essa ferramenta quando você tá trabalhando aqui ó esse aqui esse essa estrutura aqui ela é uma informativa lembra que eu falei pouco antes que essa esse page builder ele meio que já estrutura partes do site para você diferente do elementor que você precisaria criar um título outro título um texto e um botão nesse caso aqui

dentro do spectr ele já fornece suporte para esse tipo de solução Você só tem aqui ó uma caixa informativa e ele traz para você certo então com isso você consegue agilizar um pouco mais o seu processo de criação e aí eu tenho aqui as opções quando você clica em cima né dessa caixa aqui tanto nos textos no botão e tudo mais ele habilita aqui no lado direito mais opções de customização igual o elementor ele tem aqui ó a aba geral a aba estilo e a aba avançada aqui na aba geral a gente tem a parte

de conteúdo ó onde a gente tem alinhamento e coisa e tal você vai quem trabalha com elementor vai observar que tem muitas coisas similares vai observar que tem muitas coisas similares principalmente no que se refere a contêiners tá questão de posicionamento e etc vai perceber então você que já trabalha com elementor não vai ter muita dificuldade para customizar isso aqui agora você que tá começando agora você vai encontrar tudo que você precisa nessa coluna à direita quando você selecionar uma das opções na tela e aqui eu tenho opções de alinhamento de da tag né ah

HTML aqui né então no caso aqui eu tô no selecionando um título aqui eu tenho a tag do título H1 certo aqui na tag de prefixo essa aqui ó ele colocou um spam eu posso mudar também eu posso colocar um h eu posso desabilitar o prefixo ó desabilitei ou eu posso desabilitar o título então isso aqui é bem bacana porque já tá pré-moldado pra gente então eu tenho muitas opções aqui ó utilizar separador chamada para ação que no caso aqui é um botão ó posso não utilizar né posso deixar oculto ele Cadê eu tirei ele

aqui agora e sumiu enfim tenho aqui várias opções ó então assim são muitas configurações que a gente pode utilizar aqui para customizar o nosso certo essa é a aba geral na aba estilo a gente tem essa questão da cor da tipografia do espaçamento de cada um dos elementos ó no cou Action aqui ao passar o mouse ó eu posso definir uma outra cor só que aí eu vou estar saindo do Design que já foi pré-configurado é importante a gente lembrar disso se eu fizer essa modificação aqui eu vou estar saindo do layout das configurações que

a inteligência artificial for forneceu pra gente né gerou pra gente com tanto amor e carinho então por isso que eu não modifico nada aqui nesse momento e aqui na aba avançada a gente tem algumas opções de animação condições do responsivo muito parecido com o que o elementor tem pra gente algumas opções de Z index e algumas opções avançadas como Ancora HTML e algumas configurações de CSS Então essa aqui são as opções de customização que você tem para todos os elementos né vai variar as opções que aparecem aqui vai variar de acordo com o que você

tá selecionando vamos supor né que eu estou aqui vamos supor não vamos trabalhar agora para trocar aqui ã essa imagem então eu venho aqui né na configuração ó na aba estilo e ele tem essa imagem aqui que foi uma imagem que a gente não né a gente não escolheu ele sugeriu pra gente então vou vir aqui ó alterar imagem e eu vou pegar uma das imagens que a gente selecionou são várias então eu posso vir aqui ó ele já adicionou algumas né algumas relacionadas àquele design então eu vou colocar aqui eu vou pegar esse tratorzinho

aqui selecionar para mim ficou legal ó ã posição da imagem padrão aqui em cima é porque ele tá alinhado aqui eu vou colocar bem no topo mesmo ó prontinho aqui é algumas opções da imagem né de anexo se ela vai ser fixa ou se ela vai rolar mantenha rolar desse jeito aqui já tá ótimo para mim eu não vou mexer nada não vou desconfigurar nada vou manter tudo isso aqui para configurações assim como eu disse é interessante a gente gravar um outro vídeo para poder te ensinar a trabalhar com as customizações esse vídeo aqui o

objetivo dele é mais direto ao ponto onde você vai gerar o site com a inteligência artificial e depois só vem aqui alterando os textos Tá certo e com isso né a gente já cumpriu com o objetivo então perceba que tudo isso já está pronto já está gerado agora eu posso vir aqui e salvar certo e aí eu venho aqui na página principal Vou recarregar ó ele alterou a imagem para mim não ficou muito legal porque eu coloquei a imagem aliada ao topo né Então deixa eu vir aqui ó vou centralizar a imagem ó vou colocar

aqui a posição dela Centralizado ó bem aqui no meio vamos salvar vamos ver como é que fica ó vou carregar aqui ó não ficou legal ele meio que jogou aqui deixa eu ver é assim vai ficar melhor ó a gente tem essa opção personalizada aqui mas é mais para colocar em números utilizando essa ferramenta aqui eu achei ela mais legal porque você coloca a bolinha aqui ó na posição que você quer então aí eu já meio que defino isso uma outra coisa é que eu posso colocar aqui o tamanho também né para evitar que a

imagem fique rolando eu vou colocar aqui ó cobertura cobertura não Counter Ó tem Counter e cobertura deixa eu ver automático automático já não ficou tão interessante não porque ele não tá conseguindo pegar né a a questão da imagem o posicionamento dela então vou colocar aqui cobertura deixa eu ver se vai ficar legal assim ou Counter não Counter já ele não tá estendendo a imagem enfim ISO aí são algumas ferramentas né que a gente precisa ainda ir pegando o jeito para poder criar o layout mais bonitinho melhor possível então vou colocar aqui deixa eu ver aqui

vamos ver aqui se colocando personaliz ele melhora ó vamos salvar vamos recarregar bom ficou melhor e é isso agora eu tenho aqui o meu site Pronto né a gente tá conseguindo Navegar aqui bonitinho um detalhe né ele tá pegando a URL em inglês ele tem o título aqui em português mas a URL está em inglês então isso aqui é um detalhe que a gente precisa revisar ó Veja só eu vou editar aqui Opa cliquei errado é edição rápida Deixa eu voltar aqui eu vou vir aqui edição rápida ó contact eu vou mudar o título para

contato e contato Vou atualizar serviços e serviços Lembrando que aqui no campo Slug não tem acento nem cedilha nem caracteres especiais Opa serviços serviços atualizar e aqui a empresa a empresa nem tem espaço em branco a gente utiliza o tracinho né o Wi pronto depois de atualizar tudo isso aqui é interessante sempre vi aqui ó em configurações links permanentes mesmo que já esteja marcado aqui o nome do post é interessante salvar novamente para gerar um novo arquivo HT access para garantir que as urls estejam funcionando perfeitamente feito isso eu posso vir aqui ó em aparência

menus e os menus vão estar todos aqui agora eu vou vir aqui ó na página principal sobre agora ele vai para a empresa ó serviços serviços contato contato e com isso a gente conclui né ah o nosso objetivo que é criar um site 100% utilizando ferramentas gratuitas e inteligência artificial Claro que dá pra gente fazer muito mais ainda porque a gente tem ferramentas espal de geração de imagem de textos né como o chat GPT então aqui é só uma eu estou apenas arranhando a superfície do que é possível tá certo é só para mostrar para

você que hoje dá pra gente criar um site profissional um site bacana utilizando somente essa ferramenta aqui gratuita agora a partir daqui você vai precisar contratar um domínio e uma hospedagem que são coisas pagas né Então até aqui Você cons consegue criar do zero né gratuitamente E aí depois que você contratar uma hospedagem que inclusive aqui na descrição tem link de planos de hospedagem com desconto tanto na Hoster quanto na hostgator certo depois que você contratar um dos planos clicando no link aqui embaixo você pode vir aqui ó no plugin WP viv de backup esse

plugin é responsável por gerar um backup do seu site E aí você vai conseguir fazer a migração né pegar esse site da sua máquina E colocar ele na web como que faz isso é muito simples eu já instalei o plugin aqui O plugin do WP vived backup certo e aí ele cai aqui na interface dele e aí você vem e clica aqui ó backup n ele vai gerar esse backup para você tá vendo ele vai começar a salvar isso aqui e qual que é a próxima etapa é você contratar um plano de hospedagem e depois

que você contratou um plano de hospedagem Você vai precisar instalar o WordPress nela certo juntamente e com esse plugin WP viv backup eu vou até mostrar ele aqui para você para você não errar ó é esse plugin aqui ó WP vivid backup Olha a carinha dele aqui ó depois que você contrata a hospedagem e instala o WordPress nela é esse plugin aqui ó muito cuidado porque ele tem também outras opções Ó tem essas duas outras aqui mas a certa é essa ó migração backup staging WP vive de backup certo depois que você fez o backup

no seu local contratou um plano de hospedagem instalou o WordPress básico igual eu te mostrei no início do vídeo e dentro desse WordPress básico Você instalou esse plugin de backup certo você vai entrar dentro dele E você vai fazer o seguinte a seguinte ação você vai vir aqui em upload vai selecionar esse arquivo aqui ó de backup que foi gerado agora que eu mostrei para você você faz o download dele e depois lá dentro da sua hospedagem você faz o upload dele segue o processo de restauração e o seu site simplesmente vai aparecer você vai

estar migrando do seu local WP para sua hospedagem com isso você tem um site novinho em folha publicado na internet criado 100% gratuito e utilizando Inteligência [Música] Artificial muito bem pessoal Chegamos Ao Final De mais um tutorial e esse tutorial ele é muito especial mas novamente eu levanto aqui algumas observações utilize esse recurso somente quando você estiver precisando de um site não tem muita verba e tempo disponível certo esse recurso aqui ele é muito simples não utilize isso aqui para revender porque você vai ter uma série de dor de cabeça Principalmente quando o cliente precisar

realizar alguns ajustes ou se ele for né exigente falar assim ora eu quero um layout exclusivo esse trabalho que a inteligência artificial fez ela usou o banco de dados dela que é um banco de dados com alguns layouts pré-definidos então é muito importante que caso você deseje comercializar comercializar isso aí que o seu cliente esteja ciente Tá certo agora caso você né não tenha problema com nenhuma dessas observações que eu levantei essa ferramenta vai te atender perfeitamente como você viu ela gerou todas as páginas ela gerou todos os texto com base naquele prompt que a

gente forneceu para ela tá certo se você gostou desse vídeo eu peço para você deixar seu like se inscrever no canal Porque toda semana Tem vídeo novo e esse conteúdo né de criação de site aqui só vai aumentando novas ferramentas vão surgindo então é muito importante a gente sempre ficar atualizado Bom vou ficando por aqui e te espero no próximo tutorial tchau