Get_started_with_the__sitemaker__1280x720.mp4

00:00:00

Bem-vindo ao tutorial em vídeo do SiteMaker

00:00:03

Nos próximos 5 minutos, você aprenderá como usar o construtor de sites do sistema para criar sites e páginas realmente lindos que têm uma aparência e funcionam perfeitamente em dispositivos móveis, tablets e computadores de mesa.

00:00:14

Então vamos clicar em sites para desktop móvel para acessar a lista de sites

00:00:23

Aqui clicando nos botões verdes podemos criar novos sites e neste pop-up escolhemos se queremos usar modelos prontos e queremos usá-los ou começar

00:00:33

do zero

00:00:35

Vamos clicar em OK para escolher alguns modelos prontos e aqui temos a lista de estilos de sites e modelos prontos que podemos escolher

00:00:43

Vamos clicar em um e esta é a lista de sites prontos que podemos usar como modelos para criar nosso site

00:00:52

Por exemplo, vamos escolher este

00:00:54

Uma vez que as páginas que obteríamos quando escolhemos este modelo e à direita vemos uma prévia de como será a aparência desse site

00:01:07

Então vamos clicar no botão verde e confirmar e depois vamos dar um título ao nosso site

00:01:14

OK, vamos clicar no botão OK e pronto

00:01:17

Nosso site foi criado com o conteúdo retirado deste site pronto e do modelo que escolhemos

00:01:25

Usando esses menus podemos acessar todas as páginas e seções do criador do site

00:01:30

Por exemplo, podemos começar a personalizar as opções do site, como o nome do site, a URL personalizada e o domínio personalizado que queremos usar e obter o domínio padrão para este site ou as opções e arquivos SSL

00:01:48

Então podemos mudar o cabeçalho do site e personalizar a aparência dele, que é aquela seção ali

00:01:55

Por exemplo, como alterar a imagem do cabeçalho ou adicionar um Favicon que é mostrado em guias semelhantes nos navegadores e gerenciar manualmente o menu do cabeçalho e adicionar botões e links adicionais ou até mesmo adicionar alguns scripts, alguns

00:02:12

scripts personalizados na seção head

00:02:15

Podemos então personalizar obviamente o rodapé do site, alterando o menu e os conteúdos e personalizar e habilitar o comércio eletrônico em nosso site

00:02:25

Iremos nos aprofundar muito mais neste tópico em um tutorial futuro, obviamente

00:02:31

Também podemos gerenciar login e usuários habilitando login e registros, especificando se é necessário e personalizando a maneira como os logins e o gerenciamento de usuários funcionam em nosso site

00:02:45

Podemos então também baixar, baixar completamente todo o conteúdo de um site, gerenciar as seções de análise, adicionando por exemplo nosso ID de rastreamento de análise ou um código de pixel do Facebook, nosso próprio código de pixel do Facebook e então personalizar

00:03:02

os termos de serviço e a política de privacidade, conteúdos e documentos que serão vinculados na seção de rodapé da página

00:03:13

Outra seção muito importante e interessante é a de estilo, onde primeiro podemos mudar o tema do nosso site

00:03:20

Isso mudará apenas a aparência do nosso site

00:03:24

Isso não afetará o conteúdo que adicionamos

00:03:27

Por exemplo, aqui estamos visualizando um tema diferente, mas depois voltamos ao original

00:03:34

Então podemos personalizar cores e fontes, cores ou certos elementos como o fundo, o cabeçalho, o rodapé e então podemos até adicionar algum CSS personalizado neste campo aqui

00:03:47

Agora vamos para a lista de páginas para ver como podemos realmente gerenciar o conteúdo do nosso site

00:03:53

Esta é a lista de todas as páginas e, como você pode ver, cada página pode ser arrastada para reorganizar sua ordem ou como ela é vinculada às outras páginas.

00:04:01

Para alterar o conteúdo de cada página, basta clicar nela e você verá a lista de widgets, elementos e partes de conteúdo que estão dentro de cada página.

00:04:12

Também podemos personalizar a maneira como os cabeçalhos, menus e títulos são exibidos para cada página

00:04:21

Podemos até adicionar uma URL de página personalizada para cada página e então podemos gerenciar a visibilidade da página e os detalhes de SEO

00:04:29

Então, por exemplo, especificar se uma página precisa ser exibida apenas no celular ou apenas no desktop ou em ambos, se é necessário fazer login para acessar essa página e, em seguida, os elementos de SEO e

00:04:41

detalhes dessa página

00:04:43

Cada página é composta de diferentes widgets e, antes de tudo, o que você pode fazer é arrastá-los para reorganizar sua ordem e mostrá-los em uma ordem diferente dentro de sua página.

00:04:54

Para adicionar um novo widget, tudo o que você precisa fazer é clicar no botão Adicionar widget. Isso abrirá a lista completa de widgets aos quais você tem acesso e, em seguida, adicioná-lo a uma página.

00:05:03

tudo o que você precisa fazer é clicar no botão escolher este

00:05:07

Embora você encontre tutoriais sobre cada widget em nossa seção de ajuda, por exemplo, mudaremos este widget aqui e o que faremos é mudar o título principal para que possamos

00:05:21

adicionarei algum conteúdo neste formulário neste campo ali mesmo

00:05:25

Então salvamos uma atualização deste conteúdo e nossa pré-visualização se atualiza com o novo conteúdo que adicionamos

00:05:35

Também podemos ver como nosso site se parece no desktop clicando no botão visualizar no desktop e acho que parece muito bom

00:05:44

Obrigado por assistir e prepare-se para a próxima lição

00:05:48

Obrigado