Como criar um site de portfólio on-line a partir de arranhões com WordPress para fotógrafos, designers e outros. | Hoku Ho | Skillshare

Velocidade de reprodução


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

Como criar um site de portfólio on-line a partir de arranhões com WordPress para fotógrafos, designers e outros.

teacher avatar Hoku Ho, Web Design

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

21 aulas (49 min)
    • 1. Introdução ao curso

      2:01
    • 2. Introdução ao Wordpress

      2:38
    • 3. Introdução ao curso

      1:16
    • 4. O que é um nome de domínio?

      1:17
    • 5. Como obter a hospedagem da Web mais barata

      4:32
    • 6. Como registrar um nome de domínio

      2:02
    • 7. O que é hospedagem na Web?

      1:05
    • 8. Como conectar seu domínio e host da Web

      1:17
    • 9. Como instalar o WordPress

      3:03
    • 10. Como alterar senhas do HostGator e WordPress

      1:46
    • 11. Como instalar o tema Fukasawa

      1:38
    • 12. Como adicionar posts de imagem

      5:00
    • 13. Como adicionar posts na Galeria de fotos

      4:35
    • 14. Como adicionar Plugin Lightbox

      2:51
    • 15. Categorias

      1:23
    • 16. Como adicionar a minha página

      1:41
    • 17. Como adicionar perguntas mais frequentes página

      1:16
    • 18. Como adicionar acesso à página de toque

      3:20
    • 19. logotipo

      0:46
    • 20. Widgets

      1:56
    • 21. Plugin de chamada móvel e e-mail

      4:04
  • --
  • 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.

2.284

Estudantes

1

Projeto

Sobre este curso

Saiba como criar um site de portfólio bonito em apenas uma hora. Este curso é ótimo para fotógrafos, designers gráficos ou qualquer outra pessoa que queira mostrar seu trabalho on-line e adquirir novos clientes.

RECURSOS

NomeNome de domínio barato- http://bit.ly/1jq5DG2

HostGator Web Hosting- http://bit.ly/1Lvb00R (código de cupom de 25%: buildwithoutcode)

Tema- Fukasawa

Plugins

Lightbox responsivo por dFactory

Formulário de contato muito simples

Barra móvel de chamadas e livro

Descrição

Vamos criar um site de portfólio real usando o WordPress. Você vai ver como tudo é feito, passo a passo, do início ao fim. Não é necessário nenhuma experiência e nenhuma codificação.

O site vai incluir os seguintes recursos:

  • Posts de imagem
  • galerias de fotos
  • sobre mim página
  • Página de perguntas frequentes
  • Entre em contato (entre em contato) página
  • Formulário de contato
  • Caixa de luz de imagem responsiva
  • Barra de busca
  • Páginas de categoria para imagens e posts
  • botão de chamada de um toque no celular
  • botão de e-mail de um toque no celular

Além disso, o site é totalmente responsivo, por isso vai ficar bem em qualquer tela, tablet ou smartphone.

Nunca construí um site antes? Não tem curso de ciência da computação? Não se preocupe, vamos começar do zero absoluto. Você vai aprender a registrar um nome de domínio, configurar hospedagem na Web e instalar o WordPress (em outras palavras, tudo o que você precisa para obter seu site ao vivo na internet). Este curso é uma ótima introdução ao WordPress, e como vamos construir com WordPress, você não vai precisar conhecer html, css, javascript, php, ruby… você obtém a ideia.

O WordPress é perfeito para construir um site de portfólio. Você vai conseguir criar o site e executar rapidamente, adicionar conteúdo é muito fácil, e você pode manter tudo no site sozinho. Vamos usar o tema Fukasawa WordPress, que é incrivelmente bonito, fácil de usar e o melhor de tudo… é totalmente gratuito!

Se você quiser exibir sua fotografia, gráficos, desenhos ou qualquer outro trabalho no seu próprio site personalizado, esse é o curso para você. Cortamos o flaut, para que você possa tornar seu site de portfólio on-line o mais rápido possível. Agora vá começar!

Conheça seu professor

Teacher Profile Image

Hoku Ho

Web Design

Professor

I teach people how to make beautiful, powerful websites.

Here is what some of my students are saying:

"This course was extremely helpful for me. I went from having no experience whatsoever to having my own website in 2 days. It's invaluable for anyone who's thinking of setting up a WordPress website and doesn't have any prior knowledge. The production is great - engaging and informative. I love the way that each bite-sized video automatically loads the next one. Each video is just a few minutes long - so it's not overwhelming. And you even get to know how far along you are in the course as you advance through the lessons. Asking questions is easy through the discussions option - I've asked several 'silly' questions and had them answered quickly and helpfully. You rock Hoku... 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. Introdução ao curso: bem-vindo a este curso sobre como criar um site de portfólio a partir do zero. Este é o curso perfeito para fotógrafos, designers ou qualquer outra pessoa que gostaria de mostrar seu trabalho on-line ou até mesmo encontrar novos clientes através de seu site. Meu nome é Hoku Ho no instrutor, e neste curso vou mostrar-lhe como criar este site exato que você está olhando do zero. E nós vamos fazer tudo passo a passo para que você possa ver exatamente como ele é feito. Neste site, você poderá adicionar fotos ou gráficos individuais que criou. Neste site, Você também será capaz de adicionar álbuns de fotos ou galerias de fotos de post com mais de uma imagem. Também poderemos categorizar essas diferentes imagens. Então, por exemplo, vamos clicar nesta categoria de praia, e aqui vamos ver apenas as imagens que foram adicionadas a esta categoria. Você também poderá fazer isso em uma barra de pesquisa para que, se seus visitantes estiverem procurando por algo específico , eles possam usar essa barra de pesquisa para encontrá-la. Além disso, irá adicionar algumas páginas como um sobre mim página ou ah, entre em contato comigo ou entrar na página de contato onde você pode colocar suas informações e até mesmo em um formulário de contato. Este site também é completamente responsivo, por isso ficará bem em qualquer tela, tablet ou smartphone. Você pode ver as alterações de layout para ajustar a largura da tela, e até adicionaremos alguma personalização especial para usuários móveis. Então, esta é uma emulação do que o site vai parecer no iPhone seis plus, e você pode ver aqui na bola na parte inferior. Temos este pequeno bar com esta chamada personalizada agora e botões de e-mail para tornar realmente fácil para os usuários móveis entrar em contato conosco e espero que nos contratem. Então, este é o site será criando no curso e melhor da sorte. 2. Introdução ao Wordpress: a fim de personalizar o nosso site estavam indo para ser usando WordPress. E estamos imprensa é um software da Web que permite que você personalize seu estipe, e você pode fazê-lo sem ter que escrever código, por isso torna muito mais fácil construir seu site. Mas onde a imprensa ainda é muito flexível e poderosa. E assim agora eu estou conectado no meu painel WordPress. E é aqui que eu viria para fazer quaisquer alterações no meu site para adicionar, por exemplo, blawg Post ou para ah, mudar a aparência do site. E também há algo muito importante chamado plugins. Então, este é apenas um exemplo de algo que faz do WordPress uma ferramenta de desenvolvimento tão boa. Assim, com plugins, é uma maneira de estender a funcionalidade do seu site. É como se você soubesse, você tem um computador. O computador pode fazer certas coisas, mas você instala programas diferentes para estender a funcionalidade do computador. Então, para fazer coisas diferentes que não vêm nativamente em seu computador, você pode instalar programa semelhante com um plug in. Nenhum plug in irá ajudá-lo a estender a funcionalidade do seu site. Então, por exemplo, digamos que eu queira acrescentar. Ah, alguns pãezinhos compartilhados. Um dos meus plugins favoritos para isso é compartilhamento em massa, e por isso é livre para usar quase vai bater, instalar. Agora ative o plugue e agora aqui está instalado. Não, eu só preciso ah, em ou personalizar certas configurações para garantir que ele apareça rapidamente. Então, ah, eu queria mostrar quantos botões eu selecionei, e os botões que eu queria mostrar são o Facebook e o Twitter. Então salve as alterações e, em seguida, no visual, eu vou para a posição de localização, e eu queria aparecer em todos os posts e eu vou ter que dizer mudanças. Então, aqui está como um post de bloco será parecido com antemão. E agora, se eu apertar atualizar ele deve implementar esse plug in. E então aqui você pode ver o plugue de compartilhamento em massa, que adiciona estilo mashable, uh, botões de compartilhamento onde há um contador. Se alguém compartilha, vai aparecer aqui. E você sabe, eles podem simplesmente clicar no Facebook ou clicar no Twitter para compartilhar facilmente este artigo. E então este é apenas um exemplo de porque WordPress é tão incrível, porque sem ter que escrever qualquer código eu poderia, ah, instalar plug in. E enquanto lei, eu tenho esses botões de compartilhamento aqui no meu site. Então o WordPress é uma ótima maneira de construir sites, e é isso que vamos usar para construir este site. 3. Introdução ao curso: antes que possamos começar a personalizar nosso site, primeiro precisamos colocá-lo ao vivo na Internet. E há três coisas principais que precisamos fazer para colocar nosso site no ar nele, que possamos começar a personalizá-lo. Primeiro de tudo, precisamos registrar um nome de domínio e um nome de domínio é Justin Endereço assim Facebook dot com Isso é um endereço que direciona as pessoas para o site do Facebook. Então, depois de registrarmos um nome de domínio, eles precisam configurar hospedagem na Web e hospedagem na Web isso. Pense nisso como um computador remoto que armazena todo o seu conteúdo. Então, quando estamos colocando imagens e vídeos, qualquer tipo de conteúdo em nosso site, essas coisas precisam ser armazenadas em algum lugar, e hospedagem na Web é apenas basicamente alugar um computador remoto para que possamos armazenar um conteúdo lá que, quando as pessoas visitam o nosso site, podem visualizar todo o nosso conteúdo. Depois disso, precisaremos instalar o wordpress, e uma vez que instalamos o WordPress, podemos então começar a personalizar o site com WordPress e felizmente para nós, onde a imprensa é 100% livre para você. Assim que o fizermos, estas três coisas terão o nosso site ao vivo na Internet e pronto para começar a personalizar 4. O que é um nome de domínio?: uma das primeiras coisas que você vai precisar fazer quando você está construindo um site é registrar um nome de domínio e um nome de domínio é Justin Endereço para levá-lo a um site. Então, se quisermos ir para o site do Facebook, por exemplo, aparecer, digitamos Facebook dot com. Então este aqui destacado é o nome de domínio deles, e é apenas o endereço que nos leva ao site deles. Portanto, você precisa de um endereço específico e exclusivo para levar as pessoas ao seu site, e esse é o nome do domínio. Então, nomes de domínio que você pode registrar que geralmente custam cerca de 10 dólares por ano. Uh, você pode se registrar em um lugar como o nome de ovelha Go Daddy um em um. Eu usei todos os três serviços chamados Sheep, na minha opinião, é o melhor. É barato, muito fácil de usar. E para qualquer um desses serviços eles geralmente têm uma barra onde você pode colocar no nome de domínio que deseja, e você pode verificar se ele está disponível ou não. Então vamos dizer que eu quero comprar o site do corretor ponto com sua pesquisa, como você pode ver Hoc, cujo site ponto com Ele está disponível. Então, se eu quisesse, eu poderia comprá-lo agora mesmo. 5. Como obter a hospedagem da Web mais barata: Então vá para host gator dot com e eu vou colocar um link na descrição e host Gator torna realmente fácil para começar imediatamente, e é muito barato. Então é por isso que o promotor Clique começar agora e role aqui para baixo. Os diferentes planos aborrecimento plano de filhotes planeta é carregado mais barato do que a mistura do bebê. Mas com o bebê, você pode colocar dinheiro, não quer dizer que você quer neste plano. E por essa razão, acho que o plano do bebê é o melhor. Você pode comprar alguns anos e eventos ou ir mensalmente, por isso é apenas dois meses agora e clique em Inscrever-se agora para que você possa comprar seu domínio através do host Gator. Digamos que o Money Hokies. Eu quero comprar Hoc, cujo site ponto com é cerca de $13 em um ano. Se você comprá-lo através do nome Host Gator, chefe ponto com é realmente alguns dólares mais barato, então você poderia comprá-lo através de outro serviço se você é Mas se você fosse para comprá-lo através outro serviço, basta dizer que eu já possuía este domínio e, em seguida , ah, colocá-lo dentro Você vai precisar usar seu nome e número PIN e este preenchimento automático corretamente não precisa tocar nisso. Você precisará inserir suas informações de cobrança. Não creio que estes sejam necessários. Vamos verificá-los. Se você realmente sente a necessidade, então, uh, até verifiquei. E há um cupom de 20% de desconto pré-carregado. Então, este é 20% de desconto na sua primeira conta, no entanto. Então, se você vê normalmente US $10 por mês, mas eles vão dar para você por US $8 para o primeiro mês para a primeira conta. Então, se você rolar para cima, veja aqui é janeiro atualmente. Então, no segundo mês, fevereiro, ele volta a US $10 por mês. Então nós realmente nos arranjamos um cupom melhor. Você digita na compilação sem código um. Você vai ver esse desconto subir cerca de oito. Então foi para US $2 a quase US $10. Então sua primeira conta seria apenas um centavo, então, depois disso, volta para os $10 regulares por mês. No entanto, se você quiser obter um desconto ainda maior, você pode ter que pagar mais em eventos? Então vamos colocar isso para você 12 meses. Então isso é se você comprar 12 meses em eventos. Você ainda recebe o mesmo desconto de $10 com este código. Mas se você construir com um código sem ninguém, basta construir sem validar codificado. Na verdade, isso é 25% de desconto, então é 25% de desconto no seu primeiro pagamento. Se você está comprando um ano de antecedência, então é 25% de desconto nesse valor, o que adiciona quase US $30 de desconto e o desconto final, senhora. Código cubano são. Os 25% de desconto no seu primeiro pagamento para que você possa ver no segundo ano vão para, uh, volta para US $10 por mês. Mas isso é mais um ano inteiro. O desconto final seria comprar três anos de antecedência. 36 meses, 25% de desconto. Essa quantia é quase $70. Então é assim que você economizaria mais dinheiro. Mas, obviamente, a desvantagem é que você tem que pagar adiantado. Então, se você quiser fazer mensalmente, eu faria para construir sem código um em e você sabe que será apenas um centavo. Mas se você eu não me importo em pagar adiantado, então eu diria que pagar adiantando três anos, obviamente, obviamente, é como você vai obter o mais frequentemente tem apenas construir sem código 25% de desconto no seu primeiro pagamento, e é assim que você economizará mais dinheiro. E então, obviamente, você tem que pagar Maura adiantado. Existe, no entanto, no entanto, uma garantia de devolução do dinheiro de 45 dias. Então, digamos que você paga três anos de antecedência, e depois de um mês, você percebe que não precisa mais de um site. Você vê isso aqui, todos postando plano antes da garantia de 45 d dinheiro de volta para que você possa realmente obter um reembolso se você, uh, quiser dentro de 45 dias, mesmo que você faça por três anos de frente. Então é assim que você obtém a hospedagem mais barata possível. E uma vez que você decidir sobre o seu plano de hospedagem, preencha essas coisas. Sente-se aqui e bata. Confira agora e você está feito. Ele receberá um e-mail com a sua contagem. As informações, no entanto, às vezes vão para spam, então verifique sua pasta de spam 6. Como registrar um nome de domínio: Então a primeira coisa que você quer que eu vou querer fazer é ir para o nome barato ponto com e há um link na descrição do vídeo para nome barato. Você pode ir para, bem, em seguida, basta colocar em seu domínio ou aqui na busca por sua pesquisa e domínio são nomeados. Chief é um ótimo site para domínios porque um eles são muito baratos e dois é muito fácil de usar. Ok, então certifique-se de que ele está disponível e basta adicioná-lo ao carrinho. Ele acabou de adicionar carrinho de visualização para que você possa obtê-lo por vários anos. Eu só quero um, e você pode ativar ou desativar a renovação automática a qualquer momento para que eu possa desligar isso mais tarde, se eu quiser. E isso é por um ano e não pede um novo incrível e qualquer dessas coisas se você quiser ir para ele. Mas eu normalmente só quero não significar mais nada. Então você confirma o pedido, e então, se você não tem uma conta, basta ir em frente e, uh, sentir isso e bater, criar conta e continuar agora apenas algumas informações adicionais você tem que preencher. Eu vou fazer como indivíduo e sim, eu vou em frente e preencho essas coisas e acerto. Continuar. Então agora vá em frente e certifique-se que isso é informação de contato direto. E se você precisar mudá-lo para verões e talvez edifícios diferentes, então vá em frente e faça isso. Se não, você pode apenas se você quiser salvar isso para mais tarde e, uh, uh, seguida, em seguida,você vai colocar as informações do seu cartão de crédito e certificar-se de que seu endereço de cobrança está correto. E isso é automaticamente e na configuração certa. Então você não precisa clicar em nada disso. Você pode fazer isso o seu pagamento padrão e então apenas ah, ele continuar de novo. e então apenas ah, OK, então você pode apenas revisar seu pedido rapidinho. Parece tudo bem. Então é isso. Apenas pague agora e você está feito. 7. O que é hospedagem na Web?: Se você quiser criar seu próprio site, você vai precisar de hospedagem na Web, e eu vou explicar para você o que é usando o Pinterest. Então, depois de enviar esta imagem do seu computador para o Pinterest, você poderia realmente excluir a imagem do seu computador, e todos ainda poderão vê-la no Pinterest. Isso porque uma vez que você o carrega para pinchers, ele é realmente armazenado nos computadores do Pinterest. E esses computadores que eles são usados para armazenar conteúdo da Web são chamados servidores é uma imagem de um servidor típico, Iraque. E assim, para o seu site, você vai ter fotos, mensagens de texto. Você pode ter vídeos, todo tipo de conteúdo diferente, e que, também, precisa ser armazenado em um servidor. Então você pode pelo seu próprio servidor e configurá-lo sozinho. Mas isso é bem complicado. Então, o que a maioria das pessoas faz é simplesmente alugar um espaço em servidores de outra pessoa, e isso é chamado de hospedagem na Web porque eles estão hospedando seu conteúdo da Web em seus servidores 8. Como conectar seu domínio e host da Web: Agora que você tem seu nome de domínio e hospedagem na Web configurados, vamos em frente e conectar tudo juntos. Então vá para o nome barato dot com e, em seguida, basta entrar em sua conta. Cara, você entra e nós o levaremos ao seu painel. E, em seguida, basta clicar no nome de domínio que você deseja conectar a sua hospedagem na Web Clique em gerenciar à direita e, em seguida, aqui no botão direito do mouse em DNS Avançado. Aqui no tipo de servidor de nome de domínio da linha superior, ele está definido para nomear padrão barato que acabou de bater. Edite aqui à direita e, em seguida, clique em personalizado. E agora, depois de clicar em costume, temos agora esses campos onde podemos colocar em nomes sobre um nomes sobre para. E então, se nós apenas saltar sobre esse host get ou e-mail que nós temos, ele tem aqui mesmo nome, servidor um e servidor de nomes, também. Em seguida, basta pressionar, salvar as alterações 9. Como instalar o WordPress: vamos instalar o WordPress e vamos colocar o seu site ao vivo na Internet. Então vá para este e-mail do Gator host que você recebeu com as informações da sua conta bem aqui onde diz o seu painel de controle. Vamos clicar nesse link. Você pode pedir nome de usuário e senha, e estes vêm do e-mail, então usá-lo aqui, então copie isso. Copiar esta senha está aqui. Ei, sente-se em baixo de novo. Vai levá-lo ao seu painel de controle para o host Gator aqui no painel de controle como você também. Rápido. Aqui mesmo, onde diz começar com WordPress hoje. Ou se você rolar um pouco para baixo, software e serviços são instalados rapidamente. Ambos te levarão ao mesmo lugar. Clique nisso. E se você rolar para baixo, instale o WordPress, clique nessa rolagem para baixo novamente. Instale o WordPress gratuitamente. Eles têm outras coisas que estão tentando vender. Mas tudo que você precisa fazer é clicar em Instalar WordPress instalar gratuitamente. Não, ele leva você e é assim, se você nunca registrou domínio antes ou se você nunca iniciar instalado WordPress em um domínio antes pela primeira vez. Normalmente vai. Auto popular aqui. Eu tenho uma tonelada de domínios e subdomínios, então eu vou escolher o que eu quero, ah, instalar ah, o WordPress em. Mas ele deve auto popular, se não apenas usado o menu suspenso e selecione o nome de domínio que onde você vai instalar WordPress. Bem, sim, e novamente, se é a primeira vez que você só tem um eu não ouvi colocar um e-mail o título do bloco superior , que você será capaz de mudar mais tarde e, em seguida, nome de usuário em seu primeiro e último nome e , em seguida, basta clicar em instalar WordPress e está tudo completo. Visualização rápida, credenciais. E então é assim que você chega ao conjunto em que você acabou de instalar wordpress. Então vamos clicar nisso. E assim aqui eu posso colocar meu nome de usuário e senha para fazer login e começar a editá-lo. E aqui está o nome de usuário. Então coloque isso aqui. E aqui está a senha. E certifique-se de que você não, uh, excelente sair deste navegador ou desta guia ou qualquer coisa, para que você tenha a senha do nome de usuário. Embora muitas vezes eu vou te enviar um e-mail com isso. Ah, essas credenciais, mas certifique-se de manter o controle dele para que você possa entrar. E depois vou entrar. E agora somos prensas instaladas no meu site. E esta é agora a área de administração trabalhando. Posso personalizar meu novo site WordPress. 10. Como alterar senhas do HostGator e WordPress: quando você envia pela primeira vez para o Gator host, eles lhe dão uma sequência aleatória de letras e números como sua senha. E quando você instala o WordPress pela primeira vez, eles fazem a mesma coisa. Eles dão um encolhimento aleatório de letras e números como sua senha. Mas pode mudar isso para o que quiser. Então eu vou te mostrar como mudar sua senha para cada uma dessas coisas. Então, para o Host Gator, basta entrar no seu painel C. E se você ir para esse e-mail com as informações da sua conta, você rapidamente neste link para o seu painel C e, em seguida, apenas usar seu nome de usuário e esta lei de reboque de senha novamente? Uma vez que você está termina escreveu em um pouco e sob preferências, clique em alterar senha. Então você só vai inserir sua senha antiga do e-mail. Copie isso colado aqui e, em seguida, coloque sua nova senha e repita. Deixe estes desmarcada e pressione Alterar sua senha agora e você está pronto para host Gator quatro WordPress. Você só vai clicar neste link para chegar ao seu administrador do WordPress, e eu já cliquei nisso e colocar o nome de usuário a partir desta tela e eu vou obter a senha desta tela colada aqui e clique em Login e eu vou para os usuários e bater todos os usuários aqui à esquerda. Aí está o meu, uh eu mesmo. Estou pressionado Editar Scroll para baixo um pouco mais. Só uma nova senha. Vou colocar minha nova senha, repeti-la e, em seguida, atualizar, perfil e o seu antigo on. 11. Como instalar o tema Fukasawa: uma das principais formas de personalizar o nosso site é alterando a aparência e sentir o tipo de site da pele geral. E assim, para fazer isso, temos que ir para os temas. Então, aqui, na aparência do cursor esquerdo e, em seguida, clique em temas e assim temas é o que realmente determina com aparência e sensação de seu site novamente. E há temas pagos. Há temas gratuitos. Nós vamos em frente e obter um tema gratuito, então apenas mais rápido aqui no novo tema. E aqui na barra de pesquisa, o nome do tema que queremos usar é chamado Fuk Asawa. Espero que eu esteja pronunciando esse direito tão apertado que dentro e entrar e você pode rápido sobre isso também. Tenha uma prévia da vida de ah do tipo que vai parecer com o seu conteúdo atual. Infelizmente, não tenha nenhum conteúdo realmente confiante. Apenas me diga o conteúdo. Então é assim que ficaria com o conteúdo fictício. Mas vamos fazer com que pareça muito diferente assim. Queremos fazer com que pareça mais com essa imagem com, uh, você sabe, esses diferentes itens do portfólio mostrando tipo de estilo do Pinterest, mas isso é o que vai parecer com nosso conteúdo atual. Então vamos em frente e acertar, instalar e ativar. E agora se eu clicar aqui em cima, você vê o que é o site real? Parece que tem o tema Fouke Asawa ativado. Mas, novamente, só tem o nosso conteúdo fictício lá dentro. E é por isso que ele ainda parece muito piscar, mas agora vai começar a personalizar este tema específico. 12. Como adicionar posts de imagem: Uma vez que este é um site de portfólio, uma das principais coisas que vamos fazer é adicionar um monte de imagens diferentes. Então, seja para ah, você sabe, seu site de fotografia ou design gráfico de qualquer maneira, queremos exibir nossas imagens aqui para que todos possam ver nosso belo trabalho. Então vamos voltar para o painel, e então vamos para postagens e, em seguida, adicionar novo. Então é assim que adicionamos imagens é através de postagens. E assim você pode ver aqui há diferentes formatos de postagens em vídeo de imagem de galeria padrão . Se quisermos adicionar apenas uma imagem para cima, basta clicar nela e vamos dar Ah, uma imagem em destaque. Então aqui embaixo havia uma imagem em destaque. Este é o lugar onde nós vamos realmente carregar a imagem real que nós queremos. Teoh seja exibido. Então, vamos clicar na imagem futura Selecionar arquivos e vamos obter este Ah, imagem de montanhas aqui. É uma espécie de imagem grande, então leva um pouco para carregar. Ok, bem, uma imagem em destaque rápida aqui em baixo, então nós temos nossa imagem real carregada e então vamos dar um título e nós vamos chamar isso Blue Bridges. E outra coisa, a última coisa que vamos fazer é dar-lhe uma categoria. E então, uh, nós podemos adicionar uma nova categoria e vamos chamar esta categoria de montanhas. E assim, hum, para qualquer imagem ou post blawg em geral, que é verificado com esta categoria montanhas. Tudo será agrupado para que possamos classificá-los mais tarde ou para que nossos usuários possam facilmente classificar você sabe, qualquer post ou imagens que estão sob a categoria montanhas. Então temos o título. Colocamos no formato certo da imagem. Nós colocamos isso em uma categoria, e nós colocamos a imagem real em si. Então eu fui apenas publicar, e então vamos ver post bem aqui. E então aqui está o post real. E se formos para a página inicial, o que é rápido aqui? Aqui podemos ver que temos a miniatura para esta imagem. Agora vamos adicionar algumas outras imagens para que você possa ver como ele se parece com algumas outras imagens Aqui. Vou apenas diminuir o zoom muito rápido e, em seguida, voltar para o painel e vamos para as postagens novamente. Adicione novo e vamos pegar a imagem. Imagem tão destacada. Lembre-se, faça upload de arquivos, selecione arquivos e nós obteremos isso. Ah, foto dessas árvores. Ok, É uma imagem em destaque e vamos chamar isso de árvores enevoadas e mudá-lo para imagem em formato. E então, para categorias, hum, isso não vai para as categorias de montanhas categoria vai fazer sua própria categoria. Você vai chamá-lo de floresta e novo. E assim é verificado sob a floresta. E assim temos danos futuros. Temos a categoria, o título do formato. Então agora eu entendo publicar e ver post e não é a nossa imagem. Está na categoria certa e se voltarmos à nossa página inicial agora podemos ver que temos esta outra miniatura. Então nós temos as árvores e então nós temos esses cumes e então este poste fictício veio pré-carregado. Como você deve ter notado para esses posts de bloco, a única coisa que brilhou para o polegar agora é a imagem em destaque. O título não é mostrado, e isso é porque mudamos o formato do post para ser apenas imagem e para o vapor. Quando o primeiro está sob imagem, a miniatura mostrará apenas a imagem em destaque real e não o título real, e o mesmo vale para uma descrição. Então, se fôssemos adicionar uma descrição a este post que disse ou você sabe, o corpo do Post Então vamos adicionar algum texto lá. Actualizar. Bem, porque é dito como imagem de formato, Esteem não mostra polegar agora, então ou não mostra nada além da imagem em destaque para o polegar agora. Então, mesmo que tenhamos adicionado uma descrição como o título, é invisível. Mostra apenas a imagem em destaque. Mas se clicarmos nele, então podemos ver Oh, aqui está o título e então podemos adicionar qualquer corpo de texto ou descrição que gostaríamos. 13. Como adicionar posts na Galeria de fotos: Além da imagem única Blawg Post, também podemos fazer uma galeria de um post de bloco que contém várias imagens, então isso pode ser bom para algo. Digamos que você tire fotos em um casamento e queira carregar o álbum inteiro, mas não queira que todas as fotos apareçam na primeira página. Você pode criar uma galeria blawg post, onde você sabe que eles terão que realmente clicar no Post para ver o resto das imagens. E nós podemos mudar o formato para que ele realmente mostre, você sabe, o título e talvez um pouco de uma descrição. Então as pessoas sabem que não é apenas uma única imagem. Então, para criar um post de galeria, vamos para o pé novo e depois postar e vai criar um praticamente um álbum de picaretas de Los Angeles. Então vamos dizer que fizemos uma pequena viagem, e queremos colocar tudo isso em apenas uma grande galeria. Mas algumas palavras ah aqui em nossa descrição também. E se assim for, ah, se selecionarmos uma imagem em destaque, vamos fazer upload de arquivos selecionados e vamos rápido nesta imagem aqui está o nosso conjunto de imagens em destaque Caracterizar uma imagem. Certo, Certo, vamos adicionar uma nova categoria. Só chamamos esta cidade. E então, em vez de mudar este ah, para imagem, nós vamos apenas deixá-lo como padrão e nós vamos estar adicionando algumas fotos aqui. Mas primeiro, vamos publicá-lo e mostrar como será a miniatura. Então publique. Então vamos dar uma olhada no nosso site real. Ok, então aqui vamos nós para que você possa ver que temos uma imagem em destaque, mas porque essa anfitriã disse, é padrão e não imagem. Isto mostra o título, bem como esta descrição, ao contrário destas outras publicações. E se nós não queremos mostrar causa, você sabe, está mostrando tudo, ah, ah, isso além do corpo Talvez nós só queremos mostrar uma linha que podemos Ah, rápido este inserto leia mais tag E agora ele só irá mostrar esta parte na miniatura e o resto que só será capaz de ver, mas realmente clicando nela para que não mostre que você sabe muito imediatamente se não quisermos. Então nós só tivemos atualização e eu vou bater. Atualize aqui e agora você pode ver. E o trecho de Onley mostra a primeira frase e não a segunda frase. Certo, agora está em uma galeria. E para fazer isso irá adicionar mídia. E aqui, no canto superior esquerdo, crie galeria. E para isso, vamos usar essa imagem, e vamos fazer upload de algumas outras imagens também. Vamos usar Ver esta imagem e vamos usar esta imagem. Certo, agora estão todos carregados. Vai bater, criar uma nova galeria. E aqui nós podemos realmente mudar a ordem ou, ah, apagar alguns Se nós percebermos que depois do fato, nós não queremos tudo isso. Então eu quero mudar a ordem. Então vou clicar nele e arrastá-lo. Então esta é a imagem em destaque, a última imagem que eu não quero que seja super. Já fiz isso e eu vou bater. Ah, bem de antemão, galeria de inserção. Eu vou realmente mudar o tamanho de miniatura muito grande para que quando eles estão aparecendo em sua página na página, eles não estão apenas aparecendo é apenas essas pequenas coisas que eles são grandes e colunas . Vou mudar esse dedo do pé. Para que pudéssemos ter aparência. Três colunas. Mas eu só queria aparecer em uma coluna chamador e tê-los ser grande tamanho agora inserir galeria e já ter. Mesmo a lista está mostrando um pequeno que deve aparecer é grande quando nós realmente, uh, salvar essas mudanças. Então eu vou salvar as alterações pressionando atualização. Agora ele voltou aqui, vai bater, atualizar e ah, clique no post. E então aqui temos a imagem em destaque, e então temos essas imagens todas, ah, da galeria que acabamos de adicionar. 14. Como adicionar Plugin Lightbox: Agora, se você clicar em uma dessas imagens, o que o vapor faz por padrão é vamos rápido. Ele cria um tipo de sua própria página para cada imagem e o nome dessa imagem. Quando fiz upload, era apenas, sabe, uma tecnologia aleatória, então não é super desejável. O que eu realmente gostaria é tê-lo puxado uma caixa de luz em uma caixa de luz é apenas como aqueles pequenos pop-ups, um, que em vez de ter que levá-lo para uma outra página inteira que completamente recarrega abre um pequeno pop-up aqui para que você possa ver a imagem e até mesmo rolar até as outras imagens. E isso é o que eu gostaria. E assim para, ah, obter uma caixa de luz para essas imagens. Eu só vou instalar um determinado plug in lembrar plugins se você pudesse chegar a eles indo para ouvir plugins e adicionar novo e lembre-se que eles, ah aumentou, você sabe, funcionalidade a adicionar funcionalidade ao seu site. Então eu vou instalar plugging que vai nos permitir ter essa funcionalidade lightbox e então adicionar novo Ah, eu vou procurar plugins bem aqui. O nome do plug e eu quero é Lightbox responsivo por fábrica D. Então eu só vou bater, instalar agora e ativar plug in e responsivo só significa que ah, ele vai caber a largura da tela. Então, se minha tela ficar menor, você pode ver que este site está responsivo. As palavras e tal e layout real muda um pouco para que ele ainda fique bem na tela. E assim ah, essas caixas de luz também responsivas como fica menor, as imagens ainda vão ficar boas. Então, tudo o que tenho de fazer para esta ligação é activado. É isso. Volte aqui e bata, atualize. E agora, quando eu clicar em uma dessas imagens, você verá aqui que está puxando a caixa de luz. Então, em vez de me levar para uma página inteira, apenas puxa a caixa de luz e eu poderia sair daqui e você sabe, muito rapidamente ver essas fotos e eu também posso percorrer por elas. Então, se eu clicar na seta para a direita, ele vai rolar para a próxima imagem e ah, sim, apenas torna muito fácil, muito limpo Um e você sabe, o usuário não tem que recarregar uma nova página ou qualquer coisa, e, novamente, eles são responsivos. Então, uma vez que eles abriram a caixa de luz, se a tela ficasse menor, a imagem ou a foto se ajustaria de modo que, Ah, não está sendo distorcida ou algo assim. Então ainda vai parecer bom. Não importa o tamanho da tela ou mesmo se eles estão em um telefone ou tablet, as fotos do vão ficar boas por causa dessa lightbox responsiva. 15. Categorias: Quero que esta página principal complete esta parte, pelo menos vou apagar isto. Ah, padrão. Olá, World Post. Sim, eu poderia fazer isso apenas indo para postagens. Todos os post clique sobre isso. E então olá, mundo. Vou checar isso, ou não tenho que verificar se posso acertar o lixo aqui e isso é deletado. Então, agora, quando eu voltar aqui, eu carrego em atualizar, e esse post sumiu. Mas, além de se livrar disso, Eu também quero adicionar mais post para que pareça mais cheio e ferroviário. Então Ah, eu vou apenas ir em frente e adicionar algumas ou apenas postagens de imagem regulares. Não vou aborrecer-te. Hum, então , uh, apenas vá em frente e faça isso, e então quando voltarmos, deve haver um pouco mais cheio. Como você pode ver, eu adicionei alguns ou postagens de imagem, então o site parece mais cheio e aqui em categorias, você pode ver todas as categorias trabalhar agora que temos um monte de postagens diferentes. Então, se eu clicar na cidade, ele só puxa para cima este post porque este é o único post na categoria Cidade e depois praia. Há muitos deles, e também se clicarmos em apenas um post individual, então vamos clicar neste. Nós rolamos para baixo aqui, ele mostra a categoria em que está, e se clicarmos nisso, isso também nos levará a esta página da categoria praia. 16. Como adicionar a minha página: o logotipo humilde na barra lateral. Temos este link para a página de amostra. Nós clicamos nele. É apenas um exemplo de, Ah, Ah, página uma página de amostra. Ele vem pré-carregado, e assim podemos colocar em nossas próprias páginas aqui. Um e assim um monte de sites terá a barra de navegação tipo do topo onde você, você sabe, rápido em diferentes links ah para levá-lo para diferentes partes do site para este tema. Está bem aqui do lado. E então nós vamos excluir esta página de exemplo e, em seguida, colocar em um par de nossas próprias páginas reais . Então, para fazer isso, voltaremos ao painel rapidamente nas páginas, em todas as páginas e na página de amostra. Só vamos acertar o lixo, apagar esse, e depois vamos adicionar a primeira página. O que é sobre a minha página? Então vamos bater, adicionar novo, e você apenas digita aqui sobre mim, e então eu vou adicionar uma foto minha. Então, carregue esta imagem, insira-a. Vamos fazer isso. Ah, grande, mais tamanho completo. Ok, então abaixo de tudo adicione um pouco de sinopse e clique em publicar. Ok, agora vamos voltar para o site e você pode ver as páginas de amostra desapareceram. Agora só temos. É sobre ouvir ser sobre mim. Página clique em que nos leva a isso sobre mim página com esta imagem e uma pequena biografia sobre mim mesmo. 17. Como adicionar perguntas mais frequentes página: Outra página que queremos criar é uma página de perguntas frequentes. Então vamos voltar para as páginas do painel. Adicionar novo tipo de mamífero aqui perguntas freqüentes e vamos hey similares e publicar isso. Agora, aqui podemos clicar em Exibir página e aqui estão algumas perguntas frequentes. Ah, e você pode ver que ele aparece aqui na barra de navegação à esquerda. Uma coisa que queremos fazer talvez seja muito ousada a pergunta real, então eles ah, é fácil ver qual é a pergunta e qual é a resposta. Então, vamos voltar para editar a página e não destacar a pergunta. Parte-lo placa como o comando parte pergunta estar no controle er Mac ser assim como com a palavra Marcas f também vai torná-lo em negrito. Então, obtenha essas atualizações em negrito para salvar as alterações. Volte para ver a página, e agora é um pouco mais fácil. Decifrar qual é a pergunta e qual é a resposta? 18. Como adicionar acesso à página de toque: a última página que eu quero criar é uma página de contato comigo. Então nós vamos voltar para, ah, ah, as páginas do painel adicionar novo e eu vou apenas colocar em contato e eu vou apenas colocar um número de telefone e e-mail para que eles possam entrar em contato, você sabe, para me contratar como seu pneu para O que quer que seja. E eu realmente quero que estes se destacem mais. Então eu quero que ele seja um pouco maior, não apenas tamanho normal de parágrafo. Então, se eu clicar na barra de ferramentas alternar Crianças, mais algumas opções aqui no editor e eu vou destacar isso e mudá-lo para um título cinco e, em seguida, vamos apenas apertar. Ah, é uma prévia primeiro, na verdade. E aqui estamos nós. Poderíamos ver o número de telefone e o e-mail, mas além disso, quero adicionar um formulário de contato para que eles possam usá-lo se eu quiser. Então por diante, Merda salvar rascunho e então eu vou para plugins. Adicione novo para que possamos apenas adicionar um plugue que vai tornar muito fácil para nós criar. Ah, um belo formulário de contato. E assim o formulário de contato o plug in para o formulário de contato é chamado de formulário de contato muito simples . Eu diria que é muito simples quando funciona muito bem. Instalar agora, ativar plugging. E assim este é o formulário de contato, diz usado contato casaco curto aqui para exibir formulário em qualquer página ou usar o widget. Então, basicamente, temos que colar este contato dentro dos colchetes dentro de qualquer página, e ele irá exibir nosso formulário de contato para nós. Então você vai copiar isso? Vamos voltar às páginas. Veja, isso é um rascunho. Não é. Publicá-lo. Vamos clicar nele para editar. Então, logo abaixo do número de telefone e e-mail mostrando ritmo que contato. E isso está alertando o plugue dizendo: “ Ei, Ei, coloque esse formulário de contato aqui nesta parte da página. Então vamos bater, publicar e vamos ver página e lá vamos nós. Temos o e-mail do número de telefone e, em seguida, este formulário de contato. Muito fácil, obviamente, e, em seguida, recebendo toques aqui à esquerda e por padrão, ele irá enviar quando alguém preencher isso. Ele vai enviar esta informação para o e-mail que você usou quando você instalou o WordPress e Ah, você pode realmente apenas mudar isso indo para os usuários e, em seguida, rápido no usuário, e você pode alterar o e-mail aqui. Então este é o e-mail que receberá qualquer informação que as pessoas preencham nesse formulário de contato . E apenas tenha em mente que de vez em quando este ah, e-mail, eles caíram no formulário de contato irá para sua pasta de spam. Então, se você está testando e não está vendo as informações enviadas para você, verifique sua pasta de spam. Pode estar lá. 19. logotipo: esta parte principal agora está completa para que possamos começar a personalizar esta barra lateral. Então, aqui em cima, nós poderíamos realmente colocar nosso próprio logotipo aqui. E você faz. Então nós podemos ir para personalizar aqui ou voltar para o painel e, em seguida, ir para a aparência e, em seguida, clique em personalizado Seu peso vai nos levar para aqui onde podemos fazer alguns clientes ations para o tema e ah, aqui mostrando tipo de em tempo real, as mudanças que estarão fazendo assim identidade lado. Poderíamos mudar o texto que aparece. Há o título do site. Podemos mudar a cor do acento. Ah, alguns menus, widgets. E, em seguida, aqui o logotipo. Poderíamos carregar nosso próprio logotipo quando substituiria isso aqui. No entanto, eu realmente gosto dele, então vamos apenas manter que 20. Widgets: sob esta barra de navegação com os links para as outras páginas que podemos ver, temos um formulário de pesquisa arquivos categorias, meta e assim o quê? Estes são chamados widgets, então eles são praticamente ilhas de informação ou funcionalidade. Então, você sabe, o formulário de busca meio que faz a sua própria coisa. Não depende de arquivos ou da barra de navegação aqui em cima. É uma espécie de sua própria ilha de funcionalidade, e nos permite procurar por coisas diferentes no site. Bem, há alguém com esses widgets que nós realmente não queremos. Assim, por exemplo, arquivos. Eu não quero essa exibição. Então eu vou me livrar desse widget. E para isso, voltaremos para o painel. Nós também poderíamos o que um widgets bem aqui. Mas ah, dentro do painel de aparência freqüente e, em seguida, widgets aqui, podemos ver que podemos mudar a ordem para que eu pudesse colocar certa barra na parte inferior. Nós também podemos nos livrar de outros, foram adicionar outros. E para fazer isso, nós apenas arrastamos. E então, ah, nós clicamos nesta pequena seta aqui. Aqui podemos personalizar o widget e com base no widget, ele será Ah ser personalizado de forma diferente. Então tudo o que vamos fazer é arrastar arquivos daqui, arrastar meta fora. E agora só temos categorias e pesquisa. Então, agora, quando voltarmos para o local aqui, temos exatamente como queremos. Temos navegação de logotipo e, em seguida, as categorias aqui no topo para que as pessoas possam facilmente encontrar o tipo de post ou foto que estão procurando. E aqui no fundo. Desculpe. Bem, não bem no fundo do fundo. Temos apenas esta informação sobre o nosso site, mas, mas, hum, bem aqui, o widget mais baixo é apenas uma barra de pesquisa. Então, você sabe, eu poderia procurar mais Angeles, e isso vai mostrar, uh, qualquer coisa que é relevante para o que eu digitei. 21. Plugin de chamada móvel e e-mail: A última coisa que vamos fazer é adicionar mais um plug in, e este plug in vai ajudar a tornar mais fácil para as pessoas ligarem ou enviar um e-mail para nós quando estiverem visitando nosso site em um dispositivo móvel e você verá o que ele faz em apenas um segundo. Então vamos para os plugins do painel. Adicionar novo aqui na barra de pesquisa irá digitar em chamada e reservar barra móvel. Esse é o nome deste plugue nele. Instale agora e ative Plug in. Então temos que fazer algumas coisas apenas para personalizá-lo para que nunca possamos acertar as configurações aqui ou agora ele está instalado. Se formos para as nossas configurações aqui à esquerda, haverá esta barra Colin Book Mobile. Tão rápido nisso. E então vamos adicionar o número de telefone e certifique-se de adicionar o código do seu país antes disso para os Estados Unidos um e, em seguida, código de área e, em seguida, por 5555 cinco Grande. E assim, além de ter este botão bem, então ele vai ter este botão, ou se eles clicarem nele, ele automaticamente chamará este número ou ah, eles podem clicar em outro botão e nós podemos tê-lo ser um botão para, uh, fazer com que eles marquem algo ou um compromisso agendado. Seja qual for. Talvez tenhamos esse outro botão e vamos às perguntas mais frequentes . Page, só vou colocar fax. E então, ah, eu preciso colocar o URL para a página de perguntas freqüentes aqui. Então deixe-me pegar aquela nova página de fax. Copie que você está ultrapassado lá dentro e o ícone para esta pergunta freqüente. Mas será apenas que um ícone de informação e, em seguida, um endereço de e-mail porque há também um botão para eles para ah, facilmente nos enviar um e-mail para que você clicou em e-mail, e então ele vai abrir seu cliente de e-mail com este e-mail apenas já pre carregado. Então, vamos apenas salvar, e então vamos voltar para o nosso site. E então, se quisermos visualizar como nosso site será em um dispositivo móvel, se você estiver usando o Google, crone e ah, eu recomendo usar o Google Chrome para desenvolvimento, porque ele só tem um monte de desenvolvedor amigável ferramentas. Podemos apenas clicar com o botão direito em qualquer lugar no site elemento inspecionar rápido. E eu tenho isso alternado. Então, por padrão, se eu bater inspecionar presságio, ele vai puxar essa coisa para cima. E se eu bater aqui, este pequeno ícone de telefone, então ele vai me dar uma prévia de quê? Ah, seu site vai parecer com um smartphone. E assim você pode mudar isso aqui para ser qualquer dispositivo que você quiser. Vamos fazer iPhone seis e, em seguida, comando são em grande parte atualizá-lo. E então aqui nós temos, uh, espécie de, Ah, uma emulação de quê? Nosso site pareceria um iPhone 6. Então, novamente, esta é uma boa razão para usar o Google chrome porque eles têm essas ferramentas gratuitas para desenvolvedores. Então você contesta coisas como esta onde você pode ver como seu site será parecido em um smartphone. E como podem ver aqui no fundo, agora temos uma chamada. Agora botão um botão para enviar e-mail e este botão de fax. E assim, se eles clicarem nisso, ele permitirá que eles facilmente nos chamem para clicar isso facilmente nos envie um e-mail. E se eles clicarem nisso, ele vai levá-los para a página de perguntas freqüentes para que o plug in adicionou esta pequena barra aqui na parte inferior para telefones celulares e, você sabe, realmente ajuda. Assim, é muito fácil para os potenciais clientes nos ligarem ou enviarem mais e-mails. Ah, veja as perguntas frequentes. Então, sabe, faz com que seja muito fácil para eles entrarem em contato conosco. Contrate-nos e ah, sim, então é isso que a última tomada faz para o nosso site.