Crie um site profissional sem código usando Claude e WordPress linguagem de programação

1. Apresentação: Profissional de TC atual. Nesta aula, mostrarei como criar um site profissional completo do zero, com absolutamente nenhuma necessidade de codificação Vamos usar o clot e o WordPress. Nossa arma SCR é coágulo. Vou explicar exatamente como fazer com que o clot gere uma estrutura de site de alta conversão e escreva todo o código do seu site Em seguida, pegaremos esse código e o colocaremos no Wordpress, paginaremos esse código e veremos como será a aparência do nosso site. Para nosso projeto de classe, vamos criar um site limpo e moderno. Ao final desta aula, você terá uma página inicial de negócios de portfólio ao vivo. Pronto para compartilhar com o mundo no 2. Add prompt em Claude.: Então, vamos ao nosso coágulo, e acredito que você conhece o básico do WordPress e do Então, vamos com esse. Eu quero um site. Prompt que contém muito texto e é dinâmico para WordPress em STML, CSS e Javascript. Mantenha-os separados e limpos para acelerar a velocidade da página. Quero o site para minhas vendas de obras de arte. Mantenha a área de alguma arte com chip em branco para que eu possa substituir o link nelas posteriormente Mantenha-os em um site dinâmico e moderno. Agora vamos tentar criar um. Ele me faz algumas perguntas sobre o WAM orgânico terrestre mais escuro, minimalista , ousado, colorido e maximalista Ou vamos tentar usar o WAM orgânico da Terra e responder a essa pergunta também Que tipo de arte você está vendendo pintura, arte plástica, ilustração digital, fotografia. Estou usando páginas de ilustração digital, você precisa? Página única, um pergaminho. Então eu quero este, apenas sim, Summit. Então, essas são algumas perguntas que ele me fez, e vamos ver o que isso vai dar 3. Use HTML code in wordpress: Portanto, o código foi atualizado. Agora vamos simplesmente clicar no intex e copiar essa cópia STML e colá-la Na seção da página, você precisa clicar em Adicionar página. Depois de clicar aqui, você será direcionado para cá. Eu adicionei o título. Agora vamos adicionar o STM clicando em STMLer . Se não estiver visível, você deve digitar S, clique aqui e edite o STML com o STMLTPaste Com este, agora vamos tentar adicionar o CSS que é si. Vamos copiar esse e colar aqui com esse script de Javascript, vamos clicar nesse, copiar e colar no Javascript. Agora vamos atualizar e salvar. Depois de clicar em Exibir página, você verá que este lindo site está aqui. Este é um site completo que foi criado. Depois de clicar aqui, todos esses são depoimentos realmente incríveis Também adicionou a postagem que eu pedi para mantê-la em branco Pode adicionar imagens aqui. Eu quero adicionar uma imagem, eu posso fazer isso. 4. Site de estilo Agency para Criar: Vamos tentar criar novamente um site que esteja em algum elemento animado em movimento contínuo Quero este site para agência de marketing. Se precisar de ajuda, me faça perguntas. Agora, vamos tentar novamente com outro site. Mantenha a luz energética ousada, esta, rolando, flutuando, flutuando, flutuando, formando, gradiente animado e cursor gradiente animado Vamos animar um gradiente. Reconstrução completa para agência de marketing, adaptação da estrutura existente Não, reconstrução completa das estratégias de marketing. Então, eu respondi algumas perguntas simples aqui. E isso vai gerar um site para mim. Novamente, estou usando o mesmo processo. Vamos baixar este. Vamos dar uma olhada dupla e este é o site que foi construído. Como ele criou o site lindamente. Adoro ver, e podemos ver a seção de imagens foi deixada, assim como eu 5. Identifique e substitua o código da imagem: Este é um software gratuito onde você pode abrir seu código e substituí-lo em qualquer lugar na mídia. Se houver alguma imagem, você pode substituí-la pela seção de imagens. Por exemplo, se você quiser encontrar aquela área específica onde você pode adicionar suas imagens, basta clicar aqui, clicar direito do mouse em Inspecionar elemento. Aqui, você pode ver que o link da imagem foi marcado aqui com hash Depois de clicar aqui, Linha de trabalho, copie este texto aqui, controle F , cole e você verá a mesma linha de trabalho aqui, bastando substituir has pelo link da sua imagem. Isso é tudo que você precisa fazer e funcionará perfeitamente bem. E é assim que você pode criar um site totalmente profissional usando o Clo 6. Projeto: Um projeto de classe, vamos criar seu próprio site seguindo a mesma etapa mostrada na aula e compartilhar a captura de tela na seção do projeto. Eu adoraria ver o que você criou. Eu darei um feedback sobre isso. Nos vemos na próxima