Onondaga Community College - Olá! Sejam bem-vindos a mais uma vídeo-aula do canal Clube do Design. Aqui quem fala é Liute Cristian. E, estamos e volta com mais um vídeo da série: Como criar o seu portfólio em WordPress. Na última vídeo-aula, eu mostrei para vocês como criar as páginas iniciais e a página de blog do seu site, utilizando o tema Workality, e também, ensinei como configurar essas páginas para que fossem exibidas corretamente no seu site. Também mostrei para você, como criar os seus próprios menus, e como configurá-los para serem exibidos no cabeçalho do seu tema do seu portfólio. No vídeo de hoje, eu vou mostrar para vocês, como criar os seus projetos que serão exibidos dentro da área de portfólios do seu tema. Uma característica que é comum dos temas de portfólio, é que no menu lateral, ele pode exibir uma opção chamada: Works, ou Projetos, ou Portfólio, enfim. No Workality, essa opção se chama Works, e você precisa clicar nessa opção, para que você possa visualizar os projetos que você já criou e já publicou no seu site de portfólio. Aqui, eu tenho três temas, três projetos de exemplo que eu já publiquei. Que são justamente, os três que são exibidos aqui na minha página inicial. Eu só publiquei para que você pudesse ver. Eu vou abri-los aqui. E, um detalhe interessante, ou melhor, as características do Workality, é que ele exibe as informações do tipo de projeto que você criou. Eu criei aqui, algumas categorias como Diagramação, Projeto Gráfico. Aqui do lado, ele mostra o cliente, a URL do cliente, e também a data de conclusão do seu projeto. E aqui embaixo, uma pequena descrição do projeto, que você pode digitar quando estiver criando ele. E as imagens com uma descrição, cada uma delas. Além disso, o tema também permite adicionar vídeos mais facilmente. Voltando aqui, para a tela inicial. É também uma característica interessante do tema, os filtros que são exibidos aqui na parte superior do seu cabeçalho, da página inicial, da página de portfólio. Então, ao acessar esses filtros, ele exibe apenas os posts daquela categoria, apenas os trabalhos daquela categoria. Uma informação interessante, antes de a gente começar a criar as publicações do portfólio, é que você deve ter uma noção do tamanho da imagem aceita pelo tema. Boa parte dos temas, configura as imagens automaticamente, caso elas sejam de um tamanho maior do que a área total da largura do espaço reservado para as publicações. Não sei se é o caso do Workality. Mas, em todo caso, quando você acessa aqui a opção Works e clica em Adicionar Novo, que também está aqui do lado, Adicionar Novo, ele vai mostrar para você, o tamanho ideal da imagem que você pode carregar, que você deve carregar. Por exemplo, aqui embaixo, baixando um pouquinho aqui, no criador do conteúdo do post do portfólio, ele mostra aqui para a gente, que para adicionar uma imagem, o ideal é que ela tenha no máximo, a largura de 880 pixels. Então, você já recorta a sua imagem, para ter uma largura máxima. Não fala nada de altura, então, a altura eu creio que pode ser qualquer uma. Até 2000 pixels, 3000, 4000 se você quiser. Mas, a largura, tem que ser no máximo com 880 pixels. Então, para criar esse projeto de exemplo que a gente vai criar agora, eu baixei na verdade, as imagens do próprio tema de demonstração. Já estão aqui numa pastinha separada. E se você acessar essas imagens, você pode observar aqui nas propriedades, que ela tem exatamente o mesmo tamanho: A largura de 880, a uma resolução em 72 DPi, é uma imagem JPEG. Então, preparem sempre as suas imagens, otimizem, coisa que eu já venho falando desde o vídeo sobre mídias. Otimizem as suas imagens, para que elas tenham um tamanho correto. Para que ela não precise, para que o seu site, o seu servidor, não precise trabalhar sem necessidade, mostrando imagens extremamente pesadas, sendo que o tamanho delas é menor, é pequeno, e não há a necessidade de carregar imagens pesadas. Então, otimize as suas imagens, que você vai carregar no portfólio utilizando esse tema, utilizando a medida de 880 pixels de largura. Ah, mas eu estou utilizando um tema diferente, como é que eu sei qual é a largura? Eu mostrei para vocês na verdade, lá na aula onde a gente configurou o logotipo do tema, lembra? Você pode descobrir essas informações, utilizando o Inspetor de Elementos do Google Chrome. É só clicar com o botão direito no elemento que você quer saber o tamanho, clicar em Inspecionar Elemento, e olha só! O Google Chrome, mostra aqui no Inspetor de Elementos, a tagzinha HTML selecionada. Você pode apontar para o link, e ele mostra aqui em cima, o tamanho exato da imagem: 880X600 pixels. Aqui, é só importante a largura. Então, eu já sei que ela tem 880 pixels de largura. Você pode descobrir o tamanho de qualquer outro item. Olha: O tamanho total aqui da área de post: 940 por exemplo. Tem uma margenzinha em branco ali ao lado. Voltando aqui, para adicionar um novo item de portfólio, ao novo projeto, você vai configurar aqui o título do seu projeto. Vou colocar aqui, eu nem lembro como foi que eu coloquei aqui o nome. Projeto de Exemplo. Eu vou colocar aqui, Projeto de Exemplo 4. Colocar aqui, Projeto de Exemplo 4. Aqui embaixo, na área de conteúdo do seu projeto, você adiciona uma descrição. Você observa que aqui no Workality, ele tem uma descrição aqui sobre o tema, não é isso que aparece aqui em cima. Ele mostra aqui embaixo, uma descrição sobre o trabalho. Você pode falar alguma coisa sobre o projeto, sobre as etapas de criação. Você pode escrever o texto que quiser. Vou colocar aqui: Texto, você escreve o quanto você quiser, pode escrever até um parágrafo inteiro, um texto inteiro, se você quiser. É interessante mencionar, que o processo de criação de postagens para o blog, é muito semelhante ao que você está vendo aqui. Na próxima vídeo-aula, a gente vai aprender a fazer isso, nas próximas aulas, mas por enquanto, a gente só está aprendendo a criar um projeto que é uma funcionalidade do tema. Então, é um pouquinho diferente de criar posts para blog. Aqui, você tem então, depois de escrever a descrição, você tem aqui embaixo, onde você pode adicionar as imagens e os vídeos no seu projeto. Você pode adicionar imagens estáticas, carregando utilizando o gerenciador de mídias do WordPress, ou pode adicionar um vídeo utilizando um código de incorporação do Youtube por exemplo. A gente vai ver como fazer isso já, já. Para poupar tempo, eu vou utilizar o botão aqui em cima: Adicionar Mídia, que é o que a gente usa para carregar imagens nas postagens do blog ou de páginas, para você já se familiarizar com ele. Clicar aqui em Adicionar, ele vai abrir o gerenciador de mídias do WordPress, vou clicar aqui na opção, é interessante apresentar para vocês: Você pode inserir uma mídia simples, pode criar uma galeria com várias imagens, isso é uma funcionalidade do WordPress, se eu não me engano a partir do 3.5 também, não lembro exatamente a versão. A galeria na verdade, ela cria uma espécie de apresentação de slide. Você pode dar uma explorada nesses recursos do seu tema. É só adicionar, depois você pode apagar, caso não dê certo. Você pode configurar a imagem destacada do tema também, que eu vou mostrar já, já. E pode também, inserir uma imagem de outro site, é só copiar a URL, roubando a imagem de outro site, se você quiser. Vou clicar em Inserir Mídia, clicar em Enviar Arquivos, clicar em Selecionar Arquivos, e vou selecionar todas as imagens do meu projeto. Essa é uma vantagem de utilizar esse gerenciador. Selecionei todo mundo, clico aqui em Abrir, ele vai carregar as imagens que serão inseridas na minha página. Como esse tema tem um jeito peculiar, um jeito diferente de inserir as imagens nos posts, não dá para inserir todas de uma vez. Senão, bastaria clicar aqui, depois de carregar todas elas, bastaria clicar aqui em Inserir no Post, se fosse uma postagem de blog ou uma página normal por exemplo, ele já ia colocar todas elas, uma embaixo da outra, configurando elas diretamente na publicação. Mas, como o tema tem uma configuração diferente, eu vou mostrar para vocês como inserir no tema, manualmente, e depois como burlar isso mais facilmente. Aqui do lado, você pode configurar as opções de cada uma das imagens. A imagem selecionada é essa, eu posso configurar aqui, enquanto as outras estão carregando, por exemplo, o título da imagem que aparece quando a pessoa coloca o mouse sobre a imagem. Então, quando ele coloca o mouse sobre a imagem, aparece um título. Deixa eu ver aqui se aparece. Aqui no caso, não aparece. Esse título, na maioria dos temas, exibe uma janelinha, um balãozinho de diálogo, quando a pessoa posiciona o mouse sobre a imagem. Colocou o mouse em cima, aparece o que você escreve aqui. A legenda aparece embaixo da imagem, o que também é muito utilizado em alguns temas. Se você visitar as publicações do Clube do Design, você vai ver lá que eu uso legenda nas imagens. Não é necessário utilizar aqui, já que o próprio recurso do tema, já oferece uma legenda padrão. Aqui, você configura o texto alternativo se quiser, e uma descrição da imagem também, que pode ser utilizada pelo tema, ou pelos navegadores, que também na verdade, eles olham mais para o texto alternativo, pelos buscadores na verdade, como o Google, Bing e etc. Então, já está terminando de carregar. Deixa ele terminar aqui. Lembrando que se fosse uma postagem de página normal, ou uma postagem de blog, era só selecionar e já está todo mundo selecionado como você pode ver. Ele já botou todo mundo selecionado aqui embaixo, era só clicar em inserir no post, que ia inserir todo mundo. Sem mais delongas, mas como é uma característica do tema, eu vou mostrar para vocês, como faz no tema. Terminou! Eu vou só fechar aqui a janelinha. Eu nem preciso fazer nada, só fechei. E aqui embaixo, você tem a opção para adicionar novas imagens. Você pode utilizar esse mesmo botão, para adicionar novas imagens como eu mostrei agora. Mas, você pode observar que ele mostra aqui, um painel um pouquinho diferente do que a gente viu lá em cima. É até um pouquinho chato de usar, porque ele acaba exibindo os links meio desorganizados. Vamos ver aqui. Depois, como eu já carreguei as minhas imagens, ao clicar em Adicionar Nova Imagem, vou clicar em Galeria, para ele abrir a galeria de imagens que eu já tenho carregadas no meu site. E olha só! Aqui ele mostra, todas as imagens que eu carreguei. Mas, veja como fica bagunçado, por causa do tipo de gerenciador que ele utiliza para inserir as imagens dentro do portfólio, dentro do item de portfólio. Então, o que eu vou fazer? Eu vou ignorar isso aqui, você pode inserir normalmente, clicando aqui em Mostrar, e clicando aqui na opção Inserir no Post, que ele vai inserir a imagem. Vou inserir aqui, para você ver. Ela vai aparecer aqui embaixo. Nos posts do blog, aparece aqui dentro mesmo. Então, vou remover aqui, só para você ver o jeito que eu descobri de burlar isso mais facilmente, e inserir mais rápido. Utilizando o próprio botão Adicionar Mídia, aqui em cima, vou tirar aqui a seleção das imagens, deixa eu limpar aqui. Pronto! Vou selecionar a primeira, e inserir no post. Não vai aparecer no post. Vai aparecer aqui embaixo, olha só que legal. Então, basta você ir fazendo isso uma a uma, você vai clicando e inserindo. Não dá para inserir todas juntas, como eu falei para vocês. Vai só clicando aqui, Imagem 3, depois imagem 4, e todas as imagens do projeto você vai inserindo quantas forem necessárias, quantas você quiser. Pronto! Mais uma. E é isso! Todas as imagens aparecem aqui embaixo. Não sei se dá para você deslocar, dá para você trocar a posição delas, tá bom?! Deixa eu arrastar aqui o CD mais lá para cima, que ele está mais bonitinho, vou colocar ele lá em cima, aqui embaixo. Pronto! Coloquei ele aqui embaixo. Você pode organizar como quiser. E aqui no campo Caption, que aparece do lado de cada imagem, você pode colocar uma descrição para essa imagem. Descrição 1, você pode colocar um pequeno texto, colocar a informação que você quiser. Eu vou só colar aqui, para agilizar o trabalho, só para você ver. 5, 6, 7, 9 imagens nesse projeto. Ainda vou adicionar um vídeo, para você ver tudo de uma vez, como é que funciona. Vou clicar em Adicionar Vídeo, já apareceu aqui no topo. Vou vir aqui no meu canal do Youtube, pegar um vídeo qualquer. Deixa eu pegar esse aqui do InDesign. Acessar ele diretamente aqui. Cadê? Deixa eu clicar aqui do lado. Clicando aqui, ele vai abrir o vídeo. Vou procurar o código de incorporação aqui do Youtube, clicando aqui embaixo em Compartilhar. Dar o pause aqui. Compartilhar, Incorporar. Lembra da largura lá do post? 880? Então aqui, eu mudo para tamanho personalizado, e configuro a largura para 880. Pronto! O Youtube, automaticamente pega a altura. Vou selecionar aqui, Ctrl+C, e vou colar esse código aqui dentro, no Ctrl+V. Viu como é legal? O vídeo vai ficar no topo do meu artigo, está bom?! Depois de terminar de inserir essas imagens e a descrição do meu item de portfólio, aqui ao lado, você tem uma característica também do tema, que são os Creative Fields, que são os campos de criatividade, vamos dizer assim. Na verdade, são as categorias de projetos. Como você vai classificar os projetos. Você observa aqui, que ele mostra essas categorias aqui em cima, na descrição do seu projeto. Então, eu já criei algumas categorias: Design Gráfico, Diagramação, Projeto Gráfico. Vou criar uma nova categoria, clicando em Add New Field, e vou colocar aqui: Animação. Um detalhe interessante: Por causa caso de um bug na formatação do texto do tema, é interessante que você crie essa categoria com letra maiúscula. Porque, onde aparece acento, ele está colocando letra minúscula. Eu não sei porquê, eu vou descobrir aí, se eu descobrir eu falo para vocês. Mas, você pode criar a categoria com letra maiúscula sem problema. Essas categorias são muito semelhantes às que você vê também, nos posts de blog. Inclusive, você pode selecionar uma categoria mãe. Ou seja, a categoria animação, pode ser uma subcategoria por exemplo, de Design Gráfico ou Projeto Gráfico. Vou deixá-la sem categoria mãe. São aqueles sub-níveis que a gente aprendeu a criar no nosso menu. É muito parecido com isso. Criei a animação, vou clicar em Adicionar Novo Campo, ele vai adicionar ali, é só aguardar. Aqui embaixo, é muito importante você configurar a imagem destacada, que é a imagem que vai aparecer na lista dos projetos. Então, clica aqui em configurar imagem destacada. E aqui, eu vou selecionar essa que está mais bonitinha, e vou clicar em Configurar Imagem Destacada. É interessante que a imagem destacada tenha um tamanho padrão. Nesse caso, eu vou usar o mesmo padrão da imagem do post. Depois, é importante lembrar que você pode exibir mais opções aqui em cima na tela, caso seja necessária. Depois, você vai rolar até embaixo depois das imagens, e vai selecionar aqui, os campos personalizados. Na verdade, são as opções adicionais do tema. Que são os campos personalizados. O nome do cliente, vou colocar aqui Fulano de Tal. Olha que nome interessante. A URL do site do meu cliente, ou do projeto. Caso, por exemplo, se eu publiquei ele no Behance, vamos dizer assim, se é um site, um aplicativo. A data de conclusão, você pode colocar se for necessário a URL. E aqui embaixo, você pode marcar onde ele vai mostrar essas informações. Se vai ser no topo do post, aqui em cima como padrão, ou se vai ser no final. Eu prefiro deixar em cima, que são informações interessantes. Então, em cima ou abaixo do post, deixa Top, que é em cima. Depois então, de inserir as informações, configurar a imagem destacada e terminar tudo, clica em Publicar, para que o seu novo projeto seja publicado no seu site, e já esteja disponível, deixa eu voltar aqui. Voltar para a página inicial, já esteja disponível aqui na sua tela, na sua página inicial. Olha só aqui, o meu post de exemplo 4. Então, eu tenho agora, 4 projetos no meu portfólio, eu vou acessar aqui o último que eu criei, para ver como ele funciona, a questão do vídeo. Então aqui, o projeto de exemplo 4. Creative Fields, a gente vai aprender a traduzir depois. Não se preocupem. Animação, cliente fulano de tal, o site que já aparece aqui. Quando a pessoa clica, abre uma nova guia. E a data de conclusão. Aqui embaixo, você tem a opção Share, que permite compartilhar o seu item de portfólio com outras pessoas. E olha só que legal: Aqui, apareceu o vídeo que a gente incorporou do Youtube, e embaixo, as imagens com a descrição que você foi colocando lá embaixo. Muito legal né? Muito fácil! Esse tema, apesar de ser simples, ele é muito elegante, além de responsivo. Se você quiser diminuir aqui a resolução da tela, tudo se ajusta à resolução da tela, inclusive o menu, vira um menuzinho mais bonitinho. Deixa eu maximizar aqui de novo. Então, olha só! Aqui embaixo, ainda tem as opções de compartilhamento. O botãozinho que permite avançar para o próximo projeto. Olha que legal! Ele utiliza Ajax, então tem o Fade in ali, que faz a transição entre um projeto e outro, olha que interessante. E aqui, eu posso voltar, para exibir todos os projetos. Vamos aprender a traduzir o tema posteriormente. Claro! Ele ainda exibe esse botão aqui, para voltar ao topo da página. Então, é um tema sensacional. Lembram que a gente pode mudar a aparência da página inicial? Como eu tenho agora, 4 projetos, e eu tinha configurado a minha página inicial para exibir um número ímpar de projetos, eu vou voltar ali na minha página, deixa eu voltar ali na minha configuração do tema: Workality Lite. Deixa eu abrir aqui a opção do tema. O interessante é que você pode voltar nos seus trabalhos, editá-los posteriormente, sem problema nenhum. Você pode mudar a data de publicação se quiser que ele fique no final, é só mudar a data para uma data retrógrada, uma data anterior. Então aqui, no Workality, eu vou colocar aqui em Posts, e vou mudar para duas colunas grandes. Clicar em Salvar. Porque, agora eu tenho um número par, então, eu acho que vai ficar mais bonitinho se eu exibir o meu portfólio com um número par. Então, agora eu tenho 4 itens de portfólio. Você pode configurar aqui para um menorzinho ainda. 4 colunas menores ainda. Clicar em Salvar, vai aparecer bem menorzinho agora. Que também não deixa de ser elegante, você configura de acordo com seu gosto, com a sua vontade. Se você tiver muitos projetos, você pode classificar com esse item menorzinho, que fica bonitão. Se você precisar editar qualquer item do portfólio, você pode acessar esse portfólio estando logado no seu site, logado no seu painel administrativo. Quando você acessar esse portfólio, você tem aqui em cima, a opção: Editar Página. É só clicar nela, para já ir direto para a edição desse post. Então, ele já vai editar diretamente o post. Deixa ele abrir aqui. Você pode configurá-lo, apagar imagens, fazer como você quiser a edição. Ou você pode acessar novamente aqui a opção Works, clicando em Works, ele vai mostrar todos os Works para você, todos os trabalhos. Aqui, ele já abriu. Na verdade, ele abriu aqui a opção para editar página, então, é melhor nem mexer com a opção Editar ali, dentro do post, porque ele não puxa, o tema não permite. Então, acesse aqui a opção Works, e aqui você pode editar algumas opções rápidas, como o Título, o Slug, a Data que você pode colocar uma data diferente, a Categoria, ou você pode, deixa eu cancelar aqui, clicar na opção Editar, para editar diretamente todo o post, com todas as opções que você tem direito. Pode trocar a imagem de miniatura removendo. Pode também mudar a data, deixa ele carregar aqui para você ver. Mudar a data de publicação aqui. Se ele vai ficar visível para todo mundo, ou se é um post protegido por senha, ou privado, que é secreto. Isso aqui, a gente vai ver depois. Aqui embaixo, você tem a opção de configurar os Creative Fields, que são essas categorias aqui, que você acaba criando como vai publicando o seu projeto. Você não precisa criar uma nova para cada projeto. É importante você criar categorias para agrupá-los. Quanto menos categorias melhor. Então, eu criei uma categoria que vai servir para mim publicar os meus posts dos meus trabalhos de animação, posso criar por exemplo, uma outra categoria para ilustração. Você pode fazer isso, dentro da criação do novo projeto, adicionando aquela opção lá: Criar Novo Campo. Ou, você pode criar através dessa opção aqui também: Creative Fields. Você pode criar novos campos, adicionando inclusive a descrição. Pode editar os campos que você já criou, e pode excluí-los também, facilmente. Então é isso. Neste vídeo, você aprendeu como criar os projetos do seu portfólio, e como publicá-los no seu site. Também aprendeu um pouquinho sobre as categorias de posts, que nesse caso, são as categorias dos projetos, que são muito semelhantes as categorias utilizadas pelo blog, no seu site WordPress. Nas próximas vídeo-aulas, nós vamos conhecer um pouquinho mais sobre os recursos de blog do WordPress, e também, vamos aprender a criar páginas de contato, e fazer as configurações finais no nosso site. Espero que você esteja gostando. Não esquece de curtir, compartilhar com seus amigos, de se inscrever no canal, e de acessar os links dos nossos projetos, que ficarão aí embaixo na descrição do vídeo. Até a próxima vídeo-aula! Tchau, tchau!.
Gravidez na adolescencia primeiros sintomas curso de pedagogia na unip São Paulo equivalency diploma usa. Araucária cnpj curso fatima soares Monografia, exame de urina 24 horas geladeira Trabalho Acadêmico, qual a possibilidade do exame de gravidez de farmacia dar errado Resenha, apresentadora da band futebol Trabalhos não Escritos. Artigos de opiniao psicologia art 130 ctn explicacao gravidez na adolescencia primeiros sintomas Valparaíso de Goiás difference between art 32 and 226. Monografia tcc monografias Tese Limeira curso vencer aracaju, artigo 7 paragrafo unico da clt.
Colombo:
Ben Cole, Chautauqua County: Skidmore College. Rio Grande do Norte: Rochester Institute of Technology; 2020.
Everly Callahan, Suffolk. São Carlos: University at Albany; 2009.
Joel Stokes, Riverside Drive zip 10023. Paranaguá: Baruch College; 2008.