Domine o WordPress: crie o site profissional espetacular | Malik Motan | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Domine o WordPress: crie o site profissional espetacular

teacher avatar Malik Motan, Web Developer and Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

36 aulas (3 h 49 min)
    • 1. Trailer

      1:57
    • 2. Sobre em meu em meu de meu e a curso

      4:06
    • 3. O que vamos criar

      10:33
    • 4. Nome de domínio e hospedagem na web

      10:41
    • 5. Inscreva-se para o nome de domínio e na hospedagem na web

      7:29
    • 6. Como instalar WordPress

      2:14
    • 7. Como fazer login no WordPress e no perfil de edição

      4:53
    • 8. Como configurar o email para encaminhamento

      1:31
    • 9. Tema e faça a instalação e para a sua

      4:31
    • 10. Como fazer o logotipo

      5:30
    • 11. Configurações de tema e layout geral

      7:31
    • 12. Como criar home

      8:47
    • 13. Como construir a seção de serviços (1)

      5:49
    • 14. Seção de serviços para construção (2)

      11:22
    • 15. Seção de serviços para construção (3)

      4:43
    • 16. Chamada para seção de ação

      7:44
    • 17. Seção de habilidades para criação de habilidades

      6:31
    • 18. Como criar o nosso cliente

      10:42
    • 19. Buidling de a seção de equipe (1)

      6:26
    • 20. Construindo a seção de equipe(2)

      3:32
    • 21. Seção de depoimentos em buiding

      10:24
    • 22. Como adicionar ícones de redes sociais

      7:39
    • 23. Como criar galeria

      4:31
    • 24. Como criar a página da galeria (1)

      6:30
    • 25. Como criar a página da galeria (2)

      6:13
    • 26. Como criar uma página no blog e primeira postagem

      7:33
    • 27. Como criar a segunda post

      3:57
    • 28. Como editar a barra lateral(1)

      4:57
    • 29. Como editar a barra lateral(2)

      6:05
    • 30. Como criar contato

      2:59
    • 31. Como adicionar a imagem e textos

      7:27
    • 32. Como adicionar o mapa

      6:49
    • 33. Como adicionar o formulário de contato

      2:10
    • 34. Como otimizar a segurança e desempenho

      10:31
    • 35. Como otimizar o SEO do site

      12:10
    • 36. Últimas palavras

      2:41
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

9.497

Estudantes

48

Projetos

Sobre este curso

Guia passo a passo para criar o site mais incrível e profissional com o WordPress. Crie um site de mais de US$ em um dia ou menos!

Um curso de design de web em novo no no de a sua

Este curso foi feito para ensinar qualquer pessoa como criar sites personalizados, de responsivo, de is de profissionais e de forma personalizada, e mais fácil e de se tornar Neste curso, vou dar a sua volta no processo para criar o site mais incrível e de funcionamento e que sempre se cruze do início ao até o final. Este curso é de ação de ação, que vai criar seu site junto com eu e com o passo a passo. Você vai aprender como criar seu site em apenas um dia ou menos! Um site que você vai sempre se sentir orgulhoso e um que você vai ter em seus clientes.

Aqui estão algumas das coisas que você vai aprender neste curso:

  1. Obtenha seu próprio nome de domínio e de hospedagem da web.
  2. Aprenda como instalar e configurar o WordPress no seu nome de domínio.
  3. Aprenda que temas e plugins são e como usá-los.
  4. Obtenha um tema incrível de $49 US49, de gratuitos e instale no seu nome de domínio.
  5. Crie seu site a partir da A-Z por si mesmo.
  6. Crie seu próprio logotipo simples de de graça, de graça.
  7. Aprenda como otimizar o desempenho e a segurança do seu site.
  8. Publique seu site com melhor otimização de de de a de o de a de

Desde os aspectos mais gerais, e até os mais detalhes, todos foram colectados, de que a melhor foram coletados, de prova e ofereceu a você em uma parte de ouro neste curso neste curso. Vou ensinar como otimizar seu site em termos de segurança, desempenho e de de o de busca, de de pesquisa e de o de seda. Em tempos, você vai ter um site que não só parece incrível e profissional, mas também tem ótimo desempenho, a segurança e a sua de melhor segurança e que é de a melhor para a sua melhor em os motores de pesquisa como no Google.

Este curso é para você se:

  • Você está em começar uma nova carreira rentável em design e em de de de web e para de de que você
  • Você tem um negócio e você está em aumentar sua produtividade e ganhar mais dinheiro em ter um site de de de US$ 3000+ no site
  • Você tem uma ideia de que quer se espalhar no mundo online,
  • Você precisa de um site pessoal para você,
  • Você já ouviu sobre o sistema de gerenciamento do WordPress de gerenciamento de conteúdo (CMS) e quer dominar,
  • Ou você não sabe o que é o WordPress é em WordPress.

Vá em frente e começar! Clique no botão "se inscreva" e faça os vencedores do outro lado.

Conheça seu professor

Teacher Profile Image

Malik Motan

Web Developer and Designer

Professor

