Criar um Web Site do Wordpress - para estudantes, professores e Freelancers | Benjamin Halsall | Skillshare

Velocidade de reprodução


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

Criar um Web Site do Wordpress - para estudantes, professores e Freelancers

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

6 aulas ()
    • 1. INTRODUÇÃO DO CURSO

      1:31
    • 2. Como configurar um site e conta

      4:51
    • 3. Crie seu primeiro post

      4:21
    • 4. Carregar uma imagem em um post

      3:07
    • 5. Como adicionar páginas e criar menus personalizados

      2:23
    • 6. Como adicionar um segundo site Wordpress

      0:29
  • --
  • 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.

96

Estudantes

--

Sobre este curso

Em muitos dos meus cursos, peço aos alunos que criem um blog do Wordpress para documentar seu progresso, escrevem suas reflexões e compartilharem tarefas concluídas.

Neste curso, compartilho algumas habilidades de configuração essenciais para configurar um site ou blog do Wordpress, bem como algumas dicas para escrever posts, carregar imagens, criar menus e gerenciar layouts do Wordpress.

Conheça seu professor

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Professor

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

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 DO CURSO: como isso tem sido casa realmente apresentá-lo para a minha classe WordPress aqui. Então, basicamente, o que vamos estar fazendo nesta classe é introduzir como criar um bloco WordPress ou site no wordpress dot com. Vamos correr através de toda a configuração que você precisa fazer quando você está olhando para wordpress dot com pela primeira vez configurando dentro, olhando para como você pode configurar vários sites dentro wordpress dot com para seus diferentes blocos. Depois de ter desenvolvido um site no wordpress dot com, você pode levá-lo para um site WordPress hospedado regular ou um site hospedado no wordpress dot com. Vamos ver como você configura a página é como você configura o blawg em Além disso, em seguida, como você configura a navegação para o seu site também. Ok, nós tendo com um par de temas diferentes neste WordPress Futural, Eu vou estar adicionando vídeos como vamos junto. Esses vídeos foram baseados em duas coisas. Uma é a minha experiência como um Web designer e designer gráfico trabalhando com foram pressionados sobre o outro é a sua pergunta. Então eu estou realmente animado para obter sua pergunta sobre o fórum da comunidade em termos de como você está trabalhando com o WordPress, talvez destacando diferentes temas que você escolheu para trabalhar com a ONU incluído na gravação de vídeo Charles como eles são agora, sempre vai estar expandindo neste curso sobre a procura de novas perguntas e novos conteúdos para carregar para o curso e compartilhar com você como você desenvolver seus sites ou sites em wordpress dot com. Então vamos indo. Nós vamos morrer um direto em configurar uma conta no wordpress dot com em então olhar para como podemos criar o nosso bloco. Nossas páginas, personalizar nossa página inicial e, em seguida, passar de lá para Jason. Mais avançado, configurado no trabalho em wordpress dot com. 2. Como configurar um site e conta: Ok, então aqui nós vamos percorrer como nós criamos um novo site wordpress dot com e realmente, nós vamos percorrer os diferentes passos e falar sobre alguns deste conjunto diferente Wordpress dot com ou criadores fazer. Mas eles também falam sobre onde nosso site em curso futuro. Então, vamos passar por estes passos, em seguida, seguir em frente t pensar em escrever e criar um bom glogg ou site com a plataforma WordPress . Então a primeira coisa que você faz é vir para Wordpress Dot com. Então vamos clicar, criar um site. Agora é o primeiro passo é realmente selecionar um tema que você deseja usar para o seu site em. Na verdade, nesta fase, você pode escolher qualquer coisa. É realmente fácil mudar o tema WordPress mais tarde lá muitos e muitos temas diferentes que você pode usar, bem como esses padrões. E como você tipo de se mudar para trabalhar com WordPress mais e mais, você pode escolher projetos que se adequam às suas necessidades mais, quer a partir de temas gratuitos do WordPress, que é o que ele é chamado, ou de temas pagos para WordPress, que pode dar-lhe um monte de funcionalidade extra Agora para este site e refocando em imagens e textos. Então eu quero escolher o tema que funciona bem para mim. Gosto de um visual limpo. Então eu vou com este Éden, olhar em cima bem aqui e escolher isto para a minha configuração inicial. E agora para o domínio aqui, este é o principal eu vou estar usando um ponto livre wordpress dot com endereços. Então vamos entrar no Ben House? Demonstração de Ok. E ver se Ben Houses demo dot wordpress dot com está disponível. Por isso, está disponível gratuitamente. Ou eu posso escolher essa garota de graça então imediatamente, se você tem um URL ou endereço do site a partir do qual eu estou ligando você está l disponível aqui, então você pode selecionar que para comprar isso. E se você está interessado em ter um perfil on-line e é definitivamente algo que vale a pena dar uma olhada e pensar se você poderia comprar um nome de domínio que você pode então usar para professores que estão configurando um curso e eles querem para usar WordPress é uma plataforma para seus alunos para bloquear isso, eu recomendaria que eles usassem um nome onde ele tinha que incluir o número do curso no início do nome. Então, por exemplo, claro, eu estou atualmente ensinando é C.T.C. C.T.C. C.T.C. H. um em um ou criar tecnologias 11 E então eu poderia ter isso em, então meu nome e sobrenome e ver se isso está disponível. Então, usar um código como esse pode significar que você pode facilmente encontrar os endereços do site de seus alunos . E eu sei que um monte de professores estão usando WordPress tem uma plataforma para a sua para seus alunos, toe blah ido ou para usar. Então vamos ficar com Ben famílias Demo para este exemplo, e então vamos selecionar isso. Agora, temos três opções aqui. Um é o plano livre, que é o que vamos usar aqui. E então temos os planos premium e de negócios. Ok em basicamente vai ter mais funcionalidade quando você está trabalhando com esses planos. Mas, essencialmente, eles são os principais blogs e funções de gerenciamento de site estarão disponíveis no site gratuito WordPress. Agora, a coisa boa sobre WordPress é que você sempre pode mover esse site WordPress para um desses planos premium ou de negócios. Se quiser mais tarde. Portanto, é um ótimo lugar para começar a experimentar ou até mesmo criar protótipos de novos projetos na plataforma gratuita. Você pode se acostumar com algumas das ferramentas que você tem disponível no WordPress com o plano gratuito em. Em seguida, passe para usar o premium ou outros planos, se você quiser. Ok, eu recomendaria ter um olhar através do aprender mais funções. Vamos mergulhar diretamente no WordPress aqui e selecionar o plano gratuito. Ok. E depois escrevo o meu e-mail, endereço-o. Eu vou e então eu vou usar as famílias Ben. Demo tem meu nome de usuário aqui também. E amarre 10 senha. Certo, assim que eu fizer isso, eu serei capaz de criar minha contagem. Agora, basta verificar se você tem seu endereço de e-mail direito. Você sabe o seu nome de usuário? Uma ondinha. E eu vou clicar em criar minha conta aqui. Então o WordPress está fazendo um pouco de trabalho em segundo plano, e então vamos entrar e será capaz de ter uma olhada em como wordpress é configurado. Então esta mensagem que aparece no safari é realmente sobre se eu quero salvar minha senha para este site específico para fazer login se você estiver usando um computador compartilhado que eu recomendo que você não faça isso. Mas se você estiver usando um computador sozinho e estiver confiante de que ele é seguro e você pode pressionar uma senha segura, que significa que quando você voltar a este site, então você será capaz de olhar diretamente para dentro. Uma outra coisa é que o WordPress está nos dizendo aqui é que ele nos enviou, Ah, Ah, verificação para o nosso e-mail para que possamos saltar para o nosso programa de e-mail em. Devemos obter um e-mail em nossa caixa de entrada com uma mensagem de endereço de e-mail confirmar que poderíamos apenas clicar em que nos levará de volta para WordPress em. Informe-nos que verificamos o endereço de e-mail que estamos prontos para usar. Então agora estamos no painel wordpress dot com, e podemos ir em frente e dar uma olhada em como podemos criar páginas de script de postagem de bloco, trabalhar em nossos menus e navegação, e é isso que vamos fazer a seguir. 3. Crie seu primeiro post: Ok, então agora que nós temos nosso site wordpress dot com configurado e nós vamos dar uma olhada no backend, olhar como nós publicamos um post. Olhe para a diferença entre páginas e posts em então. Veja também como gerenciamos os menus. OK, então a primeira coisa a mencionar é que WordPress é configurado inicialmente como, bloco ah. Então, basicamente, a primeira coisa que está listada aqui sob o menu de publicação Sr. Adicionar um post em bloco . Ok. E basicamente, você tem dois tipos diferentes de postar as postagens de bloco nas páginas aqui e eles são essencialmente com páginas. Você está criando um site com estrelas mais tradicional, enquanto com um bloco você está criando um site que é mais parecido com um diário onde, nas configurações padrão, a publicação mais recente ou a publicação de bloqueio será listada na parte superior do seu site. Ok, então você não necessariamente controla a organização do sangue pessoal que você pode um pouco, você pode organizá-lo em seções, enquanto que com as páginas, ele criou uma página e então você tem para adicioná-lo ao sistema de navegação para que ele tipo de funcionar como parte do site. Vamos dar uma olhada em todas essas seções diferentes. Então a primeira coisa que vamos fazer é adicionar uma postagem de bloqueio. E então veja como editamos essa publicação de bloco. Então, vamos clicar no botão adicionar aqui, e então entramos no editor de Post bloco. Ok, em vai digitar o título, ok. E então no wordpress dot com, temos o editor aqui embaixo, o que nos permite digitar nosso texto são parágrafos em, então também fazer alguma formatação para esses parágrafos. Então, basicamente, temos vários tipos diferentes de parágrafo que podemos enfraquecer cair aqui e, a fim de, hum, é um pouco mais rápido. Eu só vou colocar em algum texto de espaço reservado para que possamos realmente olhar para as ferramentas de edição em vez de me ver digitando algum texto. Certo, então o texto que vamos pegar aqui é chamado Laura Nips e texto. Basicamente, copiei e colei um pouco disso aqui. Você pode copiar e colar em um documento do Word ou de um site diretamente no WordPress Onda. Nós podemos então ir em frente e tipo de encabeçar o texto dele Nós temos algum texto aqui, e se nós rolarmos para baixo, nós escondemos esse texto. Também podemos dar uma olhada no código HTML. Portanto, se você estiver familiarizado com HTML, você poderá ver esse código ou digitar seu próprio HTML, que também é útil para coisas como incorporar vídeos do YouTube. Então, para o texto em si, temos algumas opções aqui. Então, por exemplo, se pegarmos este segundo parágrafo em, podemos tê-lo como uma citação, ele vai adicionar um estilo para OK, temos algumas outras opções aqui para diferentes partes de parágrafos e cabeçalhos, Assim, o título principal seria o título do nosso site. Mas se quisermos ter ah subtítulo aqui em baixo, a maneira que você sairia que é usando, por exemplo, estão indo para a opção para esse título, e você vai notar que eu não tenho que selecionar esse parágrafo para aplicar o título. Eu poderia ter meu cursor piscando dentro desse espaço, então se nós rolarmos um pouco mais para baixo, podemos adicionar um outro subtítulo, ok, e os subtítulos citam um útil para as coisas aqui, mas também um útil para a acessibilidade. Então, se você estiver interessado. Acessibilidade, que poderia ser pessoas que usam leitores de tela para visualizar o conteúdo do seu site teria que ler de volta para eles do que as tags de cabeçalho estrutural são realmente úteis. E se saltarmos para o HTML agora e olhar para isso, você verá que temos H dois html tag sob o subtítulo aqui e, em seguida, uma citação de bloco Paige Jemele aqui. Certo, então vamos voltar ao visual dizendo que temos aqui. Então, o que? Temos isto preparado. Podemos pressionar a visualização para visualizar uma postagem ou clicar em Publicar. Ok. Eu quero ter publicado nosso post. Podemos ir em frente e ver esse post. Ok? E é assim que este post se parece atualmente. OK, se clicarmos no texto aqui em cima na demonstração do banco, então você pode ver que voltamos para Ben Halsell. Essa demonstração que wordpress ponto com e você pode ver que post é o primeiro post listado em nosso site. E se fecharmos esta janela apenas para ilustrar ou voltar para ver todos os posts aqui em um novo e nossa pasta nos MIPs Laura. um Mas editeumpouco para vermos que é uma página diferente. Então você pode ver quando publicamos isso em ir para ver o site para que possamos visualizar o post. Mas, em seguida, quando vamos para ver o site agora, você pode ver o segundo post aparece acima do primeiro post. Ok, então nós entramos naquela luz do diário configurar este bloco WordPress. Então nós temos alguns bons elementos aqui para o cabeçalho principal e subtítulo. Ok, em, então, também para as aspas de bloco. Nós entramos lá também. Então vá em frente, crie seu primeiro post, e então vamos seguir em frente para ter uma olhada em como podemos adicionar alguns elementos diferentes em nosso bloco WordPress. 4. Carregar uma imagem em um post: Ok, Então este tutorial rápido, vamos dar uma olhada em como incorporamos uma imagem em nosso post. Há duas maneiras que podemos fazer. Este é por incorporar uma imagem dentro do texto real fora do post sobre o outro é através criação de imagens em destaque Imagem é útil aparecer às vezes na navegação fora do site. Assim, o primeiro 1 é inserir uma imagem diretamente no post. Então, se colocarmos nosso cursor dentro do post aqui é onde vamos inserir nossa imagem vamos descer abaixo desta citação aqui e clicar em Adicionar mídia. , Não temos nenhuma mídia carregada aqui, então vamos carregar nossa mídia. Você também pode ver aqui que você pode adicionar Mídia VIII ou então. Então, se você está em uma pesquisa de imagens do Google ou algo assim, e você pode obter a imagem u.R L frequentemente e você pode realmente incorporar essa imagem dentro de sua página a partir da U.R.L U.R.L Então, as meninas basicamente o endereço do site fora dessa imagem e nós vamos dar uma olhada nesse método um pouco mais tarde na mídia de upload do circuito, nós vamos chegar a nossa pasta de imagens na esquerda aqui, e nós temos algumas imagens que podemos escolher para carregar. Então, basta navegar até uma imagem que você deseja enviar. E deve ser um J pic normalmente, que é o que você estaria carregando PNG ou um arquivo de presente e aqueles dos arquivos que você normalmente pode carregar para um site para um clique Escolher. Agora há um limite de tamanho de arquivo para imagens quando você está carregando elas para funcionar para nós, que eu acredito ser um megabyte, então não terá nossas imagens configuradas aqui. Podemos editar alguns dos contatos, as imagens. Então, se você clicar no pequeno botão de edição aqui e você pode ver que temos opções para adicionar uma legenda para nossas imagens eram adequadas. Legenda aqui. Ok, vamos ver se uma legenda aparece. Então temos todo o texto que aparecerá de Pessoas não estão vendo a diferença de imagem . Se eles estão usando um leitor de tela em porque eles não vêem, eles ouvem o que sua navegação, então nós podemos digitar o texto. Podemos usar a mesma coisa para isso também. Ok, nós temos uma descrição da imagem para a qual vai deixar em branco por enquanto. Nós também podemos copiar o U. R L Então, se queremos toe tem esse link de imagem de outro lugar, então podemos copiar o u R l para ligar de volta para ele, que é um recurso útil toe tem. Então, vamos clicar. Inserir. Está bem. E você pode ver que a imagem agora aparece dentro do nosso texto aqui. Agora você pode ver a legenda que inserimos aparece abaixo da nossa imagem. Também podemos alinhar essa imagem. Podemos alights a esquerda para o centro para a direita do texto. Bem, podemos ter nenhum alinhamento, o que deixará isso por enquanto. Ok, então se atualizarmos isso agora, podemos ir à frente de você o post, e você pode ver que agora temos uma imagem em nosso pântano WordPress. Então, estamos na página. Se você quiser editar esta página, então podemos rolar para baixo até a parte inferior e você pode ver o botão de edição para esta página está listado aqui. Também podemos navegar quando amamos em Teoh o site OK, que nos permite acessar alguns desses recursos dentro do back-end WordPress. Certo, então podemos clicar indo para cá. Agora podemos voltar e dirigir este posto. Certo, então vamos voltar para todos os postos. Está bem? Então você pode ver agora nós temos um par de posts aqui no dia por padrão. Essa imagem que incorporamos, a própria imagem que temos nessa página é definida como a imagem em destaque. Ok, então é assim que adicionar uma imagem em um bloco wordpress. 5. Como adicionar páginas e criar menus personalizados: Ok, então agora vamos dar uma olhada na diferença entre postagens de bloqueio e páginas. Ok, então nós vamos adicionar uma seção sobre como uma página no site, e então nós vamos dar uma olhada em como isso funciona ao lado da postagem do bloco. Então, se você quiser ver, o site a partir daqui vai se deparar e podemos clicar no link aqui em cima, que nos levará a uma nova guia para o nosso bloco WordPress. E você pode ver aqui no blog estavam realmente vendo aqueles diferentes posts de bloco que adicionamos. E nós temos uma lista de post recente enfraquecer pesquisa no site, o que é realmente útil. Então, se voltarmos ao meu site, vamos adicionar uma página agora e vamos fazer com que seja sobre a Paige. Andi, vou digitar um texto aqui, e então veremos onde essa página aparece na estrutura do site. OK, OK, então, neste rápido sobre Paige, Eu estou apenas me apresentando e a razão pela qual eu estou criando este bloco, a fim de ensinar WordPress. Então, primeiro de tudo vai em frente em publicar esta página. Basta dar uma olhada em onde ele aparece na estrutura do site WordPress. Ok, então se formos em frente e fizermos a página vai ver algumas coisas acontecendo. A primeira é que temos uma página aqui, está bem? E então, se voltarmos para a parte principal da visão, então não vemos um link para essa página. Mesmo se nós rolar para baixo para a parte inferior aqui, não podemos encontrar que sobre página, Ok, Então não aparece na lista do post de bloqueio que temos ele. Então vamos em frente e dar uma olhada em como criamos uma navegação para chegar a essa página, o que é realmente importante. Então, se formos para o meu site, ok, vamos para páginas onde podemos ver a página sobre, e vamos para a opção menus aqui, e vamos adicionar um novo menu. Então, vamos passar por aqui. Então, temos o nosso menu primário ligado. Nós vamos começar o nosso menu principal para usar um novo menu que vai incluir as páginas conflito cabeças pad, páginas para fora, a página inicial e a página sobre. Está bem. E você pode ver aqui quando clicamos no botão Plus, temos a opção de adicionar Crianças aos menus. Enfraquecer. Basicamente, adicione itens de menu abaixo de outros itens de menu, que entrará em um pouco mais tarde. Então estamos usando o menu, também, para o nosso menu principal. E se salvarmos isso e voltar para ver o nosso site e podemos ver que temos o nosso site quando clicamos no menu que temos casa sobre e agora podemos navegar no nosso site usando esse menu. 6. Como adicionar um segundo site Wordpress: Ok, então se você já tem ah wordpress sites, então você precisa criar um novo. Você precisa. Teoh, vá para o topo, à esquerda aqui para seus sites, e você vai ver teve novo WordPress aqui ou mudar de site. Se você clicar sobre isso, então você pode selecionar um site diferente ou você pode iniciar um novo bloco WordPress, e que irá executá-lo através do mesmo processo onde você pode escolher um tema em um novo nome de domínio e, em seguida,