Malik is a passionate software engineer. He is currently working as a software & web developer and designer. Throughout his career, he has built so many state-of-the-art websites and applications on various platforms.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Trailer: bem-vindo para construir o melhor site profissional com curso WordPress, onde você aprende a construir o site mais incrível e profissional e com o mais recente design e recursos. Meu nome é Malik Montagne. Eu sou um desenvolvedor web profissional e designer e eu vou estar te guiando através deste curso. Eu projetei este curso para qualquer pessoa que procura construir seu próprio site profissional, pessoal ou de negócios e economizar até US $5000 por site e, o mais importante, para aqueles interessados em começar e nenhuma carreira lucrativa e que design. No final deste curso, você será capaz de construir um site personalizado e profissional incrível para um cliente e cobrar até US $5000 por esse site. Neste curso, você vai aprender como construir este site que primeiro começa com esta grande e bonita imagem de fundo. E à medida que rolamos para baixo, você adicionará na Seção de Serviços V chamada Seção de Ação, a seção de habilidades que é fácil aqui. Eu também vou adicionar na seção de um cliente com este clientes mais leve. Além disso, vamos adicionar em uma seção de equipe e por último aqui é a seção de depoimentos também irá adicionar nos ícones de mídia social aqui em baixo. E este botão que nos levará ao topo da página também criará uma galeria, um blawg e uma página de contato. E como você pode ver para a página de contato, começa com esta grande, bela imagem de fundo. E à medida que rolamos para baixo, adicionaremos as informações de contato aqui e este mapa ao vivo do Google, bem como este formulário de contato aqui. Sinta-se livre para dar uma olhada na descrição do curso, e estou ansioso para vê-lo do outro lado. 2. Sobre em meu em meu de meu e a curso: Oi, Meu nome é Malik Montagne, e eu sou um engenheiro de software e um desenvolvedor web profissional e designer. Ao longo da minha carreira na indústria Web, eu construí tões são belos sites e agora eu reuni o melhor dos melhores projetos e recursos que eu já desenvolvi, projetou e encontrei e usando o topo e mais simples plataforma, que é palavra para nós. Então eu polido o conteúdo com as últimas semanas e otimização e coloquei tudo neste curso. Depois de terminar este curso, você terá construído o melhor site responsivo com o design e características mais profissionais e modernos conhecidos no mundo do que foi projetado nos dias de hoje, um site que irá impressionar e capturar o atenção de todos os seus amigos clientes em todos que você conhece este site que você vai construir é um site que vale mais de US $3000. E adivinha? Você vai construir este site a partir de um tonto tudo por si mesmo em passo a passo, a partir do aspecto mais geral e todo o caminho para os menores detalhes todos ou meticulosamente reunidos, testados e oferecidos a você neste curso em um bandeja. Eu até vou te ensinar como otimizar seu site. Uma vez feito em termos de desempenho de segurança e otimização de motor de busca, e eventualmente você terá um site que não só parece incrível e profissional, mas também tem grande desempenho, segurança apertada e que é otimizado direto melhor em motores de busca como o Google. Na verdade, as estatísticas mostram que uma interface de site profissional e cuidadosamente projetada pode aumentar a produtividade do seu negócio em 25 a 4 dias por cento. Então, em vez de ter que pagar a alguém ou um pouco agência de design 3 a $5000 para obter um site personalizado e profissional construído para você, seja para fins pessoais ou comerciais, você será capaz de fazer tudo sozinho depois de terminar este Claro. E o mais importante é que este curso será um avanço muito forte para você em uma nova lucrativa carreira em Web design, onde você começará a projetar e construir sites para indivíduos e empresas e cobrar 3 a $5000 por site, um site que você pode facilmente criar em seu pijama. Agora, quanto ao meu estilo de ensino neste curso, acredito que fazer é a melhor maneira de aprender este curso como orientado para a ação. Você estará assistindo vídeos e construindo seu site passo a passo. Enquanto vamos, você não terá que ter um caderno para anotar o que você aprende. Em vez disso, você terá que ter suas mãos esticadas e prontas para um pouco de magia. Apenas me acompanhe e faça o que eu faço agora. Neste curso, vamos usar um software livre chamado WordPress para construir o nosso site WordPress tão simples e fácil de usar. Mas ainda ferramenta incrível e profissional que usamos em Web design para construir sites o mais rápido possível e sem codificação em tudo. WordPress é até agora o sistema de gerenciamento de conteúdo mais popular do mundo. WordPress é usado por cerca de 75 milhões de sites em todo o mundo. Não só isso, mas também WordPress é simples e fácil de usar e ao mesmo tempo profissional e dá-lhe resultados maravilhosos em pouco tempo. Na verdade, as estatísticas mostram que o WordPress é usado por cerca de 25% dos principais sites de negócios do planeta . Alguns deles incluem CNN, Best Buy, New York Times e os Rolling Stones. Agora que eu me apresentei este curso e WordPress também. No próximo tutorial, vamos passar por cima do fantástico site de dobra que vamos construir e explorar suas características e design. Obrigado por assistir. Vejo você no próximo tutorial. 3. O que vamos criar: Oi. Agora vamos rever o site. Vamos construir neste curso primeiro, Vá para a guia aqui e digite o seu l fora deste site Malik montagne dot com. Agora vou clicar em Atualizar para ver como ele carrega pela primeira vez. Você pode ver que ele carrega com um desvanecimento e recurso. E este site começa com esta bela e grande imagem de fundo que cobre toda a tela. E tem este cabeçalho acima aqui que é transparente e que podemos ver a imagem por trás . Vou ensinar-te a construir este logo aqui, bem como este aqui em cima, que é chamado de golpe favorito. E eu vou mostrar-lhe no final como adicionar na descrição para a página na guia aqui , que está incluído no arranco de otimização motor de busca. Nisso vamos trabalhar. Criaremos quatro páginas, uma página inicial, uma galeria em Blawg e uma página de contato. Agora, se você rolar para baixo, você chegará à seção de serviços com essas belas transições que acontecem. Vou atualizar a página para que possamos ver as transições acontecerem novamente. E vou ensinar-te a preencher este círculo até 100%. Vou mostrar-lhe como alterar o ícone que está incluído dentro deste círculo, bem como o fundo do próprio ícone e a cor do ícone. Vou mostrar-lhe como o pai nestes textos e estes botões aqui em baixo que você pode ligar em qualquer lugar no seu site. E se descermos um pouco mais, você pode ver que esta seção de chamada à ação que tem este texto sobre o objetivo principal do seu site e este botão aqui que direciona para uma parte diferente possivelmente a galeria do seu site. Eu também vou ensinar. Você tem que adicionar nesta imagem de fundo meio borrada com alguma cor de sobreposição preta em cima da própria imagem. Agora, se você rolar um pouco para baixo, chegamos à seção de habilidades que tem essas belas barras de progresso. Com esses títulos em cada uma das barras de progresso, bem como a porcentagem, mostrarei como editar a porcentagem, a cor desligada, as barras de progresso e todos esses textos por aqui. Agora, se deslocarmos para a próxima seção, que é a seção de clientes com esta bela apresentação de slides jogando. E se deslocarmos um pouco mais para baixo, vemos a seção de equipe com esse recurso de desvanecimento . Se atualizarmos a página para ver a transição acontecer, você pode ver que eles vão até o fim e eu mostrarei como adicionar esses botões aqui, que podem ser vinculados a uma página diferente sobre a equipe e os funcionários fora do seu negócio. Agora, se você rolar para baixo até a última parte, que é a seção de depoimentos que tem este fundo de vídeo dessas belas estrelas bem como este plano de apresentação de slides, eu vou mostrar a vocês como adicionar nesta caixa esta imagem bem aqui, este ícone aqui e para editar o fundo da caixa. E se você notar que uma vez que eu pairei sobre esta caixa, ele parou de jogar apresentação de slides. Mas se você passar o mouse longe da caixa, você verá que este show de luzes está tocando agora. Agora, no final aqui, vou mostrar-lhe como adicionar nesses ícones de mídia social que podem vincular suas contas de mídia social . E, claro, você pode adicioná-los mais contas de mídia social aqui em baixo com ícones diferentes e cores diferentes. E por último, mas não menos importante, vou mostrar-lhe como adicioná-lo. Estas duas linhas aqui abaixo sobre os direitos autorais do site e se você notar enquanto nós rolamos para baixo nesta página, este cabeçalho estava aderindo ao topo com fundo transparente e o logotipo e as páginas estavam colando nele o tempo todo. Agora aqui em baixo, se você clicar neste botão, ele irá levá-lo para o topo da página. Agora vamos em frente e explorar a próxima página, que é a página da galeria. Agora. A primeira coisa na página da galeria é este belo vídeo de fundo que pode ser sobre o seu negócio sobre você ou simplesmente qualquer vídeo que você quiser. E aqui em baixo, esta seção com este fundo animado que continua mudando a cor. Você pode não notar a mudança de cor porque as cores mudam suavemente e eu vou mostrar-lhe como fazer as cores do fundo animado mudar suavemente e não de uma forma repentina amarelo para vermelho, por exemplo, e você pode vê-lo aqui em baixo, este pão que você pode vincular a sua página de contato, por exemplo, ou qualquer página que você quiser. Não, Se você rolar um pouco para baixo, você pode ver esta bela imagem de fundo com este recurso de rolagem em paralaxe. E se você rolar um pouco mais para baixo, você pode ver a galeria real com essas belas imagens que também tem um fundo de paralaxe . E aqui, o título da galeria em si tem um fundo animado que mantém mudando as cores suavemente. Como eu disse antes na própria galeria, se você clicar em qualquer uma das imagens, por exemplo, esta aqui, esta aqui, você pode ver que ela aparece em uma caixa de luz e você pode deslizar para a direita ou para a esquerda para qualquer uma das imagens. E uma vez feito, se você clicar no X aqui, você pode ver que a imagem volta ao seu lugar original. E também vou ensinar-te a adicionar estas legendas aqui em baixo. E se nós rolarmos para baixo, você pode ver que esses ícones de mídia social serão exibidos no rodapé, bem como este texto aqui embaixo . Na verdade, eles serão exibidos em todas as páginas Agora,mais uma vez, mais uma vez, se você clicar neste botão, ele vai nos levar para o topo da página da galeria com este plano de vídeo em segundo plano. Agora, vamos em frente e verificar a página do blawg. Clique aqui e aqui atrás. Esta é a página do blawg. Agora, na página do bloco. A primeira coisa que vou ensinar-lhe como adicionar como estes dois posts aqui, vou ensinar-lhe como fazer uma imagem em destaque para cada um desses dois posts. E eu vou mostrar-lhe como fazer essas imagens mudarem de cor para cinza uma vez que você passar o mouse sobre elas . E se você clicar em qualquer uma das imagens, ela abrirá a postagem em uma página separada. A estrutura do correio será assim. Primeiro, ele terá essa imagem em destaque no topo. Então terá a data. O post foi publicado aqui neste círculo vermelho. O título do post aqui E aqui, o autor do Post, A categoria Off the Post e a tag fora do post e que eu vou mostrar-lhe também como adicionar a cada post que você criar. Agora, a última parte aqui é o conteúdo real fora do post. E se você rolar um pouco para baixo. Você pode ver este cabelo aqui que uma vez clicado vai nos levar para o post anterior que também tem a mesma estrutura que o anterior com categoria diferente e tag, como você pode ver aqui. Agora, vamos voltar para a nossa página de bloqueio. Basta clicar aqui e na barra lateral. Aqui você vê esses lindos widgets. E se você não sabe o que é um widget, simplesmente um widget é apenas um bloco que tem um determinado conteúdo com uma certa funcionalidade. Por exemplo, 1º 1 aqui é o widget de pesquisa que tem esta caixa aqui que permite que você pesquise qualquer coisa neste site. Agora, na próxima semana. Aqui é a caixa do Facebook. Isso ainda simplesmente vincula seu site à sua página do Facebook, o que permite que seus clientes ou visitantes do site gostem ou compartilhem sua página de dentro do site. Agora, por exemplo, se um cliente clicou em como página aqui, você pode ver que essa janela aparece e solicitar que o cliente insira suas credenciais do Facebook e, em seguida, clique em fazer login para curtir a página. Agora o próximo widget. Aqui está a lista de assinaturas de e-mail. Este é um widget realmente importante porque ele permite que você crie uma lista de assinaturas de clientes que você pode usar em sua empresa para enviar ofertas ou promoções. Vou mostrar-lhe como editar o texto aqui, o texto aqui e o texto no botão também. Até te ensinarei a mudar a cor deste botão aqui. Agora, se nós rolar para baixo um pouco mais aqui, você pode ver o widget de feed do instagram que permite que você vincule sua conta do instagram esta parte aqui e ele vai jogar como uma apresentação de slides uma vez que você adicioná-lo aqui e eu vou mostrar você tem que escolher entre uma variedade fora projetos para este É o widget pés grandes. E se rolarmos um pouco mais para baixo, o último widget que adicionaremos aqui são os posts mais comentados. Widget. Este widget terá as postagens mais populares em seu blog, e eu mostrarei como limitar o número de hosts mostrados aqui a três. No caso de você ter mais de três posts, ele vai Onley mostrar os três posts mais populares no blog agora Se nós rolar todo o caminho para baixo, você também pode ver esses ícones de mídia social e essas duas linhas aqui em baixo. Agora vamos clicar neste botão que nos levará para o topo da página e, em seguida, clique na página de contato. Agora a página de contato começa com esta bela vibrante imagem de fundo com este tipo sua imagem no meio, bem como o texto de Avi aqui em baixo e esta seta aqui em baixo. Agora, à medida que rolamos para baixo, você pode ver que esta imagem tem esse recurso de plano de fundo de paralaxe. E se deslocarmos um pouco mais para baixo, você pode ver esta seção com informações de contato sobre sua empresa, como horário de expediente, localização e informações de contato conosco. E se deslocarmos um pouco mais para baixo, você pode ver este belo mapa do Google que tem a localização da sua empresa aqui e este formulário de contato profissional aqui que permite que seus clientes insiram suas informações . E uma vez que eles clicam, enviar essas informações serão enviadas diretamente para o seu endereço de e-mail. Agora, a última coisa aqui é o rodapé, que também tem os ícones de mídia social, bem como essas linhas de direitos autorais aqui embaixo. Agora, clicamos neste e voltamos para a nossa página inicial. No próximo tutorial, vamos começar a construir o nosso site passo a passo sem passo. Pular. Obrigado por assistir. Vejo você no próximo tutorial. 4. Nome de domínio e hospedagem na web: Oi. Agora vou começar este curso introduzindo as três coisas principais que precisamos para obter um site on-line. O primeiro 1 deles é chamado de nome de domínio. O 2º 1 é chamado de Web Hosting. O 3º 1 é o tema que precisamos para instalar e construir nosso site. Em primeiro lugar, vamos começar com o nome de domínio. O que é um nome de domínio? Um nome de domínio é simplesmente o nome do seu site que aparece no ou L quando as pessoas o digitam aqui para chegar ao seu site. Agora, como você pode ver aqui, o nome de domínio consiste em duas partes. A primeira parte que você vê aqui, que é o pessoal ou o negócio. Nome fora do seu site para você escolher e a segunda parte que você vê aqui, que é a extensão do seu nome de domínio. E no nosso caso, é uma extensão ponto com, e há dezenas fora de extensões de nome de domínio que estão disponíveis e que você pode escolher como dot net dot info dot me dot com aqui, que é uma das mais comuns uns e assim por diante. E você sempre pode escolher um nome de domínio para seu site, desde que esse nome de domínio não seja reservado por ninguém no mundo. No entanto, por exemplo, se eu tiver este nome de domínio específico com esta extensão aqui reservada, você pode sempre escolher e reservar o mesmo nome de site que você vê aqui, mas com uma extensão diferente, por exemplo, uma rede de pontos ou um médico na íntegra e assim por diante. Mas para este nome de domínio específico, você não pode escolher este aqui com esta mesma extensão porque ele já está reservado para mim . Agora, há mais uma coisa que você precisa considerar ao escolher um domínio A para sua empresa ou para você mesmo. Se for um site pessoal, certifique-se de fazê-lo parecer o mais profissional e simples possível e não incluir muitos números como este ou traços e números novamente, e depois letras que não fazem qualquer sentido. Certifique-se de que é profissional, simples e fácil de memorizar, e assim que reservar este nome de domínio específico, ninguém mais no mundo pode reservar este mesmo nome de domínio. Será exclusivo e especificamente reservado para você, e ninguém mais pode usá-lo. Agora isso nos leva através da segunda coisa, precisamos para o nosso site, que é hospedagem na Web. Então, o que é hospedagem na Web? Bem, simplesmente que postagem é o serviço? Você precisa armazenar os arquivos do seu site para que as pessoas ao redor do mundo possam acessar essas pilhas digitando seu nome de domínio e a caixa Aqui E, em suma, postagem na Web é fornecida por tantas empresas ao redor do mundo, cujo mero negócio fornecer hospedagem na Web de alta qualidade. Simplesmente. O processo de hospedar seu site nessas empresas é feito armazenando seus arquivos de sites , que estão conectados ao seu nome de domínio em computadores de alta potência e grandes que são comumente conhecidos como servidores da Web, e os servidores estão disponíveis 24 7 para acesso. Além disso, esses servidores Web estão conectados à Internet, que as pessoas em todo o mundo possam acessar seu site através deles. E isso é para nome de domínio e hospedagem na Web. Agora, neste tutorial, vou passar por hospedagem gratuita e paga na Web. Agora, para este propósito, eu escolhi dois dos principais provedores de hospedagem Web do mundo. Um deles é considerado um dos top e livre perto e provedores, eo outro é considerado um dos top se não V top pago provedor de hospedagem Web. Agora primeiro, vamos começar com o provedor gratuito de hospedagem na Web. Vou começar indo para esta guia aqui e para este site de exemplo que eu criei em um provedor de hospedagem Web gratuito chamado wicks dot com. Agora, há três razões principais pelas quais eu nunca recomendo provedores de hospedagem gratuita na Web agora. A primeira razão é que esses provedores gratuitos de hospedagem na Web não são de pesquisa, motor friendly, e a maioria, se não todos os sites construídos usando provedores de hospedagem na Web gratuitos não são indexados por mecanismos de busca . E isso é realmente, muito importante porque se seu site não for indexado por mecanismos de busca, você estará perdendo muito fora do tráfego e muitos clientes valiosos. Isso é simplesmente porque as pessoas não serão capazes de encontrá-lo em motores de busca como o Google. E isso nos leva ao segundo ponto fora por que eu não recomendo através de hospedagem na Web, que é o fato de que provedores de hospedagem gratuita na Web não lhe dão um nome de domínio herbal marca , e eu quero enfatizar um nome de domínio não rentável. Agora, a fim de entender o que é um nome de domínio brandel freira, olhe aqui para esta extensão deste site que eu criei. Se você notar que este site não tem seu próprio nome de domínio exclusivo porque depois do nome do site ele é por aqui? Há um ponto wicks dot com, e não é um ponto com. Nunca é o mesmo que um ponto com. Isto é o que chamamos de subdomínio. Não é um domínio completo para você. É um subdomínio, que significa que ele não começa com o seu nome de negócio ou pessoal e termina com a extensão que você vê aqui, há sempre algo no meio, que é o nome dos provedores de hospedagem gratuita Wicks e também esta parte aqui, que é chamado de sub-diretório que representa o nome do site. Agora, mais uma vez, este que você vê aqui não é o que chamamos de extensão de nome de domínio internacional, como um ponto com ou um ponto net e assim por diante. É um subdomínio. Você vê aqui, este é um subdomínio e não um domínio completo que é exclusivamente reservado para você. E isso é o que você encontrará em todos os provedores de hospedagem na Web que eles não fornecem seu próprio nome de domínio e extensão exclusiva. O nome deles será sempre recheado aqui no meio. E este u R L que você vê aqui não é facilmente lembrado por seus clientes ou mesmo por você . É difícil lembrar e não parece profissional, e não vai ajudá-lo a construir confiança com seus clientes. Se você tem um nome de domínio que se parece com isso e adivinhe? Eventualmente, a fim de construir seu site profissional, responsivo e bonito, você terá que pagar por esses provedores de hospedagem na Web, e você terá que pagar muito dinheiro muito mais. Então você pagaria regularmente por um bom provedor de hospedagem na Web, e eu vou repassar isso em apenas um segundo. Porque se você quiser construir um site que tenha armazenamento suficiente, largura de banda suficiente, um bom nome de domínio aqui e sem anúncios irritantes e forçados como os que você vê aqui e aqui agora com esses provedores de hospedagem na Web gratuitos, para obter esses recursos, você definitivamente precisará para o seu site com os provedores de hospedagem na Web gratuitos para obter os anúncios removidos para obter um nome de domínio decente para você e suporte de largura de banda de armazenamento suficiente e assim por diante. Você terá que atualizar para uma conta premium. Agora vamos para um contas muito premium e ver como eles se parecem. Agora, para ser justo nesta comparação, escolherei os dois melhores pacotes que esses caras têm, que é o que você vê aqui, o ilimitado e o comércio E C aqui. Agora, se você olhar para o preço mensal destes dois embalados está aqui. Este aqui é por cerca de 16 dólares por mês, e este aqui é por cerca de 20 dólares por mês. E se você olhar para o que eles fornecem, você notará que a largura de banda e o armazenamento não são ilimitados neste pacote, o que é muito, muito caro. E também para este aqui, mesmo que ele forneça largura de banda ilimitada, ele ainda não fornece ilimitado ou o que chamamos em um armazenamento medido. Agora vamos para a página ou postar um provedor e ver o que eles têm a oferecer para nós. Agora, se você olhar para o plano mais caro e premium que esses caras têm, esse é o plano de negócios. Você verá que é por 13,56 dólares por mês. E se você olhar para os recursos que eles fornecem, há um espaço em disco mais limpo, que é basicamente o armazenamento que eles oferecem a você. E quanto à largura de banda, é ilimitada. E quanto aos domínios permitidos que você pode hospedar neste plano, há ilimitados e a lista continua todo o caminho até aqui. E mesmo se você olhar para esses outros dois planos, você verá que eles também fornecem um novo espaço em disco medidor e uma nova banda monitorada com também ainda, este aqui fornece domínios permitidos ilimitados, que é o que eu comprei pessoalmente e que eu vou mostrar que você tem que se inscrever no próximo tutorial. Agora, mais uma vantagem que essas empresas pagas de hospedagem na Web fornecem sobre os gratuitos que esses caras, eles têm seus servidores funcionando 24 7 e é garantido que seu site não será para baixo para qualquer porque eles têm servidores de backup e seu site está sempre hospedado e ganho. Mas quanto a este aqui, definitivamente não é garantido com provedores gratuitos de hospedagem Web para ter o seu site funcionamento 24 7 porque a maioria fora do livre O que os provedores de postagem não têm seus próprios servidores para hospedar seu site em a maioria deles e não necessariamente este. Aqui eles alugam servidores em outros países que não são mantidos por eles pessoalmente, e isso pode cair muito. Mas, com provedores de hospedagem como esses caras, você garante que seu site está sempre ativo e funcionando, e ele é sempre feito backup em seus servidores. E quanto a este provedor de hospedagem Web, que é chamado de host gator dot com, esses caras foram premiados com o top 24 73 65 suporte ao cliente entre todos os provedores de hospedagem Web do mundo. E a oferta. Tantos outros recursos, como dinheiro de 45 dias, garantia de volta e assim por diante. Como você vê todo o caminho até aqui. E eu pessoalmente, depois de fazer um monte de pesquisa e experimentar tantos provedores de hospedagem na Web, eu me deparei com este aqui e descobri que o host gator dot com é o principal provedor de hospedagem na Web para mim até agora, e isso é o que eu recomendo para você também. E como eu disse antes no próximo tutorial, eu vou orientá-lo através do processo de inscrição para este site. O processo de inscrição para obter um nome de domínio e hospedagem para o seu site. Agora. Obrigado por assistir. Vejo você no próximo tutorial. 5. Inscreva-se para o nome de domínio e na hospedagem na web: alta. Agora que explicamos o que queremos dizer com hospedagem na Web e nome de domínio, é hora de se inscrever para um plano de hospedagem, bem como um nome de domínio. Agora vamos nos inscrever para hospedagem e nome de domínio neste site. Aqui é chamado host gator dot com h o S t g a t o r dot com Agora, partir de agora, neste curso, qualquer site que visitamos qualquer seu l digitamos aqui vai estar disponível no recurso é seção off VI tutorial e simplesmente você pode ir para o recurso é seção e basta clicar no link e ele vai levá-lo a este site aqui mesmo. Agora é hora de começar o processo de inscrição. Primeiro, vá até aqui para a hospedagem na Web. Clique nele agora, role um pouco para baixo e você pode ver que temos esses três planos disponíveis para escolher a partir de agora. Pessoalmente, escolhi este plano aqui. Quanto ao plano de negócios,não precisamos de um plano de negócios. Quanto ao plano de negócios, Ou precisamos deste aqui ou deste aqui. Agora, a diferença fundamental entre esses dois planos, o filhote e o plano do bebê, é que este plano aqui fornece um número ilimitado de domínios para hospedar. Enquanto este aqui o filhote fornece um único domínio, o que significa que você pode hospedar um Onley e Onley um site neste plano de hospedagem. Enquanto que se você for direto aqui, você pode hospedar quantos nomes de domínio quiser, seja para você ou para seus clientes que você constrói sites. Por enquanto, se você clicar aqui, verá que você tem uma variedade de opções que você pode escolher a partir de agora. Pessoalmente, escolhi a assinatura de um ano. Mas para o propósito deste tutorial, desde que eu vou estar lhe dando um cupom de desconto e para deixar mais claro quanto desconto este cupom lhe dá, Eu vou apenas escolher o mensal aqui e, em seguida, eu vou clicar em Inscrever-se agora. Agora, Como eu disse antes, eu pessoalmente sugiro que você tenha uma assinatura de um ano porque o cupom de desconto que eu vou te dar dá 25% de desconto e você vai ter um negócio melhor na assinatura do ano . Agora, quando você chegar a esta página aqui, a primeira coisa que você quer fazer como digitar o nome de domínio que você deseja para o seu negócio aqui . Agora, você sempre pode optar por adicionar no www antes do seu nome de domínio e digitar o ponto e em seguida, adicionar o seu nome de domínio, por exemplo, estou em Adicionar Malik um multi e Montagne, ou você pode optar por excluir o www como eu fiz com meu domínio Me. Agora, se você clicar aqui, verá que esse nome de domínio específico não está disponível porque eu já comprei e reservei esse nome de domínio. No entanto, você pode ver que os outros nomes de domínio com extensões diferentes estão disponíveis e você pode escolher. E se você for até aqui, você pode escolher a extensão de nome de domínio que deseja para o seu site. E se você notar que cada extensão tem seu próprio preço. Agora, a fim de fazer a inscrição funcionar, eu vou apenas digitar um, 23 após o meu nome e depois clicar aqui. E eu realmente não vou comprar este nome de domínio porque eu já comprei o meu. Eu só estou usando este Malik Montagne 123 para mostrar como se inscrever para este plano de hospedagem web . Agora nós rolamos um pouco para baixo e você vê isso aqui embaixo. Proteção de privacidade do domínio do anúncio para este site específico. Estou no ar e verificar este aqui porque acrescenta $9,95 à sua conta. E não precisamos disso por enquanto. Agora, deslocaremos um pouco para baixo e você confirma o plano escolhido e o período de assinatura , que é de um mês no nosso caso, e você vê que ele tem automaticamente 20% de desconto. No entanto, vou lhe dar um cupom que lhe dará 25% de desconto no meu cupom pessoal. Agora, aqui, você precisa digitar seu nome de usuário. Vou acabar com o Malik dela . E certifique-se de cumprir esses requisitos aqui para o usuário Qualquer momento. Aqui em baixo, você escolhe o alfinete de segurança. Basta escolher qualquer problema aleatório de segurança que você quiser. Apenas certifique-se de que não é fácil adivinhar, e você rolar todo o caminho até aqui e sentir todas essas informações e seu cartão de crédito e para aqui ou suas informações do PayPal, qualquer um que você preferir. Agora, se você rolar para baixo, você chegar a estes adicionar possui aqui. Eu vou acabar. Verifique tudo isso porque nós realmente não precisamos de nenhum desses. Agora role um pouco mais para baixo e você vê que este snappy cupom está lhe dando 20% de desconto. Agora, se você digitar meu cupom pessoal, que é Malik m A como um desconto de 25. Certifique-se de soletrar direito. M a l i k 25 0 duplo f. qualquer clique validar e você rolar para cima um pouco. Você percebe que aqui há um desconto de 25% agora em vez de 20%, o que é realmente um bom negócio para você. Agora você rola um pouco para baixo e vê os detalhes do pedido. Quanto ao apoio, é de graça. Quanto à ativação da conta, também é gratuita. E você tem uma garantia de devolução do dinheiro de 45 dias, o que é muito, muito bom. E aqui, o registro de nome de domínio. Você registrou este nome de domínio. Você reservou por um ano inteiro e por $12 em 95 centavos. E tenha cuidado mais uma vez. Você reservou esse nome de domínio por um ano inteiro. Não por um mês. Seu plano de hospedagem web é para um mês bem aqui. E você tem um desconto sobre este aqui, bem como sobre este aqui. Agora, a quantidade total de desconto é de cerca de US $5. No próximo mês, você só terá que pagar pelo plano de hospedagem aqui. Então sua conta não vai bater $11 em 91 centavos. Da próxima vez que você pagar por isso, será apenas a hospedagem na web que você está pagando por agora, quando você terminar, você clica aqui para concordar com os termos e serviços e, em seguida, clique em check out aqui. Agora, uma vez que você tenha terminado todo este processo, você vai através do seu e-mail que você foi fornecido aqui mesmo. Então, vou ao meu e-mail agora, e você recebe esta mensagem aqui. Você obtém essa mesma mensagem exata, exceto para o nome de usuário e senha. Agora, a fim de acessar o painel de controle do seu site para começar a construir o site e instalar o WordPress, você precisa clicar neste link aqui. E é diferente para todos. Então, basta clicar no link e você será direcionado para esta página aqui. Agora peça o nome de usuário. Volte para o seu e-mail e copie este nome de usuário que você tem aqui e depois volte e cole aqui mesmo. Agora, quanto à senha, você passa pelo e-mail e copia essa senha que recebeu no e-mail. Agora volte e cole a senha aqui. Em seguida, você clica. Faça login agora estamos no painel de controle do nosso site. Agora, eu sugiro que você marque esta página porque nós vamos precisar dela no futuro. E, por favor, fique nesta página. Obrigado por assistir. Vejo você no próximo tutorial. 6. Como instalar WordPress: Oi. Agora que entramos no painel de controle, a primeira coisa que queremos fazer é mudar a senha do painel de controle. Nós vamos a uma preferências, nós clicamos em alterar senha aqui. Agora digitamos ou simplesmente copiamos e colamos a senha antiga do painel de controle que recebemos no e-mail e digite nossa nova senha do painel de controle. Em seguida, confirme essa senha e clique em Alterar senha. Mas eu não vou mudar minha senha desde que eu já mudei meu Agora voltamos para a página inicial e começamos a nossa instalação de imprensa palavra. Deslocaremos para baixo até a seção de serviços de software , clicamos em Instalação Rápida e aqui vamos para instalações populares. Nós clicamos em Ward Press e aqui clique em e ainda WordPress. Agora, primeiro escolhemos o nome de domínio para o qual queremos instalar o WordPress, e deixamos este campo vazio porque estamos apenas para instalá-lo na metade e aqui nós digitamos o nosso endereço de e-mail e o título do bloco que queremos e, em seguida, o nosso usuário administrador nome. Agora, quanto ao nome de usuário admin, ele não pode ocupar espaços como este. Precisa estar inteiro como este. Em seguida, digitamos o primeiro nome e o nosso sobrenome. Depois disso, clicamos em Instalar WordPress. Depois de alguns segundos, você vê esta mensagem aqui e clica nas credenciais de visualização. Agora, antes de podermos acessar nossa altura WordPress com este Lincoln aqui e estes nome de usuário e senha, geralmente leva até 15 minutos para configurar o WordPress em nosso site, mas em alguns casos e pode levar até 24 horas. Vejo vocês no próximo tutorial. 7. Como fazer login no WordPress e no perfil de edição: Oi. No tutorial anterior, instalamos o WordPress no nosso nome de domínio. E como eu disse, geralmente leva 10 a 15 minutos para o nosso site para estar funcionando com esta instalação WordPress . Mas em alguns casos , pode levar até 24 horas. Agora, vamos em frente e faça login no nosso painel de controle WordPress com este link. Não, esta é a página de login do WordPress que nos permite acessar o painel de controle do nosso site. Vamos voltar e copiar o usuário. E então chegamos aqui e colamos aqui. E o mesmo para a senha e colar de palavra Hasse. Agora fazemos login no reboque. Nosso site. Agora, este é o painel de controle do nosso site chamado Dashboard. A primeira coisa que queremos fazer é alterar a senha para este painel wordpress. Então, passamos o mouse sobre os usuários e, em seguida, clique em seu perfil. Agora vamos rolar para baixo até uma nova senha aqui e clique em gerar senha. , Primeiro, vou clicar em ocultar e apagar essa senha e agora digitar sua senha para WordPress, sua nova senha. Agora, há uma coisa que você precisa saber sobre essa senha. Precisa ser médio ou forte. Não pode ser fraco. Ele não poderá atualizar seu perfil se a senha for fraca. Então tente incluir letras maiúsculas e minúsculas e, se possível, alguns outros símbolos, como dígitos e assim por diante. Agora há mais uma coisa que eu gostaria de mudar aqui. Nome de exibição. Gostaria de mudá-lo para o meu primeiro nome. Este nome de exibição é o nome exibido aqui. E há várias opções que você pode alterar também, Tal como um tema. Se você clicar em, por exemplo, esta meia-noite. Muda a aparência do seu painel, mas vou mantê-lo como padrão. E há várias opções também. Você pode mudar o nome e sobrenome do peito e o e-mail. Mas isso será suficiente por enquanto. Agora clique em atualizar perfil. Agora passamos o mouse sobre as configurações que passamos por geral. Agora, este é o título do site que aparece aqui em cima. Eu gostaria que Toa digite meu nome e sobrenome. Pode ser o nome da sua empresa ou qualquer nome que queira aqui. Esta é a breve descrição do seu site. Só vou digitar a academia. Agora vamos rolar para baixo e clicar em salvar alterações. A próxima coisa que queremos fazer é as mesmas configurações de área e ir para baixo para links Perma e clique sobre ele. Vamos no nome do host e clique no nome do post. Isso é para fins de otimização do mecanismo de busca. Aumenta a taxa de cliques nos motores de busca. E este é o primeiro passo para otimizar seu site para uma melhor classificação nos motores de busca . Agora clicamos em salvar alterações, e agora vamos nos postes, mouse sobre a postagem aqui e clique em hosts antigos. E então queremos excluir este host amostrado aqui, então passamos o mouse sobre o lixo e clicamos nele. Agora nós clicamos no lixo aqui e, em seguida, clique em excluir permanentemente para que possamos excluir permanentemente. Agora fazemos a mesma coisa para a página de exemplo, mouse sobre as páginas e clique em todas as páginas. Quanto à página de exemplo, clique no lixo. Agora vá para o lixo clique no lixo da elite permanentemente. Agora que excluímos o post de exemplo e a página, a próxima coisa que queremos fazer é passar o mouse sobre plugins e clicar em seus plugins disse. Esses são os plugins padrão que vêm com a instalação da força de trabalho. Gostaríamos de desativar este. Aqui, clique neste. Este, este e este. E vá até aqui, clique em ações em massa, vá para ativar, depois aplique porque precisamos desativá-las antes de poder excluí-las. Agora faça a mesma coisa. Selecione estes quatro plugins e ações do livro e, em seguida, exclua. Agora clique em Aplicar. Sim. Deixe esses arquivos e dados. Agora que temos instalado e logado em nosso painel de controle este painel fora do nosso site wordpress, a próxima coisa que queremos fazer é ir a aparência do dedo do pé, mouse aqui e clique em temas. Agora, no próximo tutorial, vou ensinar você teve um upload e instalar o tema no painel. Vejo você no próximo tutorial. 8. Como configurar o email para encaminhamento: Oi. Agora vamos configurar o encaminhamento de e-mail Não. Antes de explicar o quê? E-mail para dias de guerra Butts primeiro role para baixo. Faça a seção masculina aqui e clique para pedidos. Agora clique aqui embaixo. Adicionar encaminhador. Agora, simplesmente encaminhamento de e-mail significa que você configurar um endereço de e-mail que tem o nome do seu site nele e para que as pessoas possam enviar e-mails para, E esses e-mails serão redirecionados para um e-mail diferente de sua escolha, que pode ser o seu endereço de e-mail. Por exemplo, vamos primeiro digitar o suporte como um prefects para este e-mail e seu endereço de e-mail de sites será suporte em seu nome de site, que é Malik Motown neste caso ponto com, e aqui nesta caixa, você digita o endereço de email rial para o qual deseja que essas mensagens sejam redirecionadas. Agora, uma vez que você está pronto, você vai até aqui e você clica. Adicione o encaminhador e, se você clicar, volte aqui. Agora, quando você chegar a esta página, você pode ver a refeição de redirecionamento aqui e o endereço de e-mail rial que as mensagens serão enviadas para aqui, e você sempre pode excluir e adicionar mais alguns e-mails para pedidos a partir daqui e Aqui. Agora eu vou voltar para a página inicial, e é isso para este tutorial. Obrigado por assistir. Vejo você no próximo tutorial. 9. Tema e faça a instalação e para a sua: Oi. Agora vamos dar uma olhada no nosso site e ver como ele parece passar o mouse sobre aqui e clique no site de visita. Agora este é o tema padrão e olhar que vem com a nossa instalação WordPress antes fazer quaisquer alterações ou escolher qualquer outro tema agora que vimos, como são representantes que se parece, Vamos voltar, mouse aqui e clique no painel, mouse sobre a aparência. Clique em temas. Agora, estes são os três temas padrão que vêm com a instalação do WordPress, e este aqui chamado 2015 é um tema ativado padrão. O que vamos fazer agora é carregar nosso próprio tema e ativar para que possamos trabalhar nele agora. Primeiro, clique em Adicionar Novo E como você pode ver aqui, há vários temas que podemos escolher, assim como muitos outros temas. Mas o tema em que vamos trabalhar como um dos melhores hoje em dia parece em todo o mundo. Vamos em frente e enviá-lo. Clique no tema de upload, clique em Escolher arquivo, e este é o tema que vocês baixaram. Chama-se Signify Ultra. Vá em frente e clique em Abrir agora clique em Instalar agora e pode levar cerca de um minuto toe upload do tema, e em alguns navegadores, ele mostra a porcentagem aqui. Sabe, os caras aqui mostram quanto é feito o upload. Agora, uma vez que atinge 100% aqui, o tema será instalado. Agora que o tema foi instalado com sucesso, vamos em frente e clique em Ativar. Agora, quando você chegar a esta página, isso significa que o tema foi carregado e ativado com sucesso. Vamos dar uma olhada em nosso site e ver como ele se parece depois que carregamos nosso tema. Passe o mouse aqui, clique no site de visita. Agora, este é o padrão. Olhe para fora o nosso tema que vamos trabalhar. Não parece tão bom, mas quando acabarmos com isso, vai ser incrível. Agora, mais uma vez, mouse aqui, clique no painel, e vamos instalar os plugins necessários com os quais vamos trabalhar a partir de agora. Passe o mouse sobre os plugins. Clique em adicionar novo aqui. O primeiro plug que vamos instalar é chamado de fácil Google Phones Type e fácil Google Funds e aperte Enter Now, este é o plugue que vamos instalar. Isso nos ajuda a mudar os telefones em um site de corda de forma mais dinâmica. Agora clique em instalar Agora aqui, Clique em Ativar bandeira em Mais uma vez. Passe o mouse aqui. Clique em adicionar novo e ir para pesquisar leggings e digite contato Formulário sete e bater. Entrar. Agora, este é o contato para desconectar que precisamos. Então clique em instalar Agora clique em Ativar Plug in Now, Mais uma vez, clique em adicionar novo ir aqui e digite e mail. Chimpanzé 4, Ward pressione e aperte Enter. Este é o plug in campeão masculino para WordPress que precisamos. Agora clique em instalar Agora, agora clique em Ativar plug in Mais uma vez, mouse sobre. Adicionar novo ir aqui em Titan s K T Space Skill bar e teve que entrar. Agora esta é a tomada. Queremos clicar em Instalar agora, agora clique em Ativar, Plug in e eu vou mostrar a vocês o que estes plug-in. Ou, pela primeira vez, começamos a trabalhar com eles. Então não se preocupe com isso agora. Como você pode ver, há mais um plugging que eu deixei aqui fora não ativo, mas eu não excluí este plug in. A razão é que você é livre para usar. Exiba em seu site. É um bom plug anti spamming que ajuda a proteger o seu bloqueio de comentários. Na pista, vamos mantê-la por enquanto. Eu, pessoalmente, não gosto de ativar e usar este plug in. Mas se você quiser, você é livre para fazer isso. Isso é tudo para este tutorial. Vejo vocês no próximo tutorial. 10. Como fazer o logotipo: Oi. Neste tutorial, vou mostrar-lhe como fazer o seu próprio local. Mas antes disso, vamos em frente e instalar este último plug que é necessário para o nosso tema. Agora passe o mouse aqui e clique em. Comece a instalar o Plug in. Agora paire aqui em baixo. Clique em instalar. Agora que o plugue está instalado, vamos voltar. Clique aqui. Agora passe o mouse aqui em Clique em Ativar. Agora que o plug in está ativado com sucesso, vamos em frente e fazer o nosso primeiro local. Agora, como você pode ver aqui, há dois logotipos o logotipo principal aqui e o pequeno aqui que é chamado Ícone Favor. Agora que nossos três sites em que você pode obter o seu local o 1º 1 é chamado Fiverr F I v e duplo r ponto Venha neste site. É legal que você pode chegar ao seu próprio logotipo por apenas US $5 pairar sobre gráficos e design aqui pairar sobre o design local que você gosta nele aqui Agora, como você pode ver aqui, há um monte de logotipos que você pode escolher entre um monte de projetos e Onley por US $5 o preço muda à medida que você altera o período fora da entrega. Por exemplo, se você alterá-lo para nossas 24 horas, o preço sobe para todos esses logotipos. Mas se você manter até sete dias, muitos deles serão por US $5. Agora, há o segundo site do qual você pode obter seus logotipos. Estes são logotipos pagos. Chama-se 99 Designs dot com. Neste site, é um pouco mais caro agora. Você clica em começar agora, e há uma variedade de categorias aqui em baixo que você pode escolher. Por exemplo, você vai para a identidade do logotipo e clique no design do logotipo, e você basicamente enviar seus requisitos e os olhares, cores e cetera que você deseja estar em seu design do logotipo. E eles dão muitos designs que você pode escolher. Mas o pacote básico aqui, eu acho que é $399 então é um pouco caro agora. O último que eu vou mostrar-lhe é chamado logotipo m, um k r ponto com e este site. Você pode fazer o seu próprio clique local no próximo. Em seguida, estas são apenas algumas dicas para mostrar como trabalhar no seu logotipo. Agora vou fazer um logotipo de amostra. Eu vou fazer esses dois logotipos o que você vê aqui e o golpe favorito aqui. Primeiro, vamos começar com o favorito. Venha clicar no texto e vamos subir aqui. E eu gostaria de escolher simples e moderno formado. E aqui clique neste. Aqui, Goto Arch. Preto Malvado. Agora vou digitar a primeira letra do meu nome. Judeus. A cor que você pode clicar aqui. Isto vai aparecer um farol. Drogue-o aqui em cima ou em baixo do jeito que você gosta. Vou escolher esta cor para a primeira letra e vou passar o mouse sobre esta aqui. Clique com o botão direito e clique na cópia. Agora arraste-o como você pode ver e clique com o botão direito e, em seguida, clique em colar. Esta é a segunda letra, mas vou mudar a cor do dedo do pé. Ah, preto e eu vamos fazer este um pouco menor. Vamos apenas fazer este um pouco maior neste. Aqui em. É bom agora, quando terminamos, você passa o mouse aqui e clique no logotipo salvar. Agora o logotipo é salvo aqui. Vamos pré-visualizar o nosso logótipo. Clique no desenho como você pode vê-lo salvo como PNG. É uma extensão que significa que o local que temos tem um fundo transparente. Agora vamos em frente e criar o segundo logotipo, que é o que você vê aqui com meu nome completo, Malik Morton. Agora vamos criar nosso segundo logotipo. Clique duas vezes nesta letra aqui e digite o meu nome ou o nome da sua empresa da maneira que você quiser e, em seguida, o meu sobrenome. E como você pode ver, você pode apenas arrastar este aqui um pouco para a esquerda e agora passar o mouse aqui, canto chorado e clicar em Salvar logotipo. Agora que ele foi baixado, vamos clicar duas vezes nele. Como você pode ver, esta é outra imagem PNG que tem um fundo transparente, e há mais uma coisa que vou mostrar-lhe. Além destes textos, você também pode obter tantos símbolos para adicionar em seu logotipo. Clique na pesquisa aqui, e, como você pode ver, são centenas, literalmente centenas de ícones que ela pode adicionar ao seu logotipo e eles são todos de graça. Então é assim que você cria seu logotipo gratuito. Obrigado por assistirem. Vejo você no próximo tutorial. 11. Configurações de tema e layout geral: alta. Agora que fizemos nosso próprio logotipo, vamos começar a editar o layout geral e as configurações do nosso tema. Mas antes disso, vou mostrar-lhe uma coisa importante, que é como sair do seu painel, caso você queira fazer uma pausa e voltar mais tarde. Então, passamos o mouse aqui, e como você pode ver aqui, você pode clicar em sair. Você volta para esta página, que eu pessoalmente marquei, e você pode fazer login mais tarde. Introduza os seus anos, nome e palavra-passe e inicie sessão. Agora vamos começar a editar o layout nas configurações do nosso tema, mouse sobre o ultra aqui e clique nele. Agora, quando você chegar a esta página, a primeira coisa que queremos fazer é carregar nosso golpe favorito, que é o primeiro logotipo que fizemos. Você pode vê-lo no conteúdo que você baixou. Este é o golpe favorito. Agora clique em abrir Sem rolagem para baixo até Google Fonts e Google Funds lista. Clique em mostrar todos os fundos do Google. Agora vamos clicar em Salvar E se você subir e atualizar a página, você pode ver que o Khan favorito está aparecendo aqui. Agora vamos para o layout padrão A primeira coisa que queremos nele como opção barra lateral índice. Clique neste aqui sem barra lateral. Agora role para baixo para ocultar o título do Host e clique em Sim, porque eu não acho que ele parece bom. E quanto a Ocultar, post meta hover sobre Heidel no clique em Altura, estes não parecem bem e auto imagem em destaque. Gostaríamos de verificar este aqui. E quanto à posição da imagem em destaque, Eu gostaria de torná-lo abaixo Título da postagem, porque mais uma vez parece melhor e rolar para baixo padrão, layout único post. Eu gostaria de escolher nenhuma barra lateral aqui. E quanto ao post meta, gostaria de manter tudo isso agora. Role para baixo até o layout de página padrão e este aqui. Mais uma vez, vamos escolher nenhuma barra lateral ocultar título em páginas antigas. Clique em Sim, porque não queremos que os títulos das páginas apareçam no início da página e comentários da página. Gostaríamos de desativar os comentários da página. Agora clique em salvar, role para cima e vá as configurações do tema. Agora, a primeira coisa que queremos é esta aqui. Clique em. Aplicar lightbox a links de imagem. Isso basicamente faz com que a imagem apareça em uma caixa como caixa quando você clica nela na galeria . Agora role para baixo. E quanto ao design do cabeçalho, clique neste aqui porque parece melhor. E gostaríamos Toa excluir estes formulário de pesquisa slogan site, o link RSS, o cabeçalho, widgets e o social seria apenas porque todos estes não parecem profissionais em nosso cabeçalho agora widgets Clique em Nenhum. Design de rodapé. Gostaríamos de mantê-lo padrão. Excluir o logotipo do site daqui. Exclua a navegação do menu porque somos um dos homens que você e Paige títulos aparecerão no rodapé e role para baixo até a imagem. Filtre um filtro de imagem com o cursor do mouse Clique na escala de cinza porque uma vez que você passar o mouse sobre as imagens, ele vai cinza e aplicar dedo do pé todas as imagens e aqui para baixo, animando cores de fundo. Isso é para o plano de fundo animado que continua mudando as cores. Velocidade da animação. Eu gostaria de definir o pé sete. Agora, Quanto à animação de cores, Eu gostaria de mostrar que você tem que escolher suas cores de animação. Clique na nova guia e digite neste site picaretas slur dot com p i X l r dot com editor de barra e pressione Enter Now gostaríamos de abrir a imagem do nosso computador, e esta é a paleta de cores que incluí no meu conteúdo que vocês baixaram. Clique nele e abra agora Passe o mouse aqui sobre a ferramenta de seleção de cores. Clique nele. E como você pode ver, há um fluxo de cores que se move para cima. Em vez de mudar de repente, de rosa para amarelo ou rosa para azul, ele vai gradualmente e a mudança de cor será suave. Então gostaríamos de escolher cores adjacentes, por exemplo, por exemplo, esta linha aqui e poderia ser conectada a qualquer um fora do outro. - A Rose. Vamos tomar esse papel como um exemplo. Clique nele e um veja Clique nele. Você vê a cor aqui muda clique na cor Aqui, esta janela aparece e você copia este código hexadecimal daqui. Você copia, você passa o mouse para trás e cor da animação número um, você cola aqui e quanto ao 2º 1 você volta, você escolhe a próxima cor, que é esta aqui. Clique nele agora passe o mouse aqui. Clique neste aqui. Agora copiamos esta cópia de código de cor e voltamos e apressamos. Agora, a animação a cores Número três, fazemos a mesma coisa. Nós a temos sobre o terceiro 1 aqui, clique nele e pegue este aqui. E copie o código de cor. Clique em OK e cole-o e o mesmo para o resto. O 4º 1 Aqui, olha para este. Judeus, o código de cores. Volte para trás. Apresse-se. Aqui. Próximo, volte. Está bem. E clique neste. Aqui, escolha este e copie este código de cor. Está bem, volta para trás. Cole aqui. Agora. Número seis, volte. E agora este aqui. Clique nele. Olhe para este aqui. E este aqui. Copiar. Está bem. E depois volta e cola-o aqui. E quanto ao último, eu gosto de escolher o mesmo que a primeira cor de animação Copiar e colá-lo aqui porque eu acho que rima com isso. É como se um círculo começasse aqui e voltasse para o mesmo lugar onde começou e uma reunião. Agora desça até aqui. Quanto ao texto do rodapé, vamos mudar o cursor do texto do rodapé aqui. Clique na nova guia e aqui em vez de alimentado por WordPress, gostaríamos de adicionar cópia, direita. Então volte e rodapé Texto para você pode digitar cópia, direita. Todos os direitos reservados ou o que você quiser e você clicar em salvar. E se você voltar ao site, clique em Atualizar. Você vê que os direitos autorais estão aqui. Obrigado por assistirem. Vejo você no próximo tutorial. 12. Como criar home: alta no tutorial anterior. A última coisa com ele foi adicionado esta parte do texto da foto e como você pode ver no texto do rodapé para entramos o texto que queremos e ele apareceu automaticamente aqui quando atualizamos a página. Agora vai o mesmo para esta parte do pé ou texto. Se você voltar e digitar um texto no rodapé, texto um aqui e clique em Salvar ele aparece aqui em vez deste aqui. Mas eu acredito que isso parece bom. Agora vamos começar a fazer o cabeçalho este cabeçalho transparente, bonito. Nós vamos adicionar a primeira página, que é a página inicial, este aqui e adicionando este cabelo logotipo, também adicionando esta imagem de fundo bonito e vibrante. Vamos e primeiro clique em páginas agora clique em Adicionar novo agora digite aqui casa agora role para baixo aqui E quanto ao conteúdo com Clique em Completo com Como para imagem, mouse Filter Creek em nenhum. E quanto ao título da página, gostaríamos de escondê-lo. Sim, agora vamos para a aparência do tema aqui, clique nele. E quanto ao design do cabeçalho, este aqui agora clique em Publicar, não Voltar aqui e atualizar a página. E como você pode ver, está aparecendo aqui. Vamos em frente e personalizar este cabeçalho aqui. Clique em personalizar goto Signify opções aqui. Agora vá para o logotipo do site e slogan. Agora escolha a imagem do logotipo e clique aqui e clique em fazer upload de arquivos aqui. Agora selecione os arquivos. Agora escolha este cabeçalho Local que fizemos. E se você quiser, você pode usar minha cabeça de local no meu conteúdo que você baixou e clique em abrir Não clique em inserir imagem E quanto às dimensões aqui, digite 1 10 por 50. Agora clique em salvar e publicar. Agora role para baixo. Clique aqui para minimizá-lo e ir para a navegação principal Aqui, clique sobre ele e role para baixo menu Do, link, mouse e digite Não neste campo aqui, mas neste aqui, o segundo 1 Este código sete para C E. Se para agora esta cor, gostaríamos de copiá-lo e digitar o mesmo código para um link ativo menu e entrar no segundo campo aqui. Não clique em salvar e publicar. E como você pode ver quando você paira sobre quem e quando for clicado em casa, a cor será Lewis. Não, subimos, minimizamos esta navegação principal. Vamos ao rodapé, Clique nele. Agora, a única coisa que queremos editar aqui como a cor de fundo do rodapé. Clique aqui e digite este código F seis F seis F seis F seis. Agora clique em salvar e publicar. Agora, Quanto ao CSS personalizado, você precisa ir , para o meu conteúdo. O conteúdo que você baixou. DoubleClick, estilo CSS. Copie este texto aqui e volte. Cole aqui e agora você clica, salva e publica. E quanto a este campo que você vê aqui se você aumentá-lo, por exemplo, e seu 0.5 Como você pode ver, a transparência vai um pouco fora, que significa que ele se torna menos transparente e mais escuro. Mas eu gostaria de mantê-lo 2.1 porque eu acho que parece melhor. Agora clique em salvar e publicar. Agora volte e clique aqui. Agora, a fim de adicioná-lo, esta página inicial precisamos passar o mouse aqui, ir para o painel e ir para páginas. Clique nele agora, mouse sobre o homing aqui e clique em parece. Se eu construtor agora, como você pode ver aqui o mesmo. Se eu construtor aparecer aqui a partir de agora, ele vai estar ligado porque ele precisa ser usado pelo menos uma vez antes de ser ativado e entrar nesta barra aqui em cima. E há um bilhete, este bar aqui em cima. É sobre Lee para nós quando editamos nossa página, mas não aparece para outras pessoas. Quando a exibição da nossa página como você pode ver aqui, ele não aparece aqui em cima. Ele só aparece quando estamos editando nossa página com nosso painel WordPress. Agora, uma vez que temos o nosso construtor de moscas tema em, vamos começar a editar esta página inicial, passar o mouse aqui e clicar nas opções. Agora gostaríamos de ir para a linha com e clique em madeiras cheias. E quanto ao efeito, clique nele e digitando F f mais uma vez e, como você pode ver aqui, fade in, clique nele como fade in in down aqui é facilmente encontrado, e quanto ao tipo de fundo, nós gostaria de mantê-lo à imagem. Quanto à imagem de fundo, queremos nossa própria imagem, clique, navegar, navegar, biblioteca e clique em selecionar arquivos e role para baixo. A menos que tenha sua própria foto, pode usar a minha aqui. Este caracterizado bela imagem e clique em aberto. Agora clique em inserir Arquivo seu L e como para o modo de fundo, clique aqui e selecione rolagem paralaxe. Agora role para baixo e vá para o estofamento aqui para a banheira. Gostaríamos de adicionar 4 30 e para a parte inferior para 80 e role para baixo e clique seguro. E como você pode ver esta foto, bela imagem está aparecendo aqui. Agora não se preocupe com este espaço entre a imagem e o topo da página. É só para nós sermos capazes de editá-lo melhor. E uma vez que clicar, salvar e clicar em fechar, você pode ver que a imagem foi movida para cima e que o cabeçalho está apenas cobrindo a parte que não vemos da imagem. Agora, a fim de tornar este cabeçalho transparente e a imagem por trás de um visual para nós, vamos editar páginas. Clique nas páginas aqui, mouse sobre a casa e você vai para a aparência do tema, clique na aparência do tema, e quanto ao fundo do cabeçalho, clicamos no fundo transparente, em seguida,role para clicamos no fundo transparente, em seguida, cima e clique em atualizar. Agora, se voltarmos a esta página inicial. Clique em Atualizar. Aqui. Você pode ver que a imagem como visual nos reboque agora eo cabeçalho como transparente e suave E parece profissional. Obrigado por assistir. Vejo você no próximo tutorial. 13. Como construir a seção de serviços (1): alta No tutorial anterior, fizemos este belo cabeçalho. Com este fundo transparente, criamos a primeira página, que é a página inicial. Adicionamos o local que fizemos e adicionamos esta bela, vibrante, essa imagem de solo com este fundo de rolagem em paralaxe. Agora, a primeira coisa que queremos fazer aqui antes de adicionar esta seção de serviços aqui e com essas belas transições que aconteceram. Como você pode ver, vamos aqui e vamos fazer esta home page a home page real para o nosso site, que significa que quando você ou qualquer outra pessoa digitar o U. R l do seu site e hits entrar, como você pode ver aqui, eles não vão diretamente para sua página inicial. Queremos fazê-los ir diretamente para a página inicial em vez de ter que clicar em casa e chegar à página inicial. Então, para fazer isso, vamos voltar ao nosso painel, mouse sobre as configurações e clicar na leitura. Agora, aqui você escolhe uma página estática. Quanto à primeira página, você seleciona a página inicial e aqui em baixo você clica em salvar alterações. Agora, se você voltar para o site, você exclui este subdiretório aqui e você clica em enter. Você pode ver que esta home page fora do site é a home page real que fizemos. Em vez de ter que clicar em home page para ir para home page, ele vai automaticamente para home page quando alguém vai para o seu site. Agora, vamos em frente e começar a fazer esta seção de serviços aqui. Como você pode ver, o fino se eu construtor é a ferramenta que vem construído dentro do nosso tema Ultra. E é uma ferramenta que usamos para construir nosso site. E toda vez que quiser construir nosso site, passamos o mouse aqui e clicamos em ativar, Construtor. Agora esse banner aparece com esses módulos nele. Então a primeira coisa que queremos fazer é arrastar o módulo de texto aqui e soltá-lo e nós não vamos adicionar nenhum texto aqui. Vamos apenas clicar em salvar. Isto é para que possamos adicionar outro módulo aqui em baixo. Queremos deixar este aqui vazio. Mas se você quiser escrever qualquer coisa no meio desta foto, você é livre para fazer isso. Mas eu não acho que parece bom para este design específico fora do site. E se você rolar para baixo, você paira aqui. Como você pode ver, você pode ver este módulo de queda Aqui vamos selecionar texto, clique nele home o botão e soltá-lo aqui. Agora, aqui, nós digitamos nossos serviços. Agora selecione nossos serviços. E aqui barra de ferramentas alternar, você passa o mouse sobre ele, clique nele e você vê esta seção suspensa. Você clica no parágrafo. Você seleciona título para agora você seleciona tudo isso novamente e você torná-lo envolvido e uma linha no centro Agora clique em Salvar. E como podem ver, estes são os nossos serviços no meio. É um pouco grande, eu sei, mas vamos editar isso mais tarde. Agora selecione o módulo divisor, clique e segure e solte-o aqui. Agora, para este módulo. Primeiro o estilo divisor. Gostaríamos de escolher o dobro e para a espessura do traçado, escolher o número quatro e para a cor do divisor, você pode selecionar a cor que deseja se você clicar aqui. Como você pode ver, há várias cores que você pode escolher e movê-lo aqui para escolher o grau de cor que você deseja. Mas eu tenho o código de cor para o nosso design, que é três de sete a oito C. Agora, quanto à margem superior, eu gostaria de inserir zero. E para a margem inferior, vou inserir 12. Agora clique em Salvar. E se você passar o mouse aqui, você pode ver esses divisores fora do módulo. Selecione este aqui que o divide em três seções iguais. Em seguida, arraste-o para o meio e solte-o. Agora vamos adicionar nesses ícones e esses textos e botões no próximo tutorial. Obrigado por assistir. 14. Seção de serviços para construção (2): Agora vamos adicionar nestes três ícones em destaque com essas transições e o texto, bem como esses botões aqui em baixo. Vamos começar com o primeiro 11 primeiro. Selecione o recurso. Clique e segure. Agora solte isso aqui. Agora adicionamos o texto que queremos aqui. Isso vai estar abaixo do ícone. Não, tenho minha mensagem pronta. Então, vou copiar agora. Volte para trás. Clique aqui quando colar como texto sem formatação. Agora é para este. Aqui vamos torná-lo ousado. Clique no botão de alternância e escolha Título cinco. Não, este aqui vamos mantê-lo para parágrafo e, em seguida, selecione Oh, e colocá-los no meio. Agora, a próxima coisa que vai fazer é bater. Digite e passe o mouse aqui para adicionar o botão, clique em códigos curtos. Vá para um botão. Clique nele. Agora, quanto ao texto do botão, vou digitar. Tente você mesmo. Quanto ao estilo do botão, ele consiste em três partes. A primeira parte especifica o tamanho do botão, que eu vou definir dedo grande a segunda parte quando você tabulação espaço e você digita a cor, mas eu não vou escolher qualquer cor a partir daqui. Vou deixar para o padrão. A terceira coisa, ele escolhe o tipo de botão como mostra aqui em baixo, existem quatro tipos de botões. Na verdade, são cinco. Há um que não é mencionado aqui, que é o esboço. Então você pode escolher, tipo, grande, plana ou grande cercado. Mas eu vou escolher grande linha fora e, em seguida, rolar para baixo. Você pode definir a cor de fundo para o botão que queremos, e você pode fazer seu botão redirecionar para outra página, um local diferente. Mas vou deixar o padrão. Não vou digitar nada na cor do texto. Você precisará inserir o código de hacks. Não. A última coisa aqui é o destino do link, que especifica abrir o link em uma nova guia ou abrir o link dentro da mesma página. Se você deixá-lo como padrão, ele vai abrir o link. Sua gravata esteve aqui em vez da página em que estava? Ele não vai abri-lo em uma nova guia, mas se você digitar sublinhado em branco, ele vai abri-lo em uma nova guia. Agora clique em inserir. E como podem ver, este é o código do botão. Queremos colocá-lo no meio. Então linha no centro, Sem rolagem para baixo. E é aqui que configuramos o ícone, a cor e as transições. Quanto ao layout, gostaríamos de escolher contato visual. Quanto à percentagem, vou deixá-la até ao fim para te mostrar. O que queremos dizer com porcentagem? Quanto a este curso, isso indica a espessura fora da linha de transição. Então eu vou definir como Como para a cor que você pode clicar aqui, que era a cor que você quer escolher o grau de cor aqui. Mas eu tenho meu próprio código de cor que eu vou inserir aqui, que é quatro zero a de para de. Agora, Quanto ao tamanho do ícone, Eu quero configurá-lo para médio. Quanto ao tipo de ícone, vamos deixá-lo ícone do dedo do pé. Agora, quanto ao ícone em si, clique aqui. Vou digitar F A dash C o G s f A Cox. Agora você pode selecionar seu ícone a partir daqui. Se você clicar no ícone inserir, você pode ver que o ícone que eu selecionei é este aqui? Uma vez que você clicar nele, o nome do ícone aparece aqui e automaticamente este traço F A aparece antes do nome do ícone para que você possa escolher o ícone desejado Se você clicar aqui, que era qualquer nome se o exemplo, você escolha Bell, você volta, você digita em F A sino traço e o ícone de sino é exibido em sua página. Mas, por enquanto, vou digitar o ícone que escolhi, que é F um pau. Agora, quanto à cor aqui, eu vou colocá-lo para branco completo branco. Então, se você digitar F seis vezes aqui, vai ser um branco. Quanto à cor de fundo, vou copiar este código aqui e colá-lo aqui. Isto é para o fundo do ícone. Agora, clicamos em salvar e você vê o ícone está sendo exibido aqui. Agora, quanto à porcentagem que você clica aqui, role para baixo. Se você digitar, digamos que 75% você clica em Salvar. Você vê que esta transição vai todo o caminho 75% desses círculos, mas eu vou defini-lo para 100%. Então ele vai todo o caminho ao redor, parece salvar. Bem, como você pode ver, ele gira todo o caminho em torno de 100%. Agora, quanto aos outros ícones, passaremos por aqui. Selecionamos este aqui que o divide em três seções. Três seções iguais. Agora arrastamos este aqui e pairamos aqui. Vamos descer e clicar em Duplicar. Como podem ver, foi duplicado. Agora, mais uma vez, no entanto, aqui clique duplicado e foi duplicado. Temos três cópias. Arrastamos este aqui. Nós drogamos este ali e temos três ícones agora. Passamos o mouse sobre este aqui, clicamos nele e, bem, você sabe, editamos o texto e as cores aqui, bem como o ícone. Então, quanto ao texto, eu tenho este texto que eu quero colocar lá dentro. Vou copiar e colar. Agora este aqui vai ser cinco para nós para este aqui, vai ser um parágrafo. E quanto a este, vamos torná-lo ousado. Então nós rolamos para baixo e mantemos tudo igual. Exceto por este código de cor. Eu gostaria do escolhido. Este código de cor 168 D A b Não, copiamos este código de cor Copiar e colá-lo aqui Casa para o ícone. Aqui eu vou escolher este ícone de uma prensa de painel e vamos manter todo o resto igual. Não clique em Salvar. Agora vamos para o terceiro ícone. Nós pairamos por aqui. Parece que sim. Quanto ao texto, eu vou copiar este texto que eu tenho pronto em Colá-lo aqui. Agora escolhemos o cabeçalho. Toby rumo cinco. Nós tornamos o mundo em nós por isso. Aqui nós guardamos. Parágrafo do dedo do pé, mantemos o botão igual. Não estava rolando para baixo. Quanto ao código de cor, eu vou digitar e B seis a 00 Agora eu vou copiar este código de cor novamente e colá-lo aqui. Quanto ao ícone, eu vou digitar, ter um painel de mesa Agora nós clicamos, salvamos e clicamos. Salve aqui novamente. Agora passamos o mouse aqui e clicamos nas opções. Agora escolhemos o modo de fundo para ser capa completa. Quanto à cor de fundo, gostaria de digitar este código de cor F seis F seis F seis seis F seis. Agora role para baixo clique em Salvar e eu gostaria de ir para nossos serviços aqui. Clique. Adicioná-lo agora ir estilo do dedo do pé. Agora nós rolamos para baixo dois tapinhas entramos para o top 30 e rolamos para baixo e clique. Poupe aqui, nós pairamos por aqui. Clique nas opções. Deslocaremos para baixo até a cor de fundo aqui no tipo na mesma cor de fundo. F seis F seis F seis F seis. Agora vamos rolar para baixo. E quanto ao preenchimento, digite 10 e role para baixo e clique em seguro. Agora vamos pairar por aqui. Clique nas opções. Vamos para a cor de fundo. Nós digitamos em F seis F seis F seis para fazer a mesma cor de fundo para todos eles. Não clique em Salvar agora clique em Salvar novamente. Aqui, clique em fechar e você pode ver essas belas transições com esses botões e textos. Feito. Obrigado por assistir. Vejo-te nos próximos dois Tory 15. Seção de serviços para construção (3): alta. No tutorial anterior, terminamos a construção da seção de serviços. Adicionamos esses ícones, esses textos e botões. Agora, neste tutorial, vamos adicioná-lo Os fundos da seção de serviços para esta parte Esta parte e esta parte todos eles juntos. Agora há mais uma coisa. Precisamos adicioná-lo antes de irmos para os fundos. Há estas decorações de texto aqui em baixo que adicionamos aos botões. Vou mostrar-lhe como adicioná-lo aqui. Então primeiro paire sobre magro. Se eu construtor ativar construtor Agora role para baixo e cubra aqui e vá para adicioná-lo. Agora você vê, Experimente você mesmo aqui você clica logo após o F e tocando espaço e adicionando em seta dupla Você está livre para usar esta decoração. Eu acredito que ele fica bem na maioria dos projetos e fazer a mesma coisa aqui como nele. E quando você chegar aqui, você vai tentar você mesmo, clique logo após o espaço F e, em seguida, adicionar em seta dupla, não clique em salvar e fazer a mesma coisa para o 3º 1 Ir para editar. Agora desça aqui e experimente você mesmo um espaço e uma flecha dupla. Você é livre para usar esta decoração e eu vou clicar em Salvar agora nós clicar em Salvar aqui Mickley fechar e você vê que esta decoração está feita. Agora vamos em frente e terminou a Florença da seção de serviços Ir para personalizar. Agora, quando chegarmos aqui, vamos a uma tomografia e clicamos no padrão para Biografia novamente. E estes são os fundos que podemos adicioná-lo, que são feitos pela fácil tomada de fundos do Google que instalamos. Agora vamos os parágrafos clique aqui para que possamos editar os botões de tipo de parágrafo e role para baixo até a seção de serviços para que possamos ver as alterações de todos os formulários quando fazemos a partir daqui. E quanto à família divertida, clique aqui e digite robo toe r o B o D o. Agora aqui, clique no Rabbo Toe e você pode ver que o texto aqui mudou. Agora olhe aqui E quanto ao fundo espere, clique aqui e selecione 300. Você pode ver que o peso do fundo também mudou. Não, nós clicamos aqui para minimizá-lo e ir até agora nós escolhemos para a família divertida A mesma frente novamente Roboto R o b o t o E clique no dedo robo Aqui Você pode ver que o formado mudou para o título aqui e para este Espere aqui, Clique aqui e selecione Regular aqui Clique em regular Agora vamos a aparência do dedo do pé Aqui vamos para baixo para o tamanho da fonte Nós maximizamos até chegar a 30 pixels. Como você pode ver aqui 30 p x significa 30 pixels. Não, nós minimizamos isso aqui Vá para baixo para o título cinco Clique aqui e role um pouco para baixo para financiar a família Clique aqui e digite Roboto. Escolha seu eleitor daqui Agora vá para frente peso Ela era regular. Agora suba aqui Clique, salve e publique. Agora clicamos aqui e voltamos. Você sabe que rolamos para baixo, fazer com a seção de serviços aqui embaixo e você pode ver que as fontes mudaram. Vamos verificar o site e ver que eles parecem exatamente os mesmos Agora que para os fundos que mudamos . Adicionamos os fundos não só para a seção de serviços, mas para todas as seções e todas as páginas que vamos criar e trabalhar. partir de agora, os fundos foram para todos eles. Obrigado por assistir. Vejo você no próximo tutorial. 16. Chamada para seção de ação: alta no Satori ALS. Vou mostrar-lhe como criar esta seção que é chamada de Seção de Ação. Com estes textos e este botão aqui primeiro vamos precisar criar e editar esta imagem de fundo . Então abra uma nova guia e vá para este site pasta ponto com F o t o r ponto Venha e aperte. Entrar. Agora, quando você chegar a esta página, você vai editar e clicar nela. Agora, se você não tem sua própria imagem, você pode usar essa ação de imagem. Clique nele e, em seguida, abra. Quando chegares a esta página,desces aqui para redimensionares. Quando chegares a esta página, Clique nele e você exclui este número aqui e digite 1500. Agora, quanto a isso aqui, mantenha o mesmo que é. Agora você vai até aqui para uma colheita, clique nele. E quanto a esta altura aqui, você exclui e digita 1500. Pede esta madeira aqui que você digita 400. Agora venha aqui e arraste este aqui para cima e para baixo do jeito que quiser. Quanto a este tutorial, vou drogá-lo todo o caminho até aqui. Agora precisamos de drogas para a área que você quer. Você vai. Aqui você clica. Aplique agora. Passamos o mouse aqui para fazer efeito Clique nele agora vá até aqui para dizer turno. E como você pode ver, há esse efeito de borrão que permite que você desfoque a área desejada e mantenha a outra desfocada. Agora, quanto à forma fora do borrão, você pode escolher linear ou circular. Se você notar que esta circular permite que você desfoque uma área circular. E para este aqui em baixo, o tamanho do pincel primeiro eu vou escolher linear e eu vou aumentar o tamanho do pincel sobre este tamanho aqui e beber até aqui e agora estamos feitos. Passamos o mouse aqui e clique em Salvar agora aqui para a qualidade. Nós clicamos aqui e eu gostaria de escolher normal porque eu não acho que precisamos de uma imagem de alta qualidade para esta seção. Agora clique em Salvar no meu computador. Vou salvá-lo como ação Sublinhado. Feito. Não, Nós clicamos em salvar e estamos feitos com a edição. Agora saia deste site aqui e vamos para o nosso site. Nós rolamos para baixo e ligamos o construtor. Clique aqui agora nós rolamos para baixo para soltar módulo aqui. Por aqui. Esta seção passaremos o mouse aqui e clique em opções primeiro. Quanto ao efeito, clique aqui e eu gostaria de escolher o pulso. Agora, quanto ao tipo de plano de fundo, mantê-lo para a imagem e para a imagem de fundo, clicamos em Procurar Biblioteca. Nós clicamos no upload de arquivos e agora clique em selecionar arquivos e selecione esta imagem. Nós editá-lo sem clique abrir e para baixo. Aqui nós clicamos. Inserir o arquivo euro. Agora, Quanto ao modo de fundo, gostaríamos de escolher a capa completa. Agora, quanto à cor de sobreposição, clicamos aqui. Oi, eleito escolheu preto. E você vê esta habilidade aqui é para a opacidade. Você ajusta a opacidade da cor que sobrepõe a imagem, o que significa que você controla a transparência da cor e o quanto você pode ver da imagem abaixo dela. Gostaria de colocar aqui cerca de 60%. Agora clique aqui e eu rolou para baixo. E para o texto alinhar aqui, Clique no centro Agora role para baixo até o preenchimento. E eu gostaria de adicionar 10 para o topo. Agora role para baixo e clique em. Salvar. Agora nós inserimos a imagem de fundo. Vamos em frente e adicionar o texto. Desça aqui para arrastar texto e solte-o aqui. Agora você insere o texto que melhor se adequa ao seu negócio. E quanto a este site, já que é sobre Web design, vou inserir meu texto. Agora que eu entrei detecta, Eu quero se você notar que há um espaço entre esses textos, para que ele pareça melhor. Quanto a este texto aqui, eu quero escolher o título para digitar. Eu gostaria de torná-lo ousado. E quanto à cor aqui, gosto de escolher branco e alinhá-lo ao centro. E se você clicar aqui, você verá que ele desapareceu. Mas está aqui com você. Seleciona. Você pode ver que ele ainda está aqui agora para este aqui nós selecioná-lo. Quanto à frente eleita, ela estava na 5ª posição. E quanto à cor, eu gostaria de torná-la branca e alinhá-la ao centro. Agora nós apertamos enter e enter novamente dedo do pé, fazer um espaço entre este texto eo botão que estamos prestes a adicionar Agora passe o mouse aqui sobre códigos curtos. Clique nele e vá para os botões. Agora, quanto ao texto do botão, vou entrar, terminar e adicionar as setas duplas. E quanto ao estilo do botão, vou digitar um grande apartamento azul. E eu vou deixar estes campos vazios porque eu queria ser de qualquer outra cor que não estas aqui. E não quero que este botão redirecione para nenhuma página. Mas se você quiser, você pode fazê-lo redirecionar para uma página diferente. Por exemplo, o dedo do pé da sua galeria, confira os desenhos que você tem. Agora clicamos em inserir e selecionamos este botão. Alinhamo-lo ao centro. Agora passamos pelo estilo aqui e rolamos para baixo até o tamanho da fonte. Aqui, clique aqui e digite 18. Agora nós rolamos para baixo até um tapinha e adicionamos 30 para o topo e 30 para o fundo. Agora vamos rolar para baixo para salvar e clicar em Salvar. E como você pode ver, terminamos com a seção de ação. Agora clique em Salvar aqui e clique em Fechar. Você pode ver que nós construímos esta bela seção de ação. Obrigado por assistir. Vejo você no próximo tutorial. 17. Seção de habilidades para criação de habilidades: alto. Agora que construímos a seção de ação, é hora de construir a próxima seção, que é a seção de habilidades. É o que você vê aqui com estes belos progressos Marte. E com essas transições, vamos adicionar esses textos e esses textos aqui também. Agora primeiro, vamos ao nosso construtor. Ligue a partir daqui. Agora nós rolamos para baixo e passamos o mouse aqui e clique em opções. Agora vou editar o efeito. Se você digitar F duas vezes, você verá que ele vai desvanecer-se. Você clica nele. E quanto à cor de fundo, eu gostaria de inserir este código d um d um d um um d um um um. E, claro, você pode selecionar sua própria cor de fundo se você clicar aqui e você sabe como fazer isso. Agora terminamos com o estilo aqui. Então, vamos clicar, Salvar. E agora vamos começar a adicionar o primeiro texto, que é o cabeçalho Arraste e solte este texto aqui. Agora nós digitamos o texto que queremos Eu vou digitar o que nós somos bons agora, selecione o texto inteiro. Quanto ao fundo que eu gostaria de selecionar o título para e eu gostaria de torná-lo em negrito e alinhá-lo a este centro. Agora clicamos em Salvar e, como você pode ver, está feito. Não, está adicionando um pouco de estofamento. Quanto a tapinhas, significa que é a distância entre este texto e a seção antes de ser esta área aqui. Então eu gostaria de adicionar um pouco de preenchimento se você clicar aqui, ir estilo do dedo do pé Aqui, rolar para baixo dois tapinhas. E aqui eu gosto de inserir 30 para o topo e agora clique em Salvar. Como você pode ver, ele desceu um pouco. Agora vamos em frente e adicionando o divisor. Não vamos adicionar o módulo divisor daqui. Vamos apenas duplicar este aqui e depois arrastá-lo para baixo. Agora passe o mouse aqui e clique em duplicar. Agora você clicar e segurar este módulo aqui, você rolar para baixo e soltá-lo aqui. Agora vamos dividir isso em três seções iguais. Se você passar o mouse aqui e clicar aqui, você verá que ele foi dividido. Agora arraste este aqui e solte-o bem no meio. Agora vamos adicionar no texto que você vê aqui, Então vamos voltar assim, como o módulo de texto a partir daqui. Arraste-o e solte-o aqui. Tenha cuidado para não deixar cair aqui ou ali. Certifica-te de que o deixas cair aqui. Agora você digita o texto que você quer, e eu tenho o meu raio de texto. Então eu vou colar como texto simples. E se você selecionar seu texto, eu prefiro escolher o título cinco e alinhá-lo à esquerda. Agora vamos modelar o dedo do pé. Aqui nós rolamos para baixo até um tapinha e para a parte inferior, gostaríamos de adicionar 30 e clique em salvar. Não, vamos passar o mouse aqui e selecionar este divisor aqui. Clique nele e você verá que o texto agora está alinhado à esquerda. Agora, nesta área aqui, vamos adicionar as barras de progresso. Então, primeiro, vamos selecionar o módulo de imposto de droga e sair desta área. Agora vamos adicionar em nosso código de barras de progresso aqui. Então, volte para um painel, logo abaixo das configurações. Você vai até a barra de habilidade da Katie, você clica nela. E como você pode ver, você tem três desenhos diferentes aqui. Eu recomendo usar este aqui porque ele parece melhor e é mais profissional do que estes aqui em baixo. Não, você copia o código abaixo dele e volta e cola-o aqui. Agora vamos ao estilo. Nós rolamos para baixo até um preenchimento e adicionamos 30 para a parte inferior. Agora clique em Salvar. Você pode ver essas belas transições e esses títulos aqui, aqui, aqui e aqui. E estas porcentagens aqui que representam a quantidade de carga feita pela barra. Agora, vamos em frente e editar este aqui como um exemplo para mostrar que você teve que adicioná-lo ao título para um progresso Mais, bem como a porcentagem agora passar o mouse sobre aqui. Clique em, Adicionar. Agora este é o título, você vê. Está bem aqui, entre estas aspas, vamos adicioná-lo. Este aqui como um exemplo. Então, você seleciona o texto à direita entre essas aspas e insere o texto desejado. Quero entrar na Web design. E quanto às porcentagens, você vai aqui para este aqui, bem entre as citações onde diz por cento e este aqui. Quero manter 90% por este. Aqui, eu quero o anúncio e nove para torná-lo 95% e este aqui. Quero adicionar 98%. Tenha cuidado para não excluir nenhuma das aspas porque não funcionará se você fizer isso. E eu quero manter este aqui para 100% agora vamos salvar e você pode ver que o título mudou aqui, bem como as percentagens. Isso é tudo por esta seção. Então, vamos clicar, salvar e fechar. E terminamos com a seção de habilidades. Obrigado por assistir. Vejo você no próximo tutorial. 18. Como criar o nosso cliente: Oi. No tutorial anterior, terminamos de construir a seção de habilidades, a que você vê aqui com essas belas barras e transições. Agora, no setor, vamos construir a seção de clientes. Você vê aqui com esses belos controles deslizantes e imagens. Agora, quanto às imagens que você vê aqui nesses controles deslizantes, todas elas têm a mesma extensão, que é PNG. São todas imagens PNG que têm fundos transparentes. Agora, qualquer imagem que você carregar aqui, qualquer logotipo precisa ser uma imagem PNG, a fim de parecer profissional e ter um fundo transparente . Agora, no caso de você ter qualquer imagem de logotipo que você deseja carregar e que não é um tipo PNG, por exemplo, J P G ou qualquer outra coisa, eu vou mostrar-lhe como transformá-lo em uma imagem PNG. Agora abra primeiro em New Tab e vá para este site. Picks ehlert ponto com p i X l r ponto com barra editor Agora hit. Digite agora clique na imagem aberta do computador e você rolar para baixo Se você não tem sua própria imagem, Eu tenho uma imagem de exemplo aqui que você pode selecionar. É um arquivo J Peg e clique em abrir agora maximizar um pouco a partir daqui e você passar o mouse sobre esta ferramenta aqui. Chama-se “Ferramenta Varinha”. Você clica nele agora você seleciona as partes que deseja mostrar em seu ícone e deixa o resto desamarrado. Quanto à marcação, primeiro você clica neste aqui. Agora você pressiona e mantém pressionado o botão Shift e seleciona as partes desejadas na imagem. Vou selecionar todas essas letras, uma por uma. Clique neste aqui. Este. Este aqui, aqui, aqui e agora este aqui. Ouçam, ouçam este aqui. E estes dois aqui e aqui. Agora clique em controle, Consulte para copiá-lo. E agora você paira aqui. Clique duas vezes neste aqui para desbloqueá-lo. Não, você vai até aqui e clica em nova camada. Agora você desmarcou este aqui clicando nele. Agora, no teclado, mantenha pressionado o controle V para colá-lo. E agora temos a nossa imagem PNG. Agora vá através da imagem aqui, clique nela e você vai o tamanho da imagem do dedo do pé. Clique nele e agora você seleciona as palavras Toby 300 e clique em. OK, agora você vai para o arquivo e clique em Salvar e aqui. Clique aqui e selecione PNG. É muito importante escolher Pay n g. Clique nele agora clique. OK. E quanto a este aqui, vamos salvá-lo como logotipo para saber Clique, salvar e fechar esta guia aqui para ir ao nosso site. Agora role para baixo e ative o Builder. Agora vamos rolar para baixo. Então esta parte aqui nós pairamos sobre aqui e clique em opções. Agora vamos fazer clique no cabelo e entrar F duas vezes para que possamos ir desvanecer dedo do pé em Clique nele. E quanto à cor de fundo, eu gostaria de inserir este código F seis F seis F seis agora rolar para baixo e clique em Salvar aqui Agora nós arrastar e soltar um módulo de texto aqui e ter sido o título da seção que é alguns fora nossos clientes agora selecionar todo o texto, vá para fontes aqui e selecione título para agora nós torná-lo em negrito Nós alinhá-lo para o centro e seguida, vamos através de styling aqui e rolar para baixo para ter que selecionar 30 para o topo e zero para o fundo. Agora descemos aqui para salvar Click It Now, quanto ao divisor, vamos sempre copiar este divisor aqui. E ele bebeu tudo. Então paire por aqui. Clique em duplicar. Arraste este aqui, todo o caminho para baixo e solte-o bem debaixo deste aqui. Agora passaremos aqui e dividimos em três seções. Agora arraste este aqui para a seção do meio. Largue isso. E agora passamos por estes módulos mais leves aqui, arrastamos e soltamos logo abaixo deste aqui. Não aqui, mas um pouco aqui. Agora, quanto ao modo de exibição aqui selecionamos imagens. Quanto à imagem real, clicamos, Procurar, biblioteca. E agora vamos fazer upload de arquivos e clicar em selecionar arquivos. Agora, como você pode ver no conteúdo que você baixou, você tem todos esses logotipos. Você é livre para usá-los. Se você não tem o seu próprio, clique no logotipo um e, em seguida, clique em abrir. Agora clique, Inserir arquivo seu l e, em seguida, direita aqui. Você vê, adicionar nova linha, você clica nela e você clica em. Navegue na biblioteca novamente para que possamos adicionar outra imagem. E agora clique em carregar arquivos aqui e agora, selecione arquivos. Agora nós rolamos para baixo dois logotipo para o qual é o que acabamos de editar. Não clique em abrir e inserir arquivo Seu L Agora nós rolamos para baixo até esta parte aqui para selecionar o estilo. Agora descemos, mantemos todos iguais. Exceto por estes Aqui você clica aqui e seleciona Não, porque não queremos nenhum controle deslizante cada botão para ser exibido. Acho que parece profissional. E para este aqui também selecionamos Não E para este aqui também, como não. Assim, podemos manter o fluxo de todas as imagens totalmente consistente e profissional. Agora vamos modelar o dedo do pé aqui, clique nele e rolamos para baixo. Quanto ao alinhamento de texto, clicamos no centro. Eu rolar para baixo um pouco mais e quando chegamos ao preenchimento para o topo atinge 30 para o fundo Riccio 30 e para a esquerda Aqui nós escolhemos 30 também para torná-lo melhor. Nenhum clique salvar e temos o primeiro controle deslizante. Agora vamos passar o mouse aqui vamos para este aqui dividido em três seções iguais e você pode ver que temos três seções iguais aqui para que possamos adicionar mais dois controles deslizantes dedo alinhá-los todos juntos agora passe o mouse sobre aqui e clique em duplicar e passe o mouse sobre este Um. Aqui. Clique em Duplicar novamente. Agora arrastamos este aqui, este ali e passaremos o mouse sobre este ícone aqui. Clique em Editar para que possamos alterar as imagens e você vê este X aqui, clique nele e clique em Procurar Biblioteca. Agora você vai fazer upload de arquivos, selecione arquivos e nós escolhemos Logo três, Clique em abrir. Agora, clique em Inserir arquivo seu AL e com o mesmo para este dela Nós clicamos neste X aqui para removê-lo e clique. Navegue na biblioteca Agora vá para carregar arquivos e selecione arquivos. Agora role para baixo. E este estava aqui? Olhe como abrir agora clique em Inserir arquivo seu l e agora clique em Salvar. Agora vamos pairar por aqui. Clique nele e removemos este aqui. Biblioteca Bravo Goto fazer upload de arquivos e selecionar arquivos. Por que o quinto logotipo agora não clique em inserir. Siga o seu Al. Vá até este. Aqui clique em remover e linhas de trabalho novamente Carregar arquivos. Selecione os arquivos que rolamos para baixo. Inch foi o último logotipo aqui. Agora clique em abrir Não clique em Inserir arquivo. Seu l agora clique em Salvar Saiba que construímos com sucesso a nossa seção de clientes há mais uma coisa que eu vou mostrar-lhe. Como você pode ver, esses três logotipos deslizam de uma forma que parece de alguma forma no profissional. Então vamos mudar a forma como eles deslizam. Você tem a opção de fazer isso se quiser. Então passe o mouse aqui e clique nele. Não, nós rolamos para baixo E quanto ao efeito, selecionamos fade clique direito Salvar. E se você notar aqui é luzes de uma maneira mais suave e profissional Então nós vamos mudar os outros para realmente o mesmo que este aqui, clique nele agora rolando para baixo para efeito e clique, Fade Não gosto de salvar em Faça o mesmo coisa para este aqui para ele Agora role para baixo e para o efeito que selecionamos fade e, em seguida, salvar Agora estamos feitos com a seção de cliente Clique, salvar e, em seguida, fechar. E como você pode ver, nós construímos com sucesso nossa seção de clientes com esses controles deslizantes bonitos e profissionais . Obrigado por assistir. Vejo você no próximo tutorial 19. Buidling de a seção de equipe (1): Oi. Agora é hora de começar a construir nossa seção de equipe. Antes disso. Vamos rever o que construímos até agora em nosso site. Vamos para a nossa página aqui. E como você pode ver, começamos com Beautiful Header e adicionamos esta home page. Nós adicionamos este logotipo aqui, bem como o golpe favorito que você vê aqui em cima. E adicionamos esta bela imagem de fundo e adicionamos o futuro de rolagem paralaxe com esta bela seção de serviços. Com essas transições e botões, nós adicionamos esta seção de ação aqui nós criamos esta seção de habilidades com essas belas barras E por último, mas não menos importante, nós construímos essa seção de clientes que você vê aqui agora é hora de começar a construir nosso seção de equipe primeiro, vamos ligar o construtor aqui. Agora vamos até esta área aqui. Primeiro vamos aqui e clique em opções. Agora vamos descer a cor de fundo do dedo do pé dela. Nós adicionamos este código hexadecimal D um d um e, claro, você sabe como selecionar sua própria cor clicando aqui. Agora vamos rolar para baixo e clicar. Salve agora vamos começar com o cabeçalho fora desta seção. Vamos arrastar e soltar este módulo de texto aqui e digitar o título desta seção. Não, selecione o texto e o fundo, É claro, indo para como antes, Sem clique em negrito e uma linha para o centro. Agora vamos passar pelo estilo aqui e rolar para baixo para ter e adicionar 30 para o topo e zero para o fundo. Agora clique em Salvar aqui. E agora, quanto ao divisor, vamos até esta seção. Aqui vamos passar o mouse aqui e clicar em duplicar. Agora nós arrastamos este divisor duplicado todo o caminho para baixo e logo abaixo deste aqui, solte-o. Não, nós dividimos em três seções iguais daqui. Nós drogamos para o meio aqui e agora é hora das imagens. Agora não vamos adicionar as imagens logo abaixo desta. Aqui, vamos pairar sobre esta parte. Aqui nós clicamos em opções. Agora, quanto à cor de fundo, vamos adicionar a mesma cor de fundo, que é D um d um d um um d um um. E como você notou, não faz diferença se é letra maiúscula ou minúscula. Tudo funciona da mesma forma. Agora vamos rolar para baixo para ter que adicionar em 24 o topo e 20 para o fundo? Não. Nós rolamos para baixo e clique em Salvar. Agora vamos para o módulo de imagem aqui, arrastá-lo e soltá-lo nesta área aqui. Não, primeiro, quanto ao estilo da imagem, gostaríamos de escolher este aqui, o que significa imagem centrada. E quanto à imagem ou eu navegue, biblioteca, upload de arquivos, selecione arquivos e selecione a imagem que você gosta E para este aqui, eu vou escolher minha imagem bem aqui. Clique em abrir agora vá toe inserir arquivo seu AL. E quanto à aparência da imagem, dê este aqui em volta dele verificado. E eu gostaria de verificar este aqui, bem como para a floresta. Gostaria de fazer 350 por 400. Agora vamos rolar para baixo até a legenda da imagem e eu gostaria de inserir meu nome. Agora vamos estilizar os dedos aqui. Agora, quanto ao efeito, vou clicar aqui e entrar em F duas vezes até chegar a esta área que está rastejando até eu começar a desaparecer e subir. Clique nele. E agora eu vou para o tamanho estrangeiro. Eu clicar aqui e entrar também e clicar nesta seta aqui e selecionar m. Isso significa ênfase e agora ir para o texto em Clique em um centro de linha. Agora vamos salvar aqui, e como você pode ver, temos nossa primeira imagem. Agora passe o mouse aqui e clique aqui para dividi-lo em três seções iguais. E quero direcionar esta para o meio, depois passar o mouse aqui e clicar em duplicar. Não, paire sobre este. Aqui, arraste e solte aqui. Agora clique em Duplicar novamente a partir daqui e arraste este aqui para cima. Agora, vamos começar aqui por este. Aqui, mouse sobre este ícone. Vá para adicioná-lo. E agora a imagem. Quero cancelar esta. Sua biblioteca de navegação, ir para carregar arquivos, selecionar arquivos. Bem, então escolha este. Aqui. Agora clique em Inserir arquivo seu l e manter tudo o mesmo. Exceto pelo nome da legenda. Aqui. Vou escrever em nome de Michael Stewart. Agora clique. Salvar. Agora vá para este. Aqui, clique nele. Agora cancelamos este aqui. Biblioteca desperta, faça upload de arquivos. Selecione os arquivos. Agora role para baixo até a última imagem desta. Aqui. Abra agora. Vá para inserir arquivo seu al E quanto à legenda aqui, eu vou inserir o nome um clique salvar Agora vamos continuar adicionando os textos, bem como os botões abaixo dessas imagens. E em Exito Auriol Obrigado por assistir. 20. Construindo a seção de equipe(2): Oi. Agora vamos continuar adicionando esses textos que você vê aqui, bem como desses botões. Primeiro, vamos arrastar e soltar este módulo de texto logo abaixo deste aqui. Agora nós inserimos o texto que queremos Não tenho meu texto pronto, então eu vou apenas copiar e colá-lo como texto simples aqui e alinhá-lo ao centro e escolher este para ser negrito. Não, eu vou entrar. Digite uma vez e passe o mouse sobre códigos curtos. Aqui, clique nele. Vá para um botão. Agora, quanto ao texto do botão em que estou. Digite Leia mais. Quanto ao bloco botões, estou em Enter mídia azul plana e vou deixar o resto dos campos nt. Claro, você sabe como caí-los e o que cada um deles significa. Agora vamos inserir e este botão aqui alinhado ao centro. Agora descemos aqui para salvar e acabamos com o primeiro texto. Agora vamos passar o mouse aqui e duplicar esse texto e passar o mouse novamente e duplicar novamente. Torna o trabalho mais fácil e rápido. Se você duplicar coisas e arrastar e soltá-lo aqui, arraste e solte este aqui. E vamos modificar este aqui, olhe para ele. E eu vou selecionar outro texto, então eu vou pegar meu texto daqui. Agora, faça este aqui. Negrito. E agora vamos salvar aqui em baixo. Agora vamos pairar por aqui. Olhe para ele e eu vou inserir meu texto, que é o único aqui. Alguém uma cópia e, em seguida, apressar como texto simples. Bem aqui. Agora faça este aqui em negrito e clique. Poupe aqui em baixo. Agora criamos esta seção de equipe. Vamos clicar, salvar e agora como roupas. E como você pode ver, terminamos com nossa seção de equipe. Agora vamos até o topo e clique em Atualizar para ver as alterações e os efeitos de cada seção. Agora nós rolamos para baixo e vemos as transições na seção de serviços. Vemos esta transição de pulso da seção de ação. Vemos esse progresso mais está carregando. Vemos esses clientes isqueiros indo e vemos a seção de equipe com essas imagens aqui desaparecendo todo o caminho até aqui. Agora terminamos com a seção de equipe. Obrigado por assistir. Vejo você no próximo tutorial. 21. Seção de depoimentos em buiding: Oi. Neste tutorial vou ensinar-lhe como construir a seção de depoimentos. Você vê aqui com este belo fundo de vídeo e este controle deslizante aqui Agora a única coisa que sobrará depois de construirmos a seção é adicionar esses ícones de mídia social que você vê aqui em baixo. Agora vamos ao nosso site e ver o que estamos fazendo. Até agora terminamos a construção da seção de serviços. Construímos a seção de ação, a seção de habilidades que você vê aqui a seção de clientes aqui. E a última coisa é a seção de equipe que você vê aqui vamos começar a construir nossa seção de depoimento logo após re editar e obter essas imagens prontas. Estas imagens circulares aqui nós primeiro vamos para uma nova guia e entrar Pick macaco ponto Venha P I c m o e K e y ponto com agora bater. Digite agora não iria chegar a esta capa de página sobre adicionado Aqui, clique nele. E agora você escolhe a imagem que deseja para este tutorial. Eu gostaria de escolher este aqui. Clique em Abrir. Agora. A primeira coisa que você quer fazer quando você tem sua imagem bem aqui é ir para Reese ice e certificar-se de que sua imagem está sob esta escala. 600, em seguida, clique. Aplique agora. Quanto a esta imagem, já é 600 por 600. Mas tenha cuidado com qualquer imagem que você quiser. Certifique-se de que são 600 por 600. Agora vamos para quadros aqui. Clique nele e vá até aqui para cantos arredondados. Clique nele e primeiro marque esta caixa aqui para se certificar de que esta imagem tem um plano de fundo transparente . Agora vamos maximizar o círculo e vamos torná-lo um círculo completo. Como você vê este fundo que você vê, aqui está um fundo transparente, significa que esses quadrados lá atrás não estarão em nossa imagem. Só veremos esta imagem circular aqui. Agora vamos salvar. Agora certifique-se de que o tipo de imagem aqui como PNG certifique-se de selecionar P n G. Agora vá para baixo aqui e clique em Salvar para o meu computador e vamos salvá-lo como sublinhado testemunho para sublinhar feito um nenhum clique salvar e vamos fazer a mesma coisa para o próximo imagem. Não como rolagem aberta para baixo. Faça este aqui, clique e abra. Agora vamos para os cantos arredondados e você marca esta caixa aqui. Fazemo-lo círculo completo e agora clicamos em segurança. Agora vamos ter certeza de que é PNG bem aqui, parecia salvar para o meu computador e eu gostaria de dizer que como sublinhado Feito um. Agora clique em Salvar. Agora fechamos esta guia aqui e começamos a construir nossa seção de depoimentos. Agora vamos para a nossa página e ativar o construtor aqui. Agora vamos rolar para baixo e passar o mouse aqui. Clique em Opções. E quanto ao tipo de fundo que eu queria para seu vídeo de fundo, clique, navegar, biblioteca agora carregar arquivos e selecionar arquivos. Agora você pode escolher este vídeo que eu incluí no meu conteúdo. Está bem aqui. Estrelas fundo de vídeo, clique em abrir Agora que o vídeo é carregado, concerto semanal cair seu L. Agora nós rolamos para baixo e clique em Salvar aqui e agora você pode ver que esta seção tem um fundo de vídeo. Agora vamos em frente e começar a adicionar o texto arrastar e soltar este módulo de texto aqui. Agora adicionando depoimentos. Selecione o texto. Agora queremos escolher o título para torná-lo ousado. Torná-lo centrado. E quanto à cor, eu quero escolher branco para torná-la visível para nós. Agora passamos por um estilo e rolamos para baixo até um tapinha. E para o topo, eu quero anúncio em 30 pixels para o fundo que queremos adicionar zero. Não, clique em salvar. Agora temos o divisor que você vê aqui duplicado primeiro e agora um arrastar e rolar para baixo . Então deixamos cair logo abaixo deste aqui. Agora passamos o mouse sobre o divisor aqui e dividimos em três seções iguais e arrastamos para o meio. E agora queremos anúncio no controle deslizante, arrastar e soltar este isqueiro logo abaixo dele. Aqui. Agora, quanto à exibição aqui, queríamos usar texto. O que você vê aqui. Agora, primeiro inserimos o texto que queremos. Tenho a minha mensagem pronta. Então eu vou apenas copiá-lo daqui e colá-lo bem aqui. Agora adicionamos a imagem. Então, clique em adicionar mídia. Agora vá para o upload de arquivos, selecione arquivos. Agora role para baixo e você pode ver que nós temos isso aqui. Qualquer um destes dois. Primeiro, vou inserir este aqui, clicar em abrir. Agora nós clicamos em inserir no post, e agora nós maximizamos um pouco a partir daqui neste trimestre. Clique e desloque-o para baixo. Agora, quanto a esta imagem aqui, quero minimizá-la para cerca de 200. Agora temos aqui e uma linha esquerda para que possamos adicionar este texto à direita. Agora clicamos aqui antes do texto e clique em códigos curtos. Agora passe por caminhadas bem aqui. Clique nele. Agora, quanto ao estilo da caixa, é quase o mesmo que os botões. Mas há uma coisa que é diferente, que é a marca que você vê aqui. Este é chamado de comentário, e esta caixa aqui é chamada apenas arredondada, e nós vamos adicioná-lo a partir daqui. Agora, primeiro adicionamos a cor da caixa, que é azul. No nosso caso, como vê aqui, é azul. A próxima coisa que entramos como o ícone que você vê aqui, este aqui é chamado de Comum. Então vamos voltar e seu comentário agora entrar no espaço e entrar no estilo da caixa, que será em torno dele. No nosso caso. Como você pode ver, tem um cantos arredondados. E agora role para baixo e clique em Inserir. E você vê esses códigos aqui. Você gostaria de selecionar este aqui, em seguida, arrastá-lo para baixo logo após este. Aqui. Agora role para baixo e clique em. Adicionar nova linha. Agora temos esta nova linha. Primeiro inserimos o texto que queremos. Vou só colar o texto que recebi e vou mudar o nome da pessoa lá em baixo . Agora vamos até aqui, selecionamos este código a partir daqui. Copiar. Agora role para baixo e cole-o logo antes do texto aqui como texto simples. Agora copiamos este aqui também e colamos aqui logo depois deste aqui como texto simples também. Agora clicamos aqui e clique em Adicionar mídia. Agora vamos fazer upload de arquivos, selecione arquivos agora role para baixo. E aqui nós dissemos, como este aqui, tipo aberto. Agora nós clicamos em inserir no post e nós minimizá-lo primeiro. Clique agora, Minimize daqui até 200. Agora clicamos aqui, uma linha à esquerda e rolamos para baixo. Faça esta parte aqui em baixo e vamos para a velocidade aqui e selecione lento. Agora, quanto ao efeito, selecionamos fade E para este aqui mostrar controle deslizante. Paginação fraca como não e mostrar botões de erro deslizante. Nós clicamos. Não, agora vamos salvar aqui. Agora temos nossa seção de depoimentos pronta. Então, clicamos. Salve agora nós clicamos em fechar agora terminamos de construir nossa seção de depoimentos. A única coisa que sobrou como pai nos ícones das redes sociais aqui em baixo e dar uma olhada final na nossa página antes de começarmos a construir a próxima página. Obrigado por assistir. Vejo você no próximo tutorial. 22. Como adicionar ícones de redes sociais: alta. Agora que construímos nossa seção de depoimentos, a única coisa que resta em nossa página inicial para adicionar são os ícones de mídia social aqui em baixo. Agora vamos voltar. E há mais uma coisa. Eu não vou te ensinar como fazer, que é se você for para esta imagem aqui. Se você clicar nele, você verá que ele aparece em uma caixa de luz aqui em cima. Agora, a fim de cancelar este recurso e para fazer esta imagem unclip Kable, nós primeiro ativar o construtor. Agora vamos rolar para baixo e pairamos sobre este. Aqui, clique nele. Agora nós clicamos nesta imagem aqui e você vê esta edição Aqui você clica nela. E se você vir aqui ligado ao arquivo de mídia, nós clicamos em nenhum aqui e agora clique em atualizar. Agora vamos rolar para baixo até a próxima imagem. Nós clicamos nele e clicamos neste aqui. Agora, quanto ao link aqui, nós clicamos em nenhum. Agora clicamos em atualizar Agora clicamos em Salvar e há uma última parte aqui. Se você vir esta seção aqui, é branca. Não queremos que esta seção apareça em nossa página. Então, passamos o mouse aqui e clicamos em excluir. Agora clicamos em salvar e fracos como roupas. Agora, se você descer, você vê que se você clicar nesta imagem, ela não vai aparecer em uma caixa. Agora vamos em frente e começar a adicionar nossos ícones de mídia social aqui em baixo, que serão exibidos em todas as páginas no rodapé. Não, primeiro para voltar para o painel e ir para o Ultra. Agora, vá aqui através de links sociais e você vê essas caixas de mídia social, todas elas. Vamos começar com o Twitter aqui. Quanto ao link que você adiciona no link para sua conta do Twitter aqui. Então eu vou adicionar um sinal de hash, a fim de fazer o ícone fora do Twitter aparecer no rodapé mas não vincula a qualquer lugar Agora, como para a cor do ícone, nós clicamos aqui e ir dedo do pé azul. Quanto era uma cor azul claro para ele? Agora, quanto à cor de fundo, quero digitar F seis vezes nove. Clique aqui para fazer com que ele tenha um fundo branco. Agora role para baixo. Este aqui é o Facebook. Como você pode ver, é apenas um texto para que você possa editá-lo e inserir o que quiser. Agora, quanto ao link, você entra aqui um hash. E quanto ao ícone, você vê que é f um Facebook. Você sabe como inserir um ícone clicando? Insira o ícone aqui e você escolhe o ícone desejado, basta clicar no ícone. Ou se você não quiser olhar para essa longa lista de ícones se você apenas digitar em F A traço Facebook e o ícone do Facebook aparece no rodapé. Agora, quanto à cor do ícone, quero dizer olhar como aqui ir para a cor azul e escolher algum tipo de azul escuro. Quanto ao fundo, vou escolher F seis vezes para um fundo branco. Agora, o próximo aqui é o Google. Além disso, eu vou fazer um link no dedo do pé em lugar nenhum, então basta digitar um hash, a menos que você tenha uma conta do Google Plus e digite o seu AL aqui tem para a cor do ícone. Vou escolher uma cor vermelha. Basta digitar a cor que você sente melhor para você. E para a cor de fundo, digite branco. Agora, quanto ao YouTube, eu estou em introduzir um hash. Quanto à cor do ícone, vou escolher quase o mesmo que o Google Plus. Agora, quanto à cor de fundo, vamos torná-la branca. E se você ver aqui embaixo, há mais uma conta adicionada mais um ícone de mídia social. Nós não queremos isso. Então, basta clicar neste X aqui e só temos quatro ícones mostrando no rodapé. Agora, se você quiser adicionar mais ícones de mídia social, basta clicar em Adicionar link aqui e essa caixa aparece, você insere as informações como fizemos antes. Agora vamos cancelar esta, vamos clicar em salvar e se você notar os ícones que escolhemos aqui, aqui, aqui e aqui, todos eles aparecem no site aqui, aqui, aqui e aqui. Agora vamos voltar à nossa página. E se você ver, mesmo se você atualizar a página, os ícones de mídia social não estarão aparecendo nos quatro ainda porque precisamos adicioná-los manualmente como um widget. Então primeiro vamos personalizar aqui. Agora vamos até aqui para widgets e agora vamos para pé ou widget social aqui. Agora clicamos em adicionar widget. Não, deslocaremos para baixo para simplificar os comprimentos sociais. Nós clicamos nele você vê, se você descer para o rodapé que os ícones de mídia social estão mostrando aqui em baixo. Mas eles são de alguma forma pequenos. Então vamos aqui o tamanho do ícone do dedo do pé. Clique nele e ela era grande. Agora você vê que os ícones de mídia social são grandes o suficiente para serem visíveis aqui, e por isso concluímos a página inicial. Nós clicamos, salvamos e publicamos. Não, clicamos aqui para voltar, sair desta página e agora terminamos com a primeira página, a página inicial. Vamos rever e ver o que construímos. Até agora, nós construímos este cabeçalho. Nós adicionamos a home page, o logotipo, o con favorito, esta bela imagem de fundo. E à medida que rolamos para baixo, adicionamos a seção de serviços. Adicionamos a seção de ação aqui com um efeito de puxar. Nós adicionamos o progresso Marte aqui nós adicionamos a seção de clientes aqui com esses belos controles deslizantes. Adicionamos uma seção de equipe aqui, e a última coisa que adicionamos foi o testemunho da seção. E então nós adicionamos os ícones de mídia social que você vê aqui e se você notar que há esta era bem aqui que se você clicar nele, você vai para o topo da página. Agora, depois de termos criado esta página inicial, vamos começar a criar e editar a página da galeria. Obrigado por assistir. Vejo você no próximo tutorial. 23. Como criar galeria: Oi. Agora vamos começar a criar e editar nossa página de galeria. Vamos criar uma bela página que começa com este grande e bonito vídeo de fundo. À medida que rolamos para baixo, podemos ver esta seção de fundo animado aqui e esta uma bela imagem de fundo com o recurso de rolagem de paralaxe. E à medida que rolamos para baixo, vamos para a nossa galeria com este cabeçalho de fundo bonito e animado. À medida que descemos, vemos a bela galeria que criamos. E quanto a este fundo, é um fundo de paralaxe. E se você notar que se você clicar em qualquer uma dessas imagens, elas aparecem em uma caixa de luz. Ele você pode escolher qualquer imagem que você quer, e você pode ir e voltar entre eles com esses erros nos lados e quando você está pronto, você clica neste X Aqui ele vai direto para o seu lugar e no final aqui você vê estes ícones de mídia social que adicionamos anteriormente. Eles aparecem em todas as páginas a partir de agora. Agora vamos para o nosso site e começar a criar a página da galeria primeiro. Passe por novo aqui e clique na página. Agora nós inserimos o título da página aqui. Então vamos entrar na galeria e descemos aqui. Quanto ao conteúdo com, escolhemos este aqui com Completo com. Agora, quanto ao filtro de imagem, escolhemos nenhum. E quanto a Ocultar título da página, que era sim, porque não queremos A página intitulada para ser exibida no início do Beijing Now clicamos em publicar. Agora vamos até aqui e clique na página de visualização. E como você pode ver, criamos a página da galeria. Vamos começar a editar a página da galeria clicando na opção Builder aqui. A primeira coisa que vamos acrescentar há um belo vídeo de fundo que você vê aqui. Então, vamos para a nossa página, passamos o mouse aqui como opções. Agora, quanto ao efeito, clique aqui e digite F duas vezes para escolher Desvanecer aqui embaixo. Agora, quanto ao tipo de fundo, que era vídeo Quanto ao vídeo de fundo, aqui vamos nós a uma biblioteca de navegação. Nós carregamos arquivos e selecionamos os arquivos daqui agora, no conteúdo que você baixou. Há um vídeo chamado água. Nós escolhemos, a menos que você tenha seu próprio vídeo sobre seu negócio. Aja como aberto Agora, Este vídeo pode demorar um pouco para carregar, então sente-se e relaxe até que ele seja totalmente carregado. Agora vamos inserir siga o seu doente aqui e agora nós rolamos para baixo até que você veja desativar Áudio Aqui nós clicamos nele e há alguns outros recursos que você pode jogar com aqui, por exemplo, desativado. Looping. Aqui. Isso significa que o vídeo reproduz apenas uns e não Luke e começar de novo quando ele termina. Agora nós rolamos para baixo para um tapinha que adicionamos em 3 94 a parte superior e 3 90 para a parte inferior e rolamos para baixo para salvar. E como vocês podem ver aqui nós temos nosso fundo de vídeo e há mais uma coisa que vamos adicionar a este fundo de vídeo, que é um texto vazio apenas para arrastar e soltar este texto aqui. Agora, nós não vamos inserir nada, então assim como salvar isso é para que possamos adicionar outro módulo aqui em baixo porque esta seção não aparece a menos que tivéssemos algo na seção anterior. E mudar o plano de fundo não é considerado uma alteração de módulo. Então precisamos adicionar em um módulo aqui qualquer coisa, mesmo que esteja vazio. É por isso que adicionamos o módulo de texto aqui. Agora vamos continuar a construir a página da galeria no próximo tutorial. Obrigado por assistir. 24. Como criar a página da galeria (1): Oi. Agora vamos continuar editando e construindo nossa página de galeria. A primeira coisa que vamos fazer antes de ir em frente e adicionar esta seção aqui é fazer este cabeçalho. Você vê aqui em cima transparente. Então, vamos ao nosso painel, passamos por páginas aqui. Agora vamos a uma galeria aqui, Click Head. E agora vamos a uma aparição temática aqui em baixo. Desça um pouco para baixo. E aqui tinha o seu passado, que era um fundo transparente. Não, nós rolamos para cima, clicamos em atualizar aqui e vamos para nossa galeria novamente. Não, se clicar em salvar e roupas agora, vá aqui e clique. Refresque. Você vê que o cabeçalho agora é transparente e podemos ver este belo vídeo por trás . Agora vamos começar a adicionar esta seção aqui com este texto e este botão. Vamos para a nossa página e ativar o Builder. Agora vamos cair. Faça esta seção aqui. Passamos o mouse aqui e clique em opções agora primeiro. Quanto à largura da linha que estava cheia seria como para o efeito aqui que foi desaparecer em então basta digitar F duas vezes e automaticamente vai desaparecer em Agora como para o modo de fundo. Nós escolhemos a capa completa a partir daqui e agora nós rolamos para baixo para texto uma linha aqui e olhar como centro. Em seguida, role para baixo até ver classe CSS adicional. E aqui você entra no traço animado B G. Certifique-se de que você entra neste direito. E não faça paladar, porque não vai funcionar. E isso é para a animação do fundo. Quanto às cores, elas são as cores. Você vê que nós adicionamos ao nosso tema aqui. Se você acessar as configurações e nós rolamos para baixo, você verá que essas cores aqui serão adicionadas ao plano de fundo da seção. Uma vez que digitamos nesta ala aqui, não clique em salvar, e você pode ver que esta seção tem uma cor de fundo animada. Agora vamos arrastar e soltar este módulo de texto aqui e, em seguida, digitar o texto. E quer falar do seu negócio ou da sua galeria? Vou inserir esta mensagem aqui mesmo. Agora selecionamos nosso texto, fazemos com que ele vá para o fundo. Nós torná-lo ousado e alinhá-lo ao centro. Agora apertamos Enter. Assim que passarmos por códigos curtos aqui e clicarmos em um botão. Agora, quanto ao texto do botão, vou digitar em contato conosco. Quanto ao estilo do botão, Eu vou digitar em grande contorno e eu vou deixar o resto anti, em seguida, clique em inserir. Agora selecione o código do botão e alinhe-o ao centro e, em seguida, vá estilizar o dedo do pé aqui. Agora desça até Patty. Agora, quanto ao topo, vou entrar em 30. Quanto ao fundo, sou uma resposta. 10. Agora vamos salvar aqui em baixo, clique em Salvar. E como você pode ver, nós construímos com sucesso esta seção animada. Agora clique, salve e role para baixo para que possamos adicionar esta imagem de fundo aqui com este texto no meio . Então volte e arraste e solte o módulo de texto aqui. Não, eu vou entrar no design legal. Vou selecionar este texto. Vou fazer com que tenha um, alinhá-lo ao centro, torná-lo ousado e mudar a cor para branco. Então passamos por um estilo aqui em cima e rolamos para baixo para bater. Eu vou entrar para 60 para o topo e para 60 para o fundo. Agora nós clicamos. Salvar Agora vamos até aqui e clique em opções. Quanto ao tipo de plano de fundo, nós o mantemos à imagem. E trouxemos a biblioteca dele para selecionar nossa imagem. Nós carregamos arquivos, selecionamos arquivos e selecionamos a imagem aqui. Clique em Abrir. Agora, clique em Inserir arquivo seu L. Agora, quanto ao humor de fundo, eu gostaria de selecionar Parallax rolagem a partir daqui. Agora nós rolamos para baixo e clique em Salvar aqui e terminamos com esta seção. Então, clicamos em Salvar e roupas para ver as mudanças que fizemos. Agora ele está rolando para cima. Você vê esta bela imagem por terra com esta rolagem paralaxe por terra E você vê esta seção animada com essas cores que continuam mudando suavemente e este vídeo que nós construímos anteriormente? Agora, se você notar que este botão aqui está um pouco longe do texto, então temos que ligar o construtor. Agora nós rolamos para baixo e clicamos aqui para editar o texto. E se você ver que há um espaço entre o texto e o botão, então nós apenas limpamos o espaço, em seguida, clique em Salvar e eu gostaria de salvar novamente aqui e clique em Fechar. Agora, se você for até o topo. Você vê isso? Este pão é mostrado aqui e a distância é boa entre o botão eo texto. No próximo tutorial, vamos continuar construindo a galeria adicionando isso e galeria aqui com esta seção. Obrigado por assistir. Vejo você no próximo tutorial. 25. Como criar a página da galeria (2): alta no setor continuará construindo nossa página de galeria. Agora vamos adicionar este belo cabeçalho com este fundo animado e inserir estas imagens de galeria e fundo. Agora vamos para a nossa página. Role para baixo e ative o Builder. Agora nós rolamos para baixo aqui nós pairamos sobre esta parte aqui nós clicamos opções. Agora, para esta parte aqui nós estamos apenas indo para rolar todo o caminho para baixo e classe CSS adicional . Vamos entrar em qualquer traço acasalado B G. Isto faz com que tenha um fundo animado. Agora vamos como, salvar Agora você pode ver este fundo animado aqui. Agora vamos arrastar e soltar este módulo de texto aqui. Agora aqui nós inserimos o título sobre uma galeria e eu tenho o meu texto pronto Então eu vou apenas colá-lo Agora nós selecionamos o texto inteiro. Selecionamos a fonte a ser dirigida, tornámo-la em negrito, alinhá-la ao centro e agora vamos estilizar o dedo do pé aqui. E quanto ao efeito, terminamos seu desvanecimento Então nós apenas digitamos f duas vezes Ele vai para baixo aqui nós clicamos e agora nós rolamos para baixo para um preenchimento Nós adicionando 30 para o topo e 30 para o fundo. Agora clicamos em Salvar aqui e temos nosso cabeçalho pronto para a galeria. Agora temos o título animado para esta galeria que vamos criar feito. Vamos começar a criar a própria galeria de arte. Cobrir aqui Clique nas opções para que possamos adicionar ao plano de fundo para a galeria. Agora, primeiro, quanto ao papel, com nós selecionamos largura total e agora vamos até aqui para uma imagem de fundo como biblioteca sobrancelhas . Vamos fazer upload de arquivos, selecionamos arquivos e descemos para esta imagem aqui e clicamos em abrir. Agora nós clicamos. Insira o arquivo seu l e certifique-se de que as imagens que você escolher aqui. Certifique-se de que há destaque e alta resolução porque você não quer que nenhuma imagem desfocada seja exibida em sua galeria. Deve ser profissional e destacado. Agora vamos para um fundo cortado aqui e seletivo e para Lexus rolagem e agora role para baixo para um preenchimento e adicionando 40 para o topo. Agora role para baixo novamente e como salvar aqui em baixo. Agora vamos inserir nossa galeria aqui. Desça aqui. Dois dos módulos de galeria arrastam e soltam aqui. Agora, quanto ao layout da galeria aqui, vamos mantê-lo em uma grade. Quanto à miniatura com, vou selecionar 400. Quanto à altura, vou selecionar 300 e agora aqui para a aparência da imagem. Vou manter arredondado, checado aqui, e clicar no estilhaço aqui mesmo. Você é livre para usar qualquer um desses dois também. Agora, vamos inserir nossas imagens reais daqui. Clique em Iniciar galeria Agora vá fazer upload de arquivos aqui. Agora clique em Selecionar arquivos. Agora, para selecionar todas as imagens para nossa galeria juntos, precisamos pressionar e segurar o botão de controle no seu teclado. Em seguida, selecione as imagens. Agora clicamos em abrir. Agora nós clicamos em adicionar à galeria aqui em baixo. E esta é a nossa galeria aqui. Agora, se ele notou sob cada uma dessas imagens, há um espaço de texto que nos permite inserir a legenda que queremos para aquela imagem que aparecerá na página. Então eu vou apenas inserir os textos para as minhas imagens. Agora que eu inseri meu texto, precisamos ir para aqui vinculado e selecionar arquivo de mídia. Isso faz com que a imagem apareça em uma caixa de luz quando você clica nela. Se você não quiser que a imagem apareça em uma caixa de luz, você pode selecionar nenhuma daqui. Mas, por enquanto, vou mantê-lo no arquivo de mídia e ter certeza que o número de colunas é três. E agora vamos até aqui e clique em Atualizar galeria. Agora vamos estilizar o dedo do pé aqui e para o efeito aqui, selecionamos o fade in. Então, basta entrar em F duas vezes Ele vai para baixo aqui. E quanto ao texto aqui, alinhamos o centro e agora rolamos para baixo até um preenchimento e inserimos 84 a parte superior e 24 a direita 84 a parte inferior e 20 para a esquerda. Agora role para baixo e, como salvar aqui em baixo. E se você rolar para baixo, você pode ver nossa bela galeria com essas imagens e este fundo Não, aqui em baixo, precisamos do dedo do pé. Exclua esta seção aqui, Então passe o mouse aqui e clique em Excluir agora, como salvar aqui e roupas. Agora vemos que a nossa galeria é feita com estas belas imagens e este fundo paralaxe Agora vamos para o topo da página. E se você notar que a galeria aqui não é a mesma que esta aqui porque a casa aqui vem antes da galeria. Não se preocupe com isso. Uma vez que terminamos com todas as páginas, vou mostrar-lhe como organizá-las na ordem que você quer e qual delas vem antes da outra. Agora, a próxima coisa que vamos fazer como criar nossa página blawg Obrigado por assistir. Vejo você no próximo tutorial. 26. Como criar uma página no blog e primeira postagem: Oi. Agora vamos começar a criar e construir são bloqueados Página Primeiro, vamos criar estes fazer belas postagens por aqui. Vamos criar essas imagens e adicionar esses textos que você vê aqui e, em seguida, vamos criar essa barra lateral e adicionar todos esses widgets, começando com a caixa de pesquisa que você vê aqui e indo para um Facebook como caminhadas que você veja aqui que você pode vincular a sua página do Facebook e adicionar esta caixa de assinatura aqui, os sites que vamos adicionar este Instagram alimenta show de luz em que você pode vincular a sua conta INSTAGRAM que mostrará as imagens em sua conta do Instagram como um apresentação de slides aqui e por último. Vamos adicionar nesta seção aqui com as postagens mais comentadas que mostram as três principais postagens populares em seu bloco. Agora vamos ao nosso painel e percorrer as páginas aqui. Agora clique em adicionar novo aqui. Agora, primeiro entramos o título fora da página, que é bloco, e rolamos para baixo através desta seção aqui. E quanto à opção da barra lateral, que é esta opção aqui, descemos para o filtro de imagem. Basta mantê-lo para o padrão, que é escala de cinza e aplicar para apresentar imagens em Lee. Porque se você disse isso para todas as imagens, o logotipo do site ficará cinza quando você passar o mouse sobre ele. E não queremos isso porque não é profissional. Só precisamos que as imagens do post fiquem cinzentas quando passarmos o mouse sobre elas. Agora, quanto ao título da página alta aqui, que era sim, porque queríamos que o título da página fosse exibido. E agora vamos a uma aparição temática bem aqui. Selecionamos esta opção aqui e o fundo do cabeçalho. Vamos mantê-la firme. E agora vamos até aqui e clicamos em publicar. Agora voltamos ao nosso site. Se você clicar em Atualizar, poderá ver que a página do bloco é adicionada aqui. Agora vamos clicar agora. Como você pode ver aqui, esta é a nossa página de bloco e esses widgets no lado aqui são os Widgets da barra lateral padrão Não se preocupe com eles. Vamos removê-los e adicionar nossos próprios widgets. Mas primeiro vamos começar a criar as postagens, então volte para um painel e percorra as postagens aqui mesmo. Agora clique em adicionar novo aqui. Não, primeiro entramos no título do nosso post, que é construir sites impressionantes. Agora nós inserimos o texto do post o conteúdo que queremos incluir no post. Eu tenho o meu texto vários. Vou copiar e colar aqui como texto simples. Agora vamos até aqui para adicionar nova categoria para que possamos adicionar a categoria para este post. Vou digitar técnicas de design e, em seguida, clicar em adicionar nova categoria. Agora você pode inserir quantas categorias quiser, mas por enquanto, vamos apenas inserir uma, que é esta aqui. E então você vai até aqui para as etiquetas e você insere a etiqueta para o post. Eu estou no fim seu design final, e é realmente importante para inserir pelo menos uma tag para o seu post, porque ele ajuda motores de busca , menina e encontrar o seu site e anfitriões do seu blog. Agora vamos até aqui através da imagem em destaque. Agora, a fim de adicionar esta imagem que você vê aqui, precisamos editá-la da maneira que queremos. Então vamos para este site forward dot com Agora vamos adicioná-lo aqui, e selecionamos a imagem que você quer agora para este tutorial. Ominous foi postar um que você pode ver no conteúdo que você baixou e clique em abrir. Agora você pode ver a imagem aqui. Primeiro vamos redimensionar aqui e entrar 785 e depois passamos pelo imposto aqui e inserimos um texto. Simon, insira o processo S e o. E quanto ao tamanho do fundo, você clica aqui, hominid. Escolha 82. E quanto ao fundo em si, vou escolher este. Aqui estão beijos, cócegas. Você pode ver que ele carrega bem aqui. Quando terminar de carregar, os fundos serão aplicados. Agora arrastamos o texto para onde quisermos, então vou arrastá-lo para aqui. E depois vamos salvar aqui. E quanto à qualidade, está tudo bem se você escolher normal e, em seguida, clique em Salvar no meu computador. Vou guardá-lo como anfitrião. Sublinhar um sublinhado. Feito. Não clique em salvar e voltar para o nosso painel. Se você descer aqui, duas imagens em destaque, clique, clique, navegue, biblioteca, upload de arquivos, selecione arquivos e, em seguida, vamos para baixo aqui Então este aqui post. Feito. Clique em Abrir. Agora vamos inserir danos aqui em baixo e você pode ver que a imagem vem prego está mostrando aqui. Agora vamos publicar aqui e clicar nele. Agora publicamos com sucesso nosso primeiro post. Agora é hora de adicioná-lo ao nosso Blawg. Vamos ao nosso blawg e ligar o construtor daqui. Então você vai até aqui para o módulo de postagem arrastar e soltá-lo lá. Agora, a primeira coisa que queremos acrescentar é o limite aqui. Então eu vou escolher 55 anfitriões do show, como nós rolamos para baixo. E quanto à exibição, eu vou exibir trecho porque eu não quero exibir todo o post na página. Eu quero exibir trecho para que os usuários possam clicar no post e vista de todo o post se você quiser e, em seguida, rolou para baixo e para baixo aqui para ocultar meta post. Vou verificar. Sim, agora podemos olhar salvar aqui em baixo e você pode ver que o post foi adicionado com sucesso ao bloco. Agora, se você notar que isso aqui está um pouco perto do cabeçalho. Então nós vamos apenas adicionar um pouco de preenchimento do dedo do pé, abaixar um pouco, então paire sobre esta parte bem aqui. Clique em opções. Agora nós rolamos para baixo até um preenchimento e adicionamos 80 para o topo. Agora role para baixo e, como salvar e você vê que ele caiu um pouco. Agora vamos, como salvar e fechar para ver nosso post. Você pode ver que nós adicionamos o primeiro post são blanc e parece bonito. Agora, se você passar o mouse sobre este post, você verá que ele fica cinza e continuaremos adicionando o segundo post e os outros widgets da barra lateral nos próximos tutoriais. Obrigado por assistir. 27. Como criar a segunda post: Oi. Agora vamos criar nosso segundo post. Então vamos voltar para a nossa página de postagens e ir até aqui para adicionar novo. Agora vamos inserir o título do post aqui, então eu vou colar o meu. E quanto ao texto, tenho o meu texto, Freddie. Então, vou copiar e apressar. Agora vamos através de categorias aqui e adicionar nova categoria, e eu vou inserir s e o. Em seguida, clique em Adicionar nova categoria. Agora aqui. Quanto aos ataques, vou entrar no WordPress e em seguida, clique em Adicionar. Agora, quanto à imagem em destaque, vamos construir nossa imagem na pasta. Então volte para este site, clique em limpar e em baixo aqui e então, tipo, abra. Agora nós selecionamos esta imagem aqui mesmo Post, também. Agora vamos redimensionar aqui, e vamos redimensioná-lo para 785 e depois passar por um imposto aqui e eu vou inserir minha mensagem agora. Vou selecionar o texto e adicionei a fonte. Eu vou pegar as fontes aqui e selecionar artística Oh, então eu vou arrastar este texto aqui e eu vou alinhá-lo para esta parte bem aqui. E quanto ao fundo, quero selecionar esta frente aqui. Então estamos acabados. Então eu vou drogá-lo um pouco aqui e, em seguida, clique em salvar aqui e selecionar a qualidade normal . Obrigado. Salve no meu computador, e eu vou salvá-lo em vez de feito. Em seguida, clique em Salvar. Agora vamos voltar para cá. E quanto ao futuro ele imagem, Eu troquei entre esta e aquela imagem post. Então eu vou apenas selecionar esta imagem aqui para este post e a biblioteca Browns, em seguida, fazer upload de arquivos. São ficheiros seleccionados. Agora vamos até aqui e eu vou selecionar este primeiro. Em seguida, clique em inserir imagem. Agora nós clicamos. Publique aqui. E eu vou passar por todos os postes aqui e por este post aqui mesmo. - Quantos? Clique nele. Então eu vou descer aqui e d selecionar este aqui e carregar o que acabamos de criar. Clique em carregar arquivos, selecione arquivos, em seguida, uma rolagem para baixo e selecione este aqui. Agora clicamos em inserir dano e temos a imagem que queremos aqui. Agora nós clicamos. Estou dias aqui. Agora vamos para o nosso Blawg. E se você clicar, atualizar aqui, Você verá o outro post mostrando. Agora temos criado com sucesso para o segundo post para o nosso bloco. Agora, como você pode ver aqui, o post que criamos mais tarde está sendo exibido em cima do que criamos anteriormente. Agora, no próximo tutorial, vamos começar a editar esta barra lateral e adicionar os widgets que queremos. Obrigado por assistir. Vejo você no próximo tutorial. 28. Como editar a barra lateral(1): Oi. Agora vamos editar a barra lateral. Vamos primeiro adicionar na caixa de pesquisa que você vê aqui, bem como a caixa de gostar do Facebook. Vamos ao nosso site e clique em Personalizar aqui. Agora nós clicar aqui e ir para baixo para widgets aqui em baixo, em seguida, ir para uma barra lateral aqui e você pode ver que estes são os widgets da barra lateral padrão Nós vamos fazer. Deixe-os um por um. Exceto por esta busca aqui. Seu primeiro você clicar neste ar aqui e clicar, remover e fazer a mesma coisa para o resto. Agora, quanto a esta busca aqui, clicamos na seta e escrevemos o título, que será a pesquisa. Agora você pode ver aqui que os outros widgets desapareceram, exceto para a pesquisa aqui. Vamos em frente e começar a adicionar esta caixa de Facebook aqui. Para adicionar esta caixa, precisamos instalar um plugue chamado Facebook como caixa inundada. Vamos ao nosso painel, desça aqui para conectar e clique em Adicionar novo. Agora vá até aqui para procurar plugins e digite no Facebook como caixa e certifique-se de que a caixa é uma palavra agora atingido. Entrar. E isso seria apenas o que você vê aqui. Não clique em instalar. Não é como ativar inundações aqui. E o plugue é ativado com sucesso. Vamos voltar à nossa página e clicar em Adicionar widget aqui. E se você notar que o Facebook como widget caixa não é adicionado aqui ainda, Então precisamos clicar, salvar e publicar. Em seguida, clique em Atualizar aqui. Não como recarregar esta página. Agora clicamos aqui, vá para os nossos widgets, vá para o lado mais e clique em adicionar widget. Agora você vê aqui o Facebook personalizado avançado como widget caixa é adicionado aqui. Então, se clicarmos nele, ele aparece aqui. Você pode ver que o widget está aparecendo aqui na barra lateral. Agora vamos começar a editar o próprio widget. Quanto à mulher título entrar como nós no Facebook. Agora, se você passar pelo seu tudo aqui em baixo, você vai precisar entrar na sua página do Facebook ou eu. Então eu vou copiar minha página do Facebook ou l e colá-lo aqui como uma amostra. E se você for aqui pela madeira. Vou manter até 300 agora se ele notou as páginas que aparecem aqui. Agora, quanto a esta questão do fluxo aqui em baixo, eu quero removê-lo. Então eu vou aqui. Obrigado, como não para show stream. Agora você pode ver que o fluxo se foi e a caixa de luz está mostrando de uma maneira mais elegante . Eu estava descendo um pouco. Quanto à cor de fundo, vou selecionar Salman branco inserir este aqui. E, claro, você pode entrar em F seis vezes. Ele vai dedo do pé branco e você vê que a cor de fundo aqui mudou. Agora vamos para baixo e eu quero clicar em Sim, para cabeçalho e para o preenchimento em um seleto 0.1. E quanto ao tamanho do raio, vou mantê-lo em 15. Mas para o tamanho da borda, que é a borda que você vê aqui, eu vou selecionar 0.1 também porque eu não quero que a borda para mostrar. E 0.1 é o número mínimo que você pode entrar agora nós rolamos para baixo. E quanto ao esquema de cores, vamos mantê-lo encantado. E então vamos até aqui agora, se você notar as caixas que aparecem aqui de uma forma bonita. Exceto por esta parte extra aqui, que podemos definir com a altura. Alguém disse que a altura para 2 50 e, em seguida, clique, salvar e publicar novamente. Agora terminamos com a nossa caixa de Facebook. Então nós minimizamos isso aqui. E a próxima coisa que vamos adicionar como esta caixa de assinatura aqui o feed do Instagram e o popular Post vamos adicionar estes no próximo tutorial. Obrigado por assistir e ficar nesta página. 29. Como editar a barra lateral(2): Oi. Agora vamos continuar adicionando widgets para a barra lateral vamos adicionar nesta caixa de assinatura aqui , este feed do instagram e esses posts populares aqui. fim de adicionar a caixa de assinatura primeiro precisamos ir a um painel e passar o mouse sobre um chimpanzé macho Reward press, Em seguida, clique em formulários. Agora, quando você chegar a esta página, vamos para esta área bem aqui e você vê este código aqui? Chama-se código HTML. A primeira coisa que vamos adicionar como o título da caixa aqui, quem este título, que aparece aqui, vai ser o título desta caixa aqui. Então eu vou digitar minha mensagem, que é ficar conectado para mais magia. Agora, agora, por aqui. fim de obter este texto no botão dizendo, obter as últimas atualizações, você precisa voltar e vale a pena diz valor aqui entre essas citações, digite o texto que você quer, Eu vou digitar e obter as últimas atualizações. E se você vir aqui como para um lugar titular em vez de seu endereço de e-mail, você pode alterá-lo para o que você quiser. Isto é o que aparece na caixa vazia aqui antes que alguém insira qualquer texto nela. Mas, por enquanto, vou manter este aqui como está. Agora volte aqui, e para que este botão fique azul, precisamos voltar aqui e carregar do estilo. CSS clique aqui e selecione o tema azul. Você é livre para escolher qualquer um destes aqui, mas eu vou escolher o azul agora aqui em baixo nós clicamos, salvar as alterações e mais uma vez, rolar para baixo e aqui usado o código curto. Você precisa copiar este código daqui. E depois voltamos para a nossa página. Nós clicamos, adicionamos widget, rolamos para baixo e clicamos no texto aqui. Agora, no conteúdo aqui basta colar o que você copiou daqui. E então você pode ver a caixa de assinatura mostrando aqui com este título que escolhemos e esta cor de botão e texto. Agora clique em minimizar aqui e clique em adicionar widget. Role para baixo e adicione um texto também. Agora, neste texto, vamos colocar o show de luzes do Instagram que você vê aqui. Para fazer isso, precisamos ir para uma nova guia, mas primeiro fechou esta aqui porque não precisamos mais dela. E digite snap widget ponto Venha ter certeza de que você tem isso. Certo. Snap widget ponto com e pressione Enter. Agora, quando você chegar a esta página, nós rolamos para baixo. E esta é a personalização para o nosso feed do Instagram, que primeiro escolhemos no usuário do Instagram. E então queremos que digite seu nome de usuário do instagram. Vou datilografar. Esta amostra é o seu nome, ou você pode selecionar uma hashtag em vez do nome de usuário. Quanto ao que você digita, você pode escolher um desses tipos aqui. Vou escolher a apresentação de slides. E para o tamanho da miniatura eu vou escolher para 90. E para Florida Water, vou selecionar Sim, e para a cor de fundo, vou inserir este código 6 vezes para torná-lo branco. Quanto ao efeito de pairar, vou manter o dedo do pé nenhum. Agora você pode visualizar o widget antes de adicioná-lo à sua página. Vamos clicar na visualização aqui e você pode ver o widget está mostrando aqui com este pequeno show. Se você clicar em fechar e se, por exemplo, selecionarmos um ótimo, em seguida, clique em visualização. Você pode ver que as imagens aqui mostram como eu grade, você tem a escolha de escolher o que quiser desses tipos aqui. Mas nós vamos escolher a apresentação de slides a partir daqui e depois descer aqui para obter widget. E então você copia esse código. Você não precisa copiar este aqui porque é apenas um comentário em html. Então, café, este começa daqui até aqui, depois voltamos para a nossa página. Nós colamos aqui, e temos nosso widget instagram pronto. Por aqui. Agora, vamos em frente. E no último widget aqui em baixo, que são os posts mais comentados, se você minimizar este aqui, clique em adicionar widget e você rolar para baixo. Selecionamos FIM se eu traço. A maioria comentou. Agora, enquanto está carregando lá embaixo, vamos editá-lo daqui. Então, quanto ao número de hosts que estou em Enter três, que é o número máximo de hosts do show. E eu estou em um poste de exibição em miniatura aqui. E quanto ao tamanho da miniatura, vou escolher entre 90 por 60 e se você rolar para baixo, você pode ver que eles estão aparecendo aqui agora. Nós minimizamos aqui, e terminamos com a edição da barra lateral. Você é livre para adicionar em qualquer número de widgets que você quer a partir daqui. Basta explorá-los e jogar com eles da maneira que você quiser. Agora, uma vez que gostamos de salvar, publicar e, em seguida, clique no X aqui. Pense como deixar esta página. Chegamos à nossa página do Blawg. Agora estamos feitos com a nossa página de bloco e nós adicionamos todos os recursos que queremos. A próxima coisa a fazer é criar e construir a página de contato. Obrigado por assistir. Vejo você no próximo tutorial. 30. Como criar contato: Oi. Agora é hora de criar esta página de contato, começando com esta bela imagem de fundo de paralaxe e esta imagem bem aqui no meio, bem como este texto aqui e esta seta para baixo. E então adicionaremos essas três informações de contato sobre nosso negócio. Então nós rolamos para baixo e vemos este belo mapa do Google aqui com esta água branca e assim como este formulário de contato aqui. Agora primeiro, vamos ao nosso painel e clicar nas páginas aqui. Agora clicamos, Adicionar novo e entramos no título da página que queremos, que é contato. Agora vamos rolar para baixo. E quanto à aparência do tema, aqui mesmo, escolhemos fundo transparente para o cabeçalho e subimos. Quanto às opções de página, que estava cheio com para o conteúdo com aqui. E quanto ao filtro de imagem, que não era nenhum. E quanto ao título da página, queremos escondê-lo. Agora vamos rolar para cima e clicar em Publicar aqui agora, depois de republicar nossa página. Vamos voltar e clicar em Atualizar aqui. Agora podemos ver que nossas páginas estão aparecendo aqui. Vamos clicar nele e ver como parece que você pode ver que esta página está vazia agora. Então vamos começar a adicionar módulos a ele primeiro, Ativar construtor daqui ou aqui. Não. A primeira coisa que queremos fazer aqui é mudar a cor de fundo para esta primeira parte aqui . Então, passamos por aqui, parecemos opções. Agora vamos para uma imagem de fundo aqui e clique em Biblioteca de Rob do que carregar arquivos, em seguida, selecione arquivos e vamos para esta imagem aqui e selecioná-lo. Clique em Abrir. Agora clicamos em Inserir arquivo seu L aqui embaixo. E quanto ao fundo sabe, aqui em baixo nós selecionamos o Parallax. E quanto à cor de sobreposição aqui, clicamos neste aqui. Eu gostaria de selecionar preto. E quanto à opacidade aqui, quero colocar aqui cerca de 70%. Agora eu role para baixo e clique em Salvar agora, Como você pode ver, temos esse fundo lá. Mas uma vez que não há preenchimento, a imagem não está sendo mostrada totalmente No próximo tutorial, vamos adicionar nesta imagem aqui este texto, bem como um estes impostos aqui em baixo. Obrigado por assistir e ficar nesta página. 31. Como adicionar a imagem e textos: Oi. Bem-vinda de volta. Agora vamos adicionar nesta imagem bem aqui, bem como estes textos aqui em baixo. Primeiro, vamos arrastar e soltar um módulo de imagem daqui até esta área. Agora, quanto ao estilo de imagem aqui, queremos escolher este aqui para uma imagem centrada. E quanto a um majorette, L queremos procurar biblioteca, fazer upload de arquivos, selecionar arquivos. E há esta imagem bem aqui que eu defini as dimensões para 200 por 200. Você pode redimensionar qualquer imagem que você quiser na foto dot com 2 200 por 200 e depois carregado no site. Agora clique em Inserir arquivo seu L. Agora, se você notar que esta imagem é uma imagem quadrada, se você quiser torná-la uma imagem circular, você gostaria de selecionar este aqui e o selecionar este aqui. Agora, quanto a eles viriam aqui, gostaríamos de definir para 200 por 200. Agora peça a legenda da imagem aqui em baixo. Eu gostaria que nós lêssemos para você. Agora vamos a um estilo. Por aqui nós descemos. Quanto à cor do fundo aqui, eu quero selecionar branco e, em seguida, rolar para baixo. Quanto ao preenchimento, eu quero selecionar 200 para o topo e 200 para o fundo. Agora descemos e clicamos com segurança. Agora você pode ver que a imagem aqui é uma imagem circular. E esta é a legenda que adicionamos. Agora é hora de adicionar neste texto aqui com esta seta. Agora vamos arrastar e soltar um módulo de texto aqui. Agora nós adicionamos o texto, obter e tocar. Selecionamos este texto e selecionamos ter um. Então alinhamos com o centro. E quanto à cor ameaçadora, escolha a cor branca. Agora, quanto à flecha que você vê aqui em baixo, você precisa passar pelo meu conteúdo. Seu baixado e há um arquivo chamado “L's”. Clique nele e selecione este texto aqui. Copie-o e abra uma nova guia. E digite este texto na nova guia, em seguida, teve enter. - Não. Quando chegares a esta página, percorre todo o caminho para baixo e vês esta aerodinâmica aqui em baixo. Copie este código aqui e volte para cá e bata. Digite uma vez e você vai para um texto aqui, então você vai colá-lo bem aqui. Agora volte para o visual aqui. Você pode ver que há mostrando aqui esta pequena flecha. Queremos torná-la maior. Então, primeiro tornamos ousado. E para o fundo, que estava a título um. Agora vamos torná-lo centrado. E este é o nosso ar aqui. Agora clique em Salvar e temos nosso texto e erro aqui. Agora, a fim de obter este cabelo de texto o mesmo fundo deste texto aqui nós voltamos. Primeiro gostamos, economizamos aqui e roupas, depois personalizamos semanalmente aqui. Quando chegares a esta parte, clicamos para trás. Quando chegares a esta parte, Então vamos a uma tomografia. Aqui, clicamos na tomografia padrão. E quanto ao tinha um fundo, clicamos aqui e aqui para a família do fundo, clicamos nele e digite no dedo do pé robo. Você vê a revotação aqui. Então você clica nele e você percebe a mudança aqui. Agora, quanto à fonte, espere aqui. Você quer selecionar 300 e vamos a aparência do dedo do pé. Quanto ao tamanho divertido aqui. Nós maximizamos e minimizamos este aqui que queremos e eu quero escolher 40. Certifique-se de que ele disse que sim. 40 pixels aqui e, em seguida, semanal pode minimizar e clique em, Salvar e publicar. Por aqui. Agora, quando terminarmos, você clica neste X aqui. Obrigado, Like, deixe esta página. E agora terminamos com a primeira parte da página de contato. Se você notar uma vez que rolar para baixo o fundo de paralaxe aqui está mostrando. Agora vamos ligar o construtor adicionando estes textos aqui em baixo. Primeiro nós rolamos para baixo e adicionamos um módulo de texto arrastar e soltá-lo aqui mesmo. Agora nós inserimos o texto que queremos Eu tenho o meu texto pronto. Então, vou copiar e colar a partir daqui. Não, para este aqui, eu quero selecionar o título Eu quero torná-lo ousado e alinhar todos estes para o centro. Agora vamos a um estilo. Aqui nós rolamos para baixo até um preenchimento e para o topo, nós adicionamos 50 pixels e então vamos salvar aqui e temos nosso primeiro texto aqui. Agora passamos o mouse sobre esta parte daqui e dividimos em três seções iguais. Agora duplicamos este aqui duas vezes, a fim de fazer uma cópia para cada um destes. Não, arrastamos e soltamos essas cópias aqui e ali. Primeiro fiz este aqui e introduzimos as informações da sua empresa sobre a localização. Vou inserir este local de amostra aqui e para o local em si. Quanto estava indo para torná-lo em negrito e alinhar todos estes para o centro e clique em Salvar agora para o último Aqui nós clicamos editar Nós inserimos nossos textos a partir daqui e colá-lo aqui Agora para o contato nós selecionamos título para torná-lo negrito e alinhado todos eles para o centro Agora clique em Salvar e terminamos com esta parte. Agora vamos mudar a cor de fundo aqui passar o mouse sobre esta parte aqui e clique em opções. Agora vamos para uma cor de fundo aqui e digite este código F seis F seis F seis agora rolar para baixo e clique em Salvar E esta seção aqui está totalmente feito. Agora vamos olhar, salvar e roupas. E agora vemos as mudanças que fizemos aqui. No próximo tutorial, vamos adicioná-los. Este mapa aqui. E depois disso, vamos adicionar o formulário de contato. Obrigado por assistir. Vejo você no próximo tutorial. 32. Como adicionar o mapa: Oi. Agora, antes de adicionarmos o mapa e o formulário de contato, há duas coisas que precisamos fazer nesta página. Primeiro você vê o texto aqui é tudo em letras maiúsculas. Considerando que este aqui está em um fundo normal. Agora precisamos mudar este aqui para ser uma fonte normal. Primeiro vá para personalizar aqui Agora, quando você chegar a esta parte aqui, nós clicamos nesta seta. Agora vamos passar pela tomografia. Agora é como tomografia padrão. Agora vamos ter um e aqui para uma transformação de texto, selecionamos nenhum. E você vê que o fundo aqui está de volta ao normal Agora a segunda coisa que queremos fazer é se você notar aqui os títulos da página são todos em cor branca enquanto esta parte cabelo lá n cor preta precisamos mudá-lo para cor branca. Então, primeiro clique aqui e depois clique aqui novamente e você vai até aqui. Se eu opções agora você vai para navegação principal E aqui para esta parte aqui nós selecionamos cor branca Se você notar que eles mudaram dedo do pé branco, todos eles agora nós gostaríamos de salvar em, publicar e clicar no X aqui e, em seguida, deixar esta página. Agora que terminamos com as cores do título da página, precisamos classificar essas páginas na ordem desejada. Então, para fazer isso, vamos para o nosso painel, passamos o mouse sobre a aparência aqui e clicamos nos menus. E quanto a esta aba aqui, queremos fechá-la porque não precisamos mais. Agora vamos criar um menu no qual poderemos classificar nossas páginas da maneira que quisermos. Vou nomear este menu menu principal sublinhado e, em seguida, clique em criar menu aqui. Agora temos o nosso dinheiro que você criou. Vamos clicar aqui para verificar esta parte aqui. E veja esta parte aqui. Agora nós adicionamos nas páginas que queremos a eles qualquer motivo Basta verificá-los a partir daqui e, em seguida, clique e adicionar ao menu. Agora que temos as páginas aqui neste menu, podemos classificá-las do jeito que quisermos. Agora, a página que vem em cima aqui será a 1ª 1 à esquerda aqui, e a depois disso será a que está atrás dela bem aqui. Então precisamos encomendá-los nesta galeria de água em casa, blogado e contato ou qualquer ordem que você quiser. Eu vou voltar aqui. Nós fazemos a casa o 1º 1 Fazemos a galeria o 2º 1 e fazemos o contato. O último aqui em baixo. Agora há mais uma coisa. Se você quiser criar um submenu, basta arrastar este aqui para a direita um pouco e ele se torna um submenu deste aqui. Deixe-me mostrar-lhe o que eu quero dizer com o primeiro clique menu Salvar. Agora volte para a página e clique em Atualizar. Agora você percebe que temos três páginas aqui, e uma vez que passamos o mouse sobre a casa, a galeria, que é uma sub-página do menu, aparece para baixo. Agora que eu mostrei a vocês o que eu quero dizer com um subitem no menu, nós queremos voltar aqui apenas com drogas. Este aqui um pouco para a esquerda e torna-se uma página normal no menu. Em seguida, clicamos em salvar menu e voltamos para a nossa página. Refresque. Você vê que nós temos nossas quatro páginas na ordem que queremos aqui. Agora vamos começar a adicionar o mapa e o contato para Vamos rolar para baixo e ligar o prédio aqui. Agora role para baixo novamente. E a primeira coisa que queremos fazer é mudar a cor de fundo desta parte desta seção aqui. Faça a mesma cor que esta aqui, assim que passar o mouse aqui gostaria de opções. Agora, quanto à largura da estrada, que estava cheia com aqui e quanto à cor de fundo, fazemos F seis F seis F6 F6 6. Agora role para baixo e clique em Salvar aqui e nós temos a cor de fundo, a mesma que esta parte aqui. Agora vamos começar adicionando o módulo MAB a esta parte aqui. Se você descer aqui, verá este módulo mab. Apenas arraste e solte aqui. Quando chegares a esta parte, a primeira coisa que queres introduzir é o endereço. Quando chegares a esta parte, Quero inserir este endereço aqui. Basta digitar o endereço neste campo aqui e aqui em baixo. Quanto ao zoom, mantenha-o para oito, e quanto para o com. Eu quero mudá-lo para 700 mudar essa porcentagem. Dois pixels PX E quanto à altura, eu quero mudá-lo para 700 também. Agora, aqui em baixo para a fronteira, quero mantê-lo firme. Você pode escolher um desses dois também, pontilhado ou tracejado, mas eu vou mantê-lo firme. Quanto à espessura da borda, eu quero torná-la dois pixels. Quanto à cor, acredito que o Branco é o mais profissional. E quanto ao tipo, mantenha-o no mapa. Você pode escolher um desses três também, e aqui em baixo. Quanto à roda de pergaminho, quero desativar isso. Mantenha-o desativado porque é irritante ter uma roda de rolagem no mapa. Agora, quanto à Dragonball, quero deixá-la habilitada. Agora, quanto aos deficientes, arraste uma conta no celular. Eu vou deixar isso para sim, porque é irritante para a maioria dos usuários móveis quando eles usam seus telefones de tela sensível ao toque para ah, ser dragão para cima e para baixo no mapa quando eles tentam navegar através desta página. Agora vamos modelar o dedo aqui e vamos dar tapinhas aqui. E quanto ao topo, quero adicionar a 30 pixels. Quanto à direita, não vou adicionar 100 e 100 para o fundo e 100 para a esquerda. Agora nós rolamos para baixo e, tipo, salvamos aqui em baixo. Agora você pode ver que o mapa está aparecendo aqui de uma forma bonita e elegante. Agora, vamos dividir esta seção aqui em duas partes para que possamos deixar esta parte aqui para o contato para pairar sobre esta parte e clicar nesta aqui. Agora vamos adicionar no formulário de contato no próximo tutorial. Obrigado por assistir e ficar nesta página. 33. Como adicionar o formulário de contato: Oi. Agora é hora de adicionar o contato para aqui. Primeiro arrastamos e soltamos um módulo de texto nesta área. Agora, a fim de obter o formulário de contato nesta página, precisamos voltar ao nosso painel e ir até aqui para entrar em contato. Agora, quando você chegar a esta parte, você precisa ir até aqui para um pequeno código clique nesta parte aqui. Selecione tudo. E agora copie. Agora volte para a nossa página e cole-a neste texto aqui. Agora vamos ao estilo. Não, nós primeiro rolamos para baixo assim que chegarmos a uma linha aqui fraca como o centro. Porque queremos que os elementos de forma a ser centrado. Não à esquerda ou à direita. Não, nós descemos até um estofamento aqui. E quanto ao topo, quero deixá-lo vazio. Mas para a direita, eu quero inserir 100 para os 100 mais baixos. E para a esquerda, 100 também. Agora descemos aqui e clique em Salvar, e temos nosso formulário de contato aqui. Pronto e feito. Agora ele, como salvar e fechar aqui e nós terminamos com esta parte aqui. Agora, a fim de terminar esta página, precisamos ligar o construtor e você rolar para baixo. Vê esta parte aqui? Precisamos deletá-lo, a fim de obter o alinhamento perfeito entre estas partes de fazer aqui e o rodapé aqui em baixo. Uma vez que eles são da mesma cor, passamos o mouse aqui como excluir. Agora nós clicamos, salvamos e fechamos aqui. Agora terminamos com a página de contato. Obrigado por assistir. Vejo você no próximo tutorial. 34. Como otimizar a segurança e desempenho: Oi. Agora que terminamos de construir nosso lindo e deslumbrante site com todas as quatro páginas, é hora de otimizar nosso site em termos de desempenho de segurança e otimização de mecanismos de busca . Neste tutorial, vamos estar discutindo desempenho e segurança do site. Vou mostrar-lhe como tornar o seu site mais seguro e ter um pouco mais desempenho em termos de carregamento fora da página. Primeiro de tudo, vamos começar com a segurança do site, então vamos instalar três plugins principais que ajudarão a melhorar a segurança do nosso site. Primeiro, iremos ao nosso painel e instalaremos cada um desses três plugins, e mostrarei o que cada um faz através do seu site. Primeiro, vamos gardar painel de controle. Agora passe pelos plugins aqui e clique nos plugins instalados primeiro. Agora, aqui, você vê este plugue de luva aquosa em que deixamos o ativado antes Este plug é um plug muito bom para anti spamming na pista de volta. Como eu disse na primeira palestra off blooding este site e instalado em plugins, este plug in filtra automaticamente todos os comentários indesejados e estranhos em seus posts. Assim que você ativá-lo, você não precisa se preocupar com nada. Agora, a fim de ativar este plug in, primeiro clicamos em Ativar aqui. Agora você vê esta faixa fina aqui? Pop up, você clica em Ativar sua conta ou Kismet. Agora você clica. Pegue seu Ap I agora, aqui, clique em obter uma luva aquosa A p I key. Agora, uma vez que você chegar a esta parte, você insere seu endereço de e-mail, um nome de usuário e uma senha em vão geralmente se inscrever aqui em baixo. Depois disso, você obtém uma chave A P I, que é apenas um código que você precisa para ativar este plug in. Ele significa interface de programação de aplicativos. E assim que pegar o casaco, volte para o painel e aqui embaixo, digite o código e clique. Use esta chave aqui e o plugging é ativado automaticamente e filtra automaticamente seus comentários. E você não tem que fazer nada depois disso. Não, a próxima tomada de segurança que vamos instalar chama-se “Temas de Segurança”. Vamos ligar aqui e clicar em adicionar novo agora na caixa de pesquisa aqui, você entra. I temas segurança e ter entrar. Certifique-se de soletrar agora. Chegamos a esta parte aqui. Este é o plugue e nós queremos. Então, clicamos. Instale agora e clique em. Ativar plug in. Agora você chegar a esta parte você não precisa destes banners sobre a espada dele vai clicar no X está aqui e aqui. Agora, se você notar aqui embaixo, há segurança. Você clica no painel. E quando chegares a esta parte, esta caixa aparece. A única coisa que você precisa escolher de V é o primeiro 1 aqui, que é fazer um backup para fazer um backup de seu site. Agora, a próxima coisa que vamos fazer é clicar neste aqui, que basicamente significa que este plug e certifique-se de que ele não entra em conflito com outros plugins, bem como os temas instalados. Então, basta clicar com um clique seguro. Agora clique no X aqui, e uma vez que rolamos para baixo, você pode ver que estas são as bandeiras que este plug in está mostrando sobre nosso sistema. Agora, se você notar que há algo chamado prioridade. Aqui temos prioridade média. Temos baixa prioridade e concluímos as tarefas aqui. Agora, a única coisa com que você precisa se preocupar como alta prioridade aqui esta parte aqui nos mostra as falhas de segurança que estão em nosso site que precisam ser resolvidas. Então este é o único com que vamos nos preocupar. Então, uma vez que você vê uma bandeira aqui, você simplesmente vai até aqui e clica. Conserte isso. Agora, quando você chegar aqui, você vê esta parte aqui. Basta marcar esta caixa e clicar em. Salve todas as alterações. Agora, uma vez que chegamos a esta parte aqui, significa que estamos fartos de corrigir esse erro. E estamos prontos para ir. O resto fora das questões de segurança, as prioridades imediatas e as baixas prioridades. Nós não precisamos nos preocupar com os V como eu disse antes e certifique-se de verificar este painel aqui em baixo regularmente e verificar se há alertas de alta prioridade e corrigi-los. Agora vamos em frente e instalar o terceiro e último plug de segurança para este site. Vamos passar o mouse aqui e clicar. Adicionar novo. Agora vamos para esta caixa de pesquisa e digite lei limite novamente tentativas. Esta é a tomada que queremos aqui. E se você notar aqui, há mais de um milhão de instalações ativas, e este plug in é muito popular porque realmente ajuda a segurança do seu site em termos de bloquear o usuário quando ele ou ela tenta acessar o site para mais de uma certa quantidade fora de tentativas. Além disso, ajuda a proteger seu site contra hackers. E tantos programas de cracking agora clicam. Instale agora e como ativar plug in Agora, a fim de adicionar as configurações para isso, conecte e veja o que ele faz cobrir as configurações aqui e aqui em baixo todo o caminho. Clique em limite, faça login em tentativas. E quando você chegar a esta parte aqui, você vê que os bloqueios e as restrições e tudo o que você precisa saber sobre este plug in está bem aqui. Vamos passar por eles um por um. O primeiro 1 aqui mostra o número de bloqueios que foram detectados no seu painel. Se você tentar digitar sua senha incorretamente por mais de quatro vezes ou qualquer número que você disse aqui ou qualquer outra pessoa agora aqui em baixo. Eles bloqueiam aqui, você especifica o número de tentativas permitidas antes que o sistema bloqueie o log do usuário. E agora eu vou definir para três porque eu acredito que três é melhor neste caso. E em termos de tempo de bloqueio, estou na entrada 60 minutos e aqui em baixo, estou no Enter 5. Agora, isso basicamente significa que uma vez que o usuário re tenta inserir a senha por cinco vezes, ele bloqueia ele ou ela por 24 horas fora do sistema em vez de 60 minutos. Agora, este é o número de horas até que a próxima reinicialização seja concluída. Não se preocupe com isso. Apenas deixe para o 12. Agora, vamos deixar estes dois por defeito porque eu acredito que eles são bons. Agora aqui em baixo, eu acredito que esta é a característica mais importante deste plug in. O que isso faz é que é desde que você um e-mail fora do log in I p que tentou fazer login no seu painel após um certo número de bloqueios. Vamos marcar esta caixa aqui. Isso ajuda você a manter o controle dos endereços I P fora de pessoas que continuam tentando quebrar suas credenciais e hackear seu site e permite que você tome medidas adicionais , como colocar este endereço I p ou bloquear nele. E por qualquer motivo, um certo endereço de IP continuou tentando hackear seu site e você recebeu um e-mail sobre esse endereço. Por favor, avise-me na seção de comentários e eu o ajudarei a resolver esse problema no mesmo dia. Agora, uma vez que você terminar com a edição fora desta parte aqui, nós clicamos em alterar opções e agora vamos para a parte de desempenho desta capa de tutorial sobre plugins aqui e clique em Adicionar novo. Agora vamos instalar um plug chamado W três dinheiro total. Este plug in ajuda-nos a melhorar o desempenho do nosso site em termos de carregamento de páginas, que significa que ajuda as nossas páginas a carregar mais rapidamente. E dar aos usuários sobre o site uma experiência e desempenho muito melhores é realmente uma questão importante a considerar, porque as estatísticas mostram que os sites que dão a melhor experiência de usuário geralmente carregam em cerca de 2 a 3 segundos, qualquer coisa depois que se torna chato e os usuários vão começar a sair do seu site e você vai começar a perder tráfego em seu site e perder clientes valiosos. Agora vamos instalar este plug no primeiro tipo em W três espaço. Dinheiro total. Certifique-se de soletrar direito. Então o chapéu entra. E esta é a tomada. Queremos instalar bem aqui. Se você notar que tem mais de um milhão de instalações ativas e uma classificação muito, muito boa. Agora vamos clicar. Instale agora e clique em. Ativar plug in. Agora, se você sabe que é aqui em baixo, o desempenho Blufgan foi adicionado ao nosso painel. Também aqui em cima para o banner que aparece em cima do site. Agora, não use sobre a edição deste plug in ou faça o check-in regularmente. Ele faz todo o trabalho para você automaticamente e melhora a experiência do usuário. Faz com que as páginas sejam carregadas mais rápido sem você fazer nada. Ele faz todo o trabalho para você e você não precisa se preocupar com isso. Isso é tudo para este tutorial de desempenho e segurança. Estes dois problemas foram tratados para o seu site e você não precisa se preocupar com isso. No próximo tutorial, vamos discutir S e O que significa otimização do mecanismo de busca e vamos passar para os principais plugins que irão ajudá-lo a avaliar o conteúdo do seu site e editar esse conteúdo em ordem, bebeu mais alto em motores de busca e, possivelmente, classificar no topo da primeira página fora dos motores de busca como o Google e sendo obrigado por assistir Ver você no próximo tutorial. 35. Como otimizar o SEO do site: Oi. Agora vamos falar sobre otimização de motores de busca, que é comumente abreviado com S e O. O que s negócio significa inação é que você avalia o conteúdo do seu site e você faz as mudanças necessárias. Você usa as ferramentas necessárias toe ser capaz de classificar melhor em motores de busca e, possivelmente, no topo da primeira página. Agora, este é um campo realmente, muito vasto, e há toneladas de coisas que você pode fazer a fim de classificar melhor nos motores de busca. Mas, ao longo da história, vamos nos concentrar em duas coisas principais que podemos fazer para classificar melhor. E há plugins que vamos usar para estes. O primeiro Blufgan é chamado Google Analytics by Yost. Então vamos em frente e instalar este primeiro plug in. E deixe-me dizer o que quero dizer com Google Analytics. Vamos primeiro clicar em Adicionar novo agora aqui no tipo de caixa de pesquisa e no Google Analytics by Yost. Certifique-se de soletrar direito. Google analytics por Yost e, em seguida, tinha entrado. Agora, este é o plugue que queremos instalar aqui. Se você notar que há mais de um milhão de instalações ativas e algumas avaliações muito boas aqui . Vamos começar instalando o plugue. Agora clique em Ativar plug in e você verá o plugue aqui adicionado ao painel. Clique no painel, e esta é a parte onde a análise aparecerá. Depois de conectar este plug à sua conta do Google Analytics, agora vamos para as configurações e aqui, para que este plug funcione, você precisa conectá-lo à conta do Google Analytics. Como eu disse antes, você precisa ter uma conta do Google primeiro e você precisa se inscrever no Google Analytics e seguida, obter uma pista, e eu D. Isso ajuda você a conectar sua conta do Google a isso. Conecte aqui. Agora, depois de ter uma conta do Google e se inscrever no Google Analytics em sua conta do Google , você pode ir até aqui e clicar em autenticar com sua conta do Google. Agora essa janela aparece e você precisa inserir suas credenciais do Google. Agora, quando terminar de inserir as credenciais da sua conta do Google, você recebe um código e volta aqui e cola o código. Em seguida, clique em Salvar código de autenticação e a última parte. Você clica em Salvar alterações e, em seguida, você vai para um painel aqui e a análise aparecerá nesta parte aqui. Simplesmente. O Google Analytics é apenas estatísticas que permitem que você saiba quais são as páginas mais populares do seu site e quantas visitas são para cada página. Quem são os seus visitantes? De que países são, de que línguas falam e assim por diante. Agora, Como eu disse antes, para que esta praga funcione, você precisa ter uma conta do Google, e você precisa se inscrever no Google Analytics nessa conta antes de poder conectá-lo a este plug Bem aqui. E uma vez que você fizer isso, você pode verificar o painel aqui regularmente para obter estatísticas e análises do seu site, que ajudam você a melhorar o conteúdo do seu site e se concentrar nas páginas. Há mais populares agora. Vamos em frente e instalar o segundo e mais importante plug in. Vá para plugins aqui e clique em Adicionar novo agora na caixa de pesquisa, você precisa digitar a palavra press s e o por Yost e cabeça. Entrar. Agora esta é a tomada. Nós queremos vir aqui. Se você notar que tem mais de um milhão de instalações ativas e algumas muito, muito boas classificações aqui. Primeiro clique em instalar e, em seguida, em. Ativar Blufgan. Agora, se você ver aqui embaixo, o plugue é adicionado ao painel. Você vai em frente e clique, general, e você sempre pode clicar neste botão aqui para começar uma turnê e este plug in e explorado em um peso mais vasto. Este plug in tem tantas áreas que não seremos capazes de cobrir inteiramente. Neste tutorial. Estas áreas são mais avançadas e para profissionais que trabalham neste campo especificamente na otimização de motores de busca e obter o site para classificar melhor nos motores de busca. Quanto a este tutorial, vou dar-lhe o básico e as coisas mais importantes que você precisa cuidar, a fim de obter classificação melhor em motores de busca e dar aos seus usuários uma melhor experiência em seu site. Agora, basta este plug e ajuda você a avaliar o conteúdo do seu site e, em seguida, otimizá-lo a fim de classificar melhor e mais alto em motores de busca. Primeiro você passa por suas informações e aqui este é o nome do site que aparece nos motores de busca . Se você quiser, você pode alterá-lo e inserir o que quiser. Mas este é o nome padrão do seu lado positivo que aparece nos motores de busca. E aqui você pode inserir um nome alternativo para o seu site, mas não precisamos fazer isso por enquanto. Agora, esta é apenas a informação básica sobre o seu site, seja uma empresa ou um site pessoal. A partir daqui, você pode escolher qualquer um desses, também, por enquanto, nossa pessoa monitores e aqui digite seu nome. Vou introduzir o meu nome. Você sempre pode entrar na empresa a partir daqui, e você precisará digitar o nome da empresa e fazer upload do logotipo da empresa. Mas, como eu disse, por enquanto, vou ficar com uma pessoa e, em seguida, clicar em salvar alterações. Agora, a próxima coisa que queremos editar é aqui em baixo. Títulos e Mattias basta clicar nele, e aqui, este é apenas o separador de títulos do seu site. Queremos mantê-lo, este aqui como padrão porque não é realmente importante alterá-lo. E agora para a página inicial. Não precisamos editar este aqui. Se você clicar aqui você vai para a página inicial e você editá-la exatamente como se você clicar nela a partir daqui. Mas não vamos fazer isso porque não precisamos editar nossa página inicial. Agora, quanto aos tipos de postagem e à facilidade de taxonomia, estes já estão otimizados para você. Então não se preocupe com ele. Deixe-os do jeito que estão. E aqui os arquivos. Estes são apenas relacionados a um configurações específicas do Google Analytics, então você não precisa se preocupar com ele também. Agora você vai para outro e gosta, salve as alterações aqui em baixo. Agora, aqui em baixo, você clica em social. Isso basicamente significa que se você quiser contar ao Google sobre suas conexões de mídia social e que essas contas pertenciam à mesma pessoa que possui este site, você as conecta aqui. Estes aqui são os mais importantes. Estas aqui são apenas algumas semanas mais personalizadas e avançadas, e não são tão importantes como estas aqui em baixo. Se você tem alguma conta de mídia social, certifique-se de conectá-los a essas áreas aqui mesmo, porque eles ajudarão a otimizar seu mecanismo de busca, e quanto mais pessoas forem encaminhadas das contas de mídia social para este site, isso irá melhorar a sua classificação no Google. Agora, aqui você vai. Toe mapas de site XML. Basta clicar nele. Agora. Aqui, a caixa de seleção significa que os mapas do site foram gerados automaticamente para o seu site. Então você não precisa se preocupar com isso. A fim de entender o que queremos dizer com mapas do site. Precisamos ir para página está aqui em baixo e clique nele e vamos selecionar uma página aleatória. Vamos, por exemplo, por exemplo, clicar em casa Agora nós rolamos para baixo logo abaixo do tema. Se eu personalizado painel você vê Yost s e O. Esta é a parte onde nós geramos e editamos mapas de ciclo. Agora, a fim de entender o que eu quero dizer com mapas do site, vamos editar a página inicial. E quando terminarmos de editar a página inicial, você entenderá exatamente o que queremos dizer com mapa do site. Agora, aqui mesmo. A visualização do trecho. Esta é a aparência desta página nos motores de busca. E podemos editar isso além da descrição que mostrará abaixo desta página nestas caixas aqui em baixo primeiro, vamos começar com o foco Palavra-chave. Isso basicamente significa que você precisa inserir o que esta página é principalmente sobre. E quais são as coisas que os usuários estarão vendo e navegando nesta página e para a home page. Vamos entrar na Web design e você clica aqui e você vê estes pop aqui em baixo. Estas avaliações desta palavra K irá dizer-lhe se este é o trabalho K certo para esta página. Agora, quanto mais você souber, mais você deve considerar alterar essa palavra-chave. E se você obtê-los todos, Sim, isso significa que esta é a palavra-chave certa para esta página. Agora, uma vez que rolamos para baixo o título CSCO, que é basicamente o título que aparece aqui, este é o título padrão. Estamos de novo. Adicionado. Quanto à primeira parte, vou mantê-la em casa. Agora entramos no Dash, que é o separador mais comum e acertamos o espaço para ser profissional. E então eu vou entrar sobre o que esta home page é principalmente sobre. Então eu vou entrar na Web design e se você notar Web design aqui está envolvido letras. Isso ocorre porque esta é uma palavra-chave de foco neste site. Se não fosse por exemplo, entramos no SC aqui e clicamos aqui. Você vai ver que ele não está mais envolvido. porque esta não é uma palavra-chave. E é melhor se esta é uma palavra-chave, porque atrai mais atenção para o seu site e para obter mais tráfego. Se fosse uma palavra-chave. Então vamos manter este aqui no Web design. Agora, aqui em baixo. Esta é a meta descrição, que é basicamente a breve descrição que mostrará aqui abaixo sobre esta página e que ajudará os usuários a obter um vislumbre rápido de sua página antes de visitá-la. Por isso, aqui em baixo, vou introduzir esta mensagem. Agora, eu tenho o meu texto inserido aqui. Você percebe que eu tenho a palavra web design duas vezes uma vez em cada uma dessas duas frases. E há uma coisa que você precisa entender sobre essa breve descrição. Certifique-se de mantê-lo de pé para e máximo três frases, a fim de olhar melhor e não ser chato sobre como descrever a página. Apenas certifique-se de obter o leitor animado sobre esta página e dar a esse usuário um vislumbre rápido dessa página. E mais uma vez, vou enfatizar isso. Certifique-se de incluir essa palavra-chave de foco nessas duas frases pelo menos uma vez. E você percebe aqui na descrição do assunto. Você tem um sim duas vezes porque temos a palavra-chave web design inserida duas vezes em nossa descrição, bem como o título da página aqui. Agora, uma vez que você está pronto, você rolar para cima e você clica em Atualizar aqui e você percebe que aqui é E o check. Isso mostra que está tudo bem. Agora, se você clicar em verificar, ele vai até aqui e através da análise de página, que é bem ao lado de um general que estávamos editando. Vamos voltar para a nossa análise de páginas, e você vê que estes são os parâmetros que os motores de busca consideram ao olhar para o seu site e páginas, site e páginas,quanto mais você aderir a esses parâmetros, melhor classificar você vai conseguir. E como eu disse antes, há ferramentas mais avançadas e métodos mais avançados para obter sua classificação e no topo das primeiras páginas. E eu sugiro que você jogar com este plug in e tentar obter o seu site para classificar melhor por, manter esses parâmetros, tanto quanto você pode, e você vai precisar fazer a mesma coisa para todas as quatro páginas do seu site. Isso é tudo para este tutorial e para uma otimização de motor de busca. Agora você provavelmente pode dizer que você tem um site que parece sofisticado e superior, e que tem um desempenho muito, muito bom e segurança, bem como otimização de motores de busca. Assim, você não precisa contratar ninguém para motor de busca, otimizar seu site ou verificar a segurança do seu site ou até mesmo pagar por plugins de desempenho . Por nada disso. Você ganha tudo isso de graça. Dentro deste curso, você tem um site otimizado completo da melhor maneira possível para um iniciante. E certifique-se de que você tem todos os recursos e otimização que qualquer site profissional e de alto nível pode ter. E adivinha? Você fez tudo isso sozinho e Onley fazendo este curso todos esses recursos dentro do mesmo curso. Obrigado por assistir. Se você tiver alguma dúvida sobre qualquer parte deste curso ou deste site, certifique-se de que você mencionou isso na seção comum deste curso. Obrigado por assistir, e desejo-lhe uma carreira muito, muito bem sucedida no Web design 36. Últimas palavras: Olá, primeiro lugar, obrigado por fazer este curso. Uma última coisa que eu quero compartilhar com vocês sobre este curso se em algum momento você precisava editar ou mesmo construir um site e você não queria que as pessoas vissem o que você está fazendo com esse site, há um plug in chamado Em breve e manutenção que é o que você vê aqui na tela. Basta ir para plugins, procurá-lo e depois instalá-lo. É um plug muito simples e fácil de usar. Uma vez que você instalá-lo e ativá-lo, você saberá como usá-lo. Agora vamos rever as coisas que aprendemos e este curso abrangente. Primeiro temos o nosso nome de domínio de procura profissional. Em segundo lugar, temos nossa conta de hospedagem com o melhor provedor de hospedagem e por um preço relativamente barato. Em terceiro lugar, construímos nosso site incrível e profissional passo a passo sem passo pulado. Em quarto lugar, otimizamos a segurança e o desempenho do nosso site, bem como trabalhamos na otimização do mecanismo de busca . Eu realmente espero que você tenha gostado deste curso e absorvido seu conteúdo valioso e, eventualmente saiu com seu site impressionante e profissional agora construir este site não significa necessariamente que você sempre tem que construir o mesmo site exato. Você sempre pode jogar com as cores, imagens, botões em todo o conteúdo fora do site. Seja criativo, vá mais fundo e fique imerso no mundo do Web design. Exporte os designs e recursos mais recentes e até jogue com o design em seções nos sites que você criar. A partir de agora, adicione novas páginas e seções e continue praticando porque a prática é perfeita. Eu adoraria ver o site ou os sites que você constrói e todo o conteúdo bonito que você tem. Por favor, não hesite em compartilhar seus sites e até mesmo quaisquer perguntas, comentários ou sugestões que você tenha na seção de comentários deste curso. E se você tem algo que você sente que precisa discutir de uma forma mais extensa, você sempre pode usar o formulário de contato na página de contato do meu site. Malik Martin Dot com e eu nos comunicaremos com você usando o e-mail. Finalmente, se você acredita que conseguiu o que lhe foi prometido neste curso e com alta qualidade, ficarei grato se você der a este curso uma classificação de cinco estrelas. Obrigado por dedicar tempo para investir neste curso. Desejo-lhe uma nova carreira de sucesso em Web design. Adeus