Curso de desenvolvimento de temas para WordPress para iniciantes

1. Promo de desenvolvimento de Mini: Você está interessado em aprender a personalizar agrião e talvez até mesmo desenvolver seu próprio tema WordPress? Se a resposta for sim, então você veio dividir o lugar. Oi, meu nome é Alex, e eu gostaria de dar as boas-vindas ao mini-curso de desenvolvimento de imprensa de guerra nesta causa. Vou ensinar-te as fundações. Que Presidente de Desenvolvimento. Vou ensinar-te exactamente como o quê? Chris caminha nos bastidores para gerar conteúdo em seu site WordPress. Neste curso, você vai aprender alguns conceitos muito importantes, como a imprensa de guerra. Você vai aprender sobre modelos de página. Você vai aprender sobre tags de modelo, tags condicionais. Você vai aprender a traje branco, quais funções e até mesmo loops de imprensa de guerra personalizados. Então, basicamente, até o final deste mini curso, ganhou habilidades práticas reais que você pode aplicar para desenvolver o que pressiona um aumento ou começar a construir seus próprios temas WordPress. Este curso é carregado com muitos exercícios práticos. Então vocês, tipo de alunos que gostam de aplicar o que aprenderam, vão adorar este curso. Bem, quem é o meu poço? Eu sou um cidadão. Que desenvolvedor de bolsa? Eu tenho vindo a construir site WordPress por quase nove anos agora e também foram criados todos e cursos por quase quatro anos. Então eu definitivamente tenho a experiência e os conhecimentos necessários para te ensinar este curso. Mal posso esperar para ensinar-lhe como começar a personalizar o WordPress. Então, se você já esteve procurando um ótimo curso introdutório para o que press thin development, este é o curso perfeito para você. Espero em todos no curso de hoje e espero que a cidade dentro, mas por 2. Redirecionado para o curso: Muito bem, obrigado, amigo vai entrar. Mas antes de começarmos, preciso apresentar ou falar com vocês sobre os requisitos necessários para fazer esse curso corretamente . Este não é um curso para iniciantes. Na verdade, é bastante avançado. Então, idealmente, você deve ter um pouco de experiência Chris. Você deveria ter construído pelo menos um site com o que era antes. Você deve estar familiarizado com o que pressione plug, ins e temas mesmo familiarizados com qualquer um destes. Então você provavelmente pode querer fazer um curso de iniciante e o que pressionar primeiro antes de se inscrever neste curso. Além disso, conhecimento de HTML e CSS seria crucial o suficiente para você fazer este curso porque nós vamos estar construindo funções de modelos de página, e nós vamos estar usando HTML e CSS, você sabe, para alcançar isso e em terceiro lugar. PHP, embora não seja necessário, é muito útil. Que imprensa como plataforma foi construída usando PHP. Então, todos os templates e muitos dos passos citáveis estarão no formato PHP. No entanto, se você não tem nenhuma experiência PHP, não se preocupe, não é necessário. Vou levar muito, muito devagar com você. Então, se não temos nenhuma experiência em PHP. Não se preocupe. Você ainda pode fazer este curso. Mas se você tem conhecimento patri, então isso irá ajudá-lo tremendamente ao fazer este curso. Então você também vai precisar de um editor de texto. Quer se trate de um pad, plus ou sublime, você vai precisar de pelo menos um texto um pouco que você pode usar para editar arquivos e depois enviá-los usando protocolos de transferência de arquivos FTP. Você vai precisar de uma conta FTP. Se você não for da família com FTP ou como obter uma conta FTP. Não te preocupes. Vou mostrar-te exactamente como podes ter a tua própria conta FTP. Então esses são basicamente os cinco Bem, basicamente os quatro requisitos e um útil nossa habilidade que você precisa para fazer este curso. Se tiver alguma dúvida sobre isso, me avise. Muito obrigado por se inscrever no curso. E lembrem-se, estou aqui para ajudá-los e ajudá-los de qualquer maneira que eu puder. Então, se você tiver alguma dúvida ao longo do caminho, talvez algo não esteja claro. Este é um curso técnico e sua prática Veber também. Certifique-se de me fornecer as perguntas e eu farei o meu melhor para respondê-las o mais rápido possível . Então bem-vindo mais uma vez e agora vamos começar. 3. Criação de uma conta FTP: como mencionei no vídeo anterior, uma das ferramentas que você precisa para fazer este curso seria uma conta FTP. Então eu vou fazer aqui é eu vou mostrar-lhe como criar uma conta FTP para o seu ou perceptivo agora, se você já não tem conta ftp. E por todos os meios, você pode pular este vídeo e passar para o próximo. Se você não fizer isso, então deixe-me mostrar-lhe como sair na conta FTP. Agora eu vou assumir que você tem uma empresa de hospedagem Web que eu hospedo com um terreno lateral. Então, se você está hospedando com terreno lateral ou você está hospedando com ir Daddy ou Blue host ou qualquer empresa de hospedagem que você tem, deve haver um painel C onde você pode ter acesso a conjuntos em ferramentas como a capacidade criar e tem que ser conta. Então eu estou com o lado do chão, e o que eu vou fazer aqui é que eu entrei no meu painel C. Eu vou para a escola todo o caminho aqui onde eu tenho arquivos e eu vou clicar em contas FTP agora novamente, se você está hospedando com uma empresa diferente onde você iria sair de uma conta FTP pode estar em uma seção diferente. O que você pode fazer é simplesmente entrar em contato com sua empresa de hospedagem na Web e deixá-los ajudá-lo. Tudo bem, então eu vou apenas ir em frente e criar a conta é muito simples para o meu login e apenas como um exemplo, dizer Webber Casca peter dot com. Agora, a razão pela qual você vê Tesco Dot com preenchido aqui, é porque Tasca Peter Dot com é um domínio que eu possuo. E é o domínio principal associado à minha conta lateral. Então eu vou em frente e simplesmente adicionar minha senha e ter certeza que sua senha é muito forte , porque sua conta FTP vai ser muito poderosa. Agora, aqui, onde temos o diretório, vou apagar Weber, e vou deixar no html público. E isso é porque eu quero que este ftp se seja conta para ter acesso a todos os meus domínios e arquivos e pastas antigos nesses domínios. Então eu ia em frente agora e clicar em Criar conta FTP e lá vai você. É assim que você cria sua conta FTP. Muito, muito simples. Nunca escola até aqui na lista de contas FTP que vou processar. Em Como kapita dot com, você pode clicar no cliente FTP configurável, e aqui é onde eu tenho minhas credenciais. Eu tenho o servidor de nome de usuário e, em seguida, deportar o número. Então, Alemanha para uma área de exposição, Vou mostrar-lhe como conectar sua conta FTP com uma mensagem muito poderosa que vai conhecido como No pad plus. 4. Como conectar o Notepad com a conta FTP: Tudo bem é 11. Mostrarei como você pode instalar, anotar, pad, plus, e também conectar sua conta FTP sem pad plus plus. Então aqui eu estou no bloco sem mais o AWG para página de download de barra, onde você pode baixar uma visão diferente fora. Nenhum animal de estimação mais. Agora, partir de hoje, 20 de agosto $2018 visão é 7,5 ponto oito. Então eu quero fazer aqui é ter certeza de que você baixar a versão apropriada que você tem ajustado para bit. Você tem 64 mentes um pouco de 64 bits. Então eu vou ir em frente e clicar no bloco de notas mais pessoa roubou um 64 bits x 64. Vou clicar nesse, e vou baixá-lo. Então é 4,4 megabytes. Eles não devem demorar muito, e está feito. Então eu vou apenas clicar lá dentro e clicar. Sim, clique em Inglês Clique em Avançar clique. Eu concordo. Clique em Próximo clique. Em seguida, concluímos um tiro De acordo com o próximo clique instalar E enquanto lotes e eu vou clicar em terminar. Tudo bem, então o que temos aqui agora é a interface para o bloco de notas mais. No entanto, se você saltar sobre hit onde você tem plugins, você não vai ver o plugging FTP disponível. Agora, deixe-me esclarecer uma coisa que eu notei de alguns outros alunos que eles têm o plug FTP em essência instalado o software. Então eu não estou exatamente certo por que algumas pessoas têm o ftp conectando automaticamente enquanto outras não. Se você tem que ser, você tem que estar conectando. Você verá algo como NPP FTP Isso significa que você está OK. Isso significa que só disse isso significa que você não tem que dar os próximos passos. No entanto, se você não vir PP ftp, a noite significa que você terá que instalar ou que você terá que baixá-lo e instalar o plugging manualmente. Então agora deixe-me mostrar-lhe como você pode fazer isso. Agora eu estou aqui neste site em obter Haab dot com e este é o lugar onde você pode baixar o plug FTP especificamente para nenhum pad mais Plus. O que eu vou fazer é anexar os downloads para ambos os X 64 X 86. Encontre-os. O recurso é que você terá acesso a isso também. Então, certifique-se de escolher o que é apropriado para você. O que vou fazer aqui é baixar primeiro, o do X 64 porque tenho um sistema de 64 bits. Tudo bem? E depois, quando isto for feito, vou em frente e extrai os ficheiros e documentos dentro desta pasta. Tenha em mente que esta é uma pasta zip. Depois de extrair os arquivos em sua pasta zip, você verá a pasta NPP FTP x 64 e nosso insider. Para o você verá dois dos Fuller, você verá a pasta BIN que tem o seu NPP, ftp porta dll arquivo plugging. E, em seguida, na outra pasta você terá o seu documento, que é a sua documentação para este plug in particular. Então temos que fazer agora é inserir essas duas pastas no bloco de notas mais nossa pasta em nosso sistema. Então, para fazer isso, vou pular aqui para minhas outras pastas. Eu vou vir aqui para o meu computador, este PC. Vou a um PSA. Vou ver meus arquivos de programa e um instrumento para ir rápido. Para isso, você verá a pasta no pad plus plus. Esta é a pasta de solução para o software. Então aqui, agora, temos que adicionar essas duas pastas. E eis o que vou fazer, certo? Eu vou voltar aqui. O que eu vou fazer é ir até o Ben. Eu vou pegar o MPP ftp dll deixe-me cortar isso, e então eu vou voltar para o meu bloco de notas, mais mais e então aqui, você tem plugins. Eu vou colar para lidar com eles longe. Fornecer acesso de administrador. Certo. Portanto, verifique se o arquivo NPP FTP toe dll está dentro de sua pasta plugins. Agora, eu vou voltar para a pasta original. Então Ben está vazio. Já não precisamos de estar em mais nada para a pasta de documentos. O que vou fazer é ir aos credores. Será que essa pasta de documentos eu vou pegá-la de novo? Ou cortar uma pasta escura. Eu vou voltar para a pasta de papéis possíveis e então aqui eu vou para a pasta plugins e onde você tem configuração, eu vou clicar duas vezes dentro, e eu vou colar essa pasta de cachorro aqui. Forneça permissão de administrador mais uma vez, e aí você a tem. Portanto, certifique-se de que o arquivo MPP após Peter DeLeo está dentro do seu plug in sub pasta e, em seguida, para a pasta doc, colocá-lo dentro da pasta config a partir daqui. Agora, vou voltar para comprar nenhum animal de estimação. Além disso, eu vou fechá-lo, e então eu vou voltar, e eu vou verificar meus passaportes bloco de notas de novo. Nota pad plus plus, Vamos abrir isso mais uma vez. E agora vou ligar para os plugins. E agora voilá. Você deve ver o NPP ftp plugging disponível. Então, até agora, conecte nenhum animal de estimação possíveis sem ter que ser conta. Vou clicar em mostrar janela FTP NPP. Deixe-me expandir isso um pouco. Tudo bem? Agora, para adicionar as credenciais do FTP, vou clicar na reserva de equipamento aqui. Clique nas configurações do perfil dizendo que eu vou clicar em adicionar novo. Tudo bem. E se o criminoso de Newport ia dizer que isto vai ser Weber, está bem, clique. Está bem. E agora as credenciais. Anteriormente do FTP vídeo do povo. Isso é pontuação de teste. Pd um ponto com era o nosso nome de anfitrião. O nome era Weber, que Tesco fez uma senha de ponto com. E então eu vou clicar em fechar e não me conectar. Basta clicar no botão de conexão aqui. Clique na Web e você deve estar pronto para ir. E lá vai você, pegar fora conduzir com sucesso que você minha conta ftp via bloco de notas mais para que você tenha. É por favor. Se você tiver alguma dúvida sobre isso, me avise. É extremamente importante que você seja capaz de conectar seu bloco de notas mais suave com sua conta FTP. Sem chefes de topless para Windows. Se você estiver usando um Mac, por exemplo, você pode usar tecnologia sublime sublime. Tex é uma ferramenta de edição muito, muito poderosa para usuários de Mac, e você tem outros editores de texto lá fora também. Então eles têm uma queda por assistir, e eu vou ver a próxima aula 5. Como criar um tema de demonstração: já. Então a primeira coisa que vamos fazer agora seria gerar um tema personalizado a partir deste lado positivo conhecido como o site sublinhado. O que exatamente é isso nos resultados? Bem, ele diz oi, eu sou um tema inicial chamado na escola s ou nas partituras, se você quiser. Estou, se estiver em pirataria mental. Então não me use como pílula e tema. Em vez disso, tente me transformar no próximo tema WordPress mais impressionante lá fora. É para isso que estou aqui. Então sobre as pontuações é o que nos referimos como um tema inicial. É um tema que tem apenas a quantidade necessária fora do tribunal necessária para WordPress para trabalhar. Tem apenas a quantidade de ossos nuos do tribunal lá fora. Não há funções extravagantes ou scripts extravagantes. Eles estão fazendo coisas adicionais. Tudo o que você ganha de sublinhados é o pacote básico para uma imprensa de guerra fina. Por isso, é uma maneira muito boa de iniciar o desenvolvimento de qualquer tema WordPress. Você simplesmente vir aqui gerado coisas fora dele, e então você pode começar a melhorar e desenvolver esse pagamento para se tornar o próximo melhor tema WordPress lá fora. Então vamos fazer agora é gerar nosso próprio tema personalizado. Vamos entrar aqui agora, onde temos o mesmo nome e para mim, vou nomear o meu Starter. OK, sinta-se livre para usar um nome diferente. Você não tem que usar o motor de arranque. Você pode usar qualquer tipo de nome que você quiser. Vamos em frente e gerar o tema e você pode ver agora este é o arquivo ZIP bem ali. Então eu vou saltar para o meu site começou ou Tesco Paedo Comb. Este é o lado com o qual vou andar por algum tempo. Então vamos em frente e instalar o tema. Vamos para a aparência Fame no novo upload e dele ia clicar e arrastar começou um zip aqui e vamos instalar o tema. Vamos ativar o tema e aí está. Nós criamos com sucesso nosso tema personalizado, e se você vai para o seu lado agora, você pode ver que não há nenhum formato em tudo parece fora do lugar, e é assim que ele deve ser. É suposto desenvolvermos este tema para nos tornarmos a próxima melhor coisa lá fora, por isso vamos ter de fazer muito, diz a CIA. Leia muito do que era funções e desenvolvimento e assim por diante e assim por diante. Mas este é um bom começo. Nós temos nosso tema personalizado gerado. Nós instalamos. Agora vamos passar para explicar e dar uma olhada em como os arquivos de modelo WordPress realmente funcionam. 6. Introdução: Ok, então a próxima coisa que temos que fazer agora seria conectar-se ao nosso site via FTP. Se você não sabe como fazer isso, eu tenho tutoriais que vão ensiná-lo e mostrar-lhe como fazê-lo. Confira os links no próximo vídeo. Na próxima palestra, você vai encontrar links para onde eu vou mostrar-lhe como conectar seu lado por FTP, como sair na conta FTP e até mesmo como usar nenhum pad plus, que é o que eu realmente estou usando para me conectar ao meu site. Então sinta-se livre para pausar este vídeo, ir em que aqueles e, em seguida, voltar. Se você sabe como ele está indo para o lado por FTP, então vamos seguir em frente. Neste momento eu estou no meu site gagueira e a pasta que eu estou interessado aqui é a pasta de conteúdo WP . Esta é a pasta que normalmente contém os arquivos para seus ganhos PLA e temas e mídia associados ao seu site WordPress. Vamos clicar duas vezes dentro e então você pode ver que temos plugins, temas de nota. Estamos interessados em temas, certo? Então vamos abrir as coisas dobrar-se e agora você pode ver que temos o nosso começar um tema. 2015 2017 e 2016 pastas. Sempre que você instalar um novo tema, você encontrará a pasta Times aqui também. Mas agora estamos interessados nas pastas tema gagueira Pequeno clique dentro. E agora aqui temos todos os arquivos que compõem nosso tema inicial. Mas eu queria prestar muita atenção a esses arquivos aqui mesmo que terminam em dot PHP. Temos cheio para o PHP. Temos arquivados comentários PHP parecem estar cheios do PHP e assim por diante e assim por diante. Todos estes são o que nos referimos como arquivos de modelo. Então, o que é exatamente um arquivo de modelo? Bem, um arquivo de modelo é aquele que diz que pressione que tipo de conteúdo exibir e como exibir seu conteúdo e até mesmo onde exibir esse conteúdo. Então os arquivos de modelo são basicamente como um guia para o que a imprensa diz. O que isso hey, exibir postagens nesta página? Exibir o título exibir a imagem em destaque logo abaixo do título exibir as datas Este post publicou coisas como que imprensa guerra usa esses arquivos de modelo para exibir conteúdo . E cada um desses arquivos de modelo controla uma partes específicas fora de seu site como um exemplo completo para o Petri. Bem aqui. Se eu clicar duas vezes em quatro para o PHP. Este aqui é o modelo para este avião para quatro páginas. Páginas que não foram encontradas. Este é o arquivo do templo, bem no whoppers usaria para exibir o conteúdo 44 4 para os quatro pés da nossa página. Uma peça que não foi encontrada. Da mesma forma, temos algo aqui chamado o que temos página dot PHP. Este é o modelo para exibir todas as páginas. Então, sempre que você criar uma nova página e que imprensa eles começam fora ele vai usar este temperado aqui mesmo para exibir o conteúdo para essa página. Está bem. E assim por diante e assim por diante. Temos PHP de ponto único. Nós assinamos Butel ph b. Todos esses arquivos de modelo controlar partes específicas fora de qualquer site wordpress. Então junte-se a mim na próxima aula. Bell vai começar a dar uma olhada nas faltas chamada temperado que vai encontrar em qualquer que Chris tema 7. Arquivos de templates principal: Bem-vinda de volta. E em um vídeo anterior eu disse que A What Preston iria arquivar é aquele que diz que imprensa ,que conteúdo exibir, , como exibir esse conteúdo e onde exibir esse conteúdo. Agora é muito importante entender que temos diferentes tipos de arquivos de modelo. Temos os arquivos de template que o que a imprensa reconhece automaticamente com base no nome, um exemplo sendo o PHP 44 pontos. Uma vez que você tem os quatro para o Patriota tentado caiu em sua pasta fina. Bolsa de guerra sabe isso automaticamente. Sim, este é o fogo do templo que eu tenho que usar para exibir o conteúdo de qualquer para quatro páginas. E a razão. O que Chris sabe disso é porque fora do nome do arquivo, ele diz que é para o quarto ou PHP. Se eu escolher para 40 digamos por cinco ou 44 PHP extra. A imprensa de guerra não vai reconhecer o arquivo do templo. Da mesma forma, com o arquivo que o PHP comenta que o PHP rodapé PHP. Todos estes são os arquivos do Templo e que a imprensa reconheceria automaticamente se eu viesse aqui agora, incluindo um novo arquivo chamado Homem-Aranha. O PHP. Que imprensa não vai saber o quê? Homem-Aranha. O PHP é útil. Isso se torna um custo. de Arquivode modelo. Ok. Agora, enquanto você é provável encontrar muitos fora deste arquivos de modelo padrão e a maioria dos temas WordPress arquivos de modelo de fantasia, por outro lado, tendem a ser exclusivo para a morte. Tema particular. Portanto, não se surpreenda se você abriu o modelo 2017 Tim pasta mais simples. Eu acho que para a mãe e você viu certos arquivos que você não vê em nenhuma outra guerra distorcê-lo lá fora. Isso poderia ser um arquivo de modelo de fantasia que é exclusivo para a equipe 2017. E, claro, vou mostrar-lhe como criar o seu próprio custo alguns arquivos de modelo à medida que progredimos. Mas o que um dos agora é mostrar-lhe alguns exemplos desses arquivos de modelo núcleo que você provavelmente encontrará e a grande maioria dos temas WordPress fora. E o primeiro 1 seria o cabeçalho. PHP. Vamos abrir isso agora. Este é o chefe do para o nosso tema. Você pode ver agora que este é o arquivo de modelo que lugar usaria para exibir o conteúdo fora da seção superior do nosso site. Então, tipicamente coisas como o logotipo do menu principal. Se você tiver ícones de mídia social no canto superior direito, é normal. Normalmente, o chefe do PHP, eles exibirão tal conteúdo. Agora vamos dar uma olhada. Se eu decidi digitar o texto do Salmo aqui, você pode ver agora que estou digitando logo abaixo da tag principal. Se eu dissesse que é Ah Hedda, ponto final. Deixe-me dizer isso agora Vamos voltar, Teoh Seamless atualização. Agora você pode ver o melhor escritor. Diz que esta é a nossa Hedda. Então agora eu acabei de provar a vocês que de fato War Press está usando cabeça sobre PHP para exibir o conteúdo fora da cabeça de seção fora do nosso site para que você possa ir em frente, testar isso, digitar algum texto que você pode até dizer o tipo de logo abaixo aqui na parte inferior, logo após o conteúdo do site. Você pode digitar isso aqui também. Apenas paz que isso é ah, cabeçalho. Vamos guardar isso. Vamos voltar, Inale. Vamos atualizar a página. E onde está agora? Você pode ver que ele aparece bem aqui. Este é o nosso cabeçalho. Agora sabemos que a cabeça do Petri controla todo o conteúdo do meu sangue. Anote onde temos. Este é o Cabeçalho . Todos os arquivos de modelo agora assumiriam o controle e continuam a exibir conteúdo para a postagem. Como você pode ver aqui e até mesmo conteúdo para a nossa barra lateral aqui embaixo também. Então, à frente do PHP é um arquivo de template WordPress muito comum. É um Telefile que você vai encontrar, e quase todos os tipos fora. Que tema da pessoa. E outra coisa que é muito especial sobre o chefe do PHP é que ele é tentado arquivo que é muitas vezes chamado em. Quase todos os arquivos do templo lá fora que são reproduzidos algum tipo de conteúdo . O que eu quero dizer? Tomemos por exemplo, temos a página dot PHP. Agora, este é um modelo para exibir todas as páginas. Então, sempre que você sair de uma nova página, mas é a página sobre a página de contato e assim por diante e assim por diante. Wateragrião usaria este arquivo de modelo específico para este conteúdo de reprodução dessa página. No entanto, dê uma olhada nesta linha aqui, é fácil levantar a cabeça. O que isso significa é que aqui mesmo o que a imprensa vai chamar o conteúdo fora do cabeçalho dot PHP? Há uma razão pela qual sempre que você visita qualquer página em qualquer lugar, além disso, é mais do que provável que você veja o logotipo em cada página. Você vai para o menu principal em cada arremesso. E isso porque o chefe do PHP é constantemente chamado em cada página em cada postagem. Porque fora desta linha simples, pegue a Hedda. Então Temple 5 como a cabeça do PHP o rodapé PHP o pé do patriota bem aqui, que é aquele que controla o conteúdo na parte inferior de um site. Esses dois são muitas vezes chamados em quase todos os arquivos do templo lá fora. Tenha em mente, mantendo o meu muito, muito importante manter em mente, que arquivo de modelo quente pode ter outros arquivos de modelo dentro dele. Exemplo clássico novamente é a página dot PHP. Este é um arquivo do templo para este avião, conteúdo para todas as páginas aqui. Neste momento, temos três arquivos temperados adicionais. Temos a cabeça do I T F. Isso está frio Ok, nós temos a barra lateral get, que na verdade é usada para recuperar o conteúdo da nossa barra lateral. E nós temos o pé alto, que é usado para conduzir o conteúdo fora do nosso rodapé dot PHP. Portanto, tenha em mente que existem certos arquivos duplos que têm todos os arquivos de modelo dentro deles. Então glam para trás a cabeça do pé PHP do PHP. Estes são os dois arquivos templos que você provavelmente encontrará. E quase todas as páginas lá fora, até mesmo todos os posts lá fora existem ou os principais arquivos de template WordPress núcleo, como o arquivo dot PHP. Este é, claro, o arquivo de modelo para exibir o conteúdo de seus arquivos. Temos também o conteúdo de exibição ritual PHP barra lateral que você tem ao seu lado. Mas principalmente, é claro, seus orçamentos temos o PHP de ponto único. Este é o único para este avião. Todos os postos individuais. Ok, então só para dar um exemplo muito, muito rápido, se eu entrei aqui agora e eu digitei, digamos que este é um post. Certo, vamos salvar isso. Vamos voltar rapidamente para ser convidado de volta. Vamos, se temos algum posto? Ok, eu tenho um post. Eu fui citado por padrão. Vamos ver o post agora. Você pode ver bem aqui. Ele diz que este é um post, porque o que pressione agora está usando o único ponto PHP para exibir o conteúdo para este post em particular. E escrevemos aqui. Este é um post, mas também notar que temos Este é o nosso Hedda. E isso é porque bem aqui onde você tem entrar no cabeçalho partitura War Press está chamando o conteúdo fora do nosso cabeçalho dot PHP. E na cabeça do PHP que temos, talvez o tenhamos. É a escola até aqui que temos. Oh, mas na verdade ok, sim. Esta é uma decisão bem aqui. Este é o nosso batedor. É aqui que está chamando essa linha de texto. Então, se eu apaguei isso agora, vamos salvar. Vamos voltar aqui e atualizar a página. Agora você pode ver que não temos mais. Esta é a nossa cabeça. Eu realmente tenho. Isto é um poste. Então, estes são apenas alguns exemplos fora dos arquivos de modelo núcleo e compõem qualquer tema WordPress . chefe do PHP para o PHP arquivado parecia ser destacado. PHP Page PHP Estes são os principais arquivos tentados. No entanto, antes de ir, eu quero falar sobre os arquivos de template WordPress mais importantes fora de todos e que é o índice dot PHP. Esta é a mãe de todos os arquivos tentados. E não há por que este arquivo de templo é tão importante é porque este é o arquivo padrão bolsa de água usado para exibir conteúdo sempre que não há um modelo mais específico lá fora. Do que estou falando? Sabemos que a página dot PHP é a empresa para este plano. Que conteúdo para nossas páginas. Mas também sabemos que o PHP de ponto único é o templo caiu por exibir conteúdo para nossos posts. Diferença? Temos uma placa de fogo quatro páginas. Temos um para os postos. No entanto, se não tivéssemos um único ponto PHP para exibir conteúdo para postagens Se não tivéssemos pêssegos Ph . Peters para exibir conteúdo para nossas páginas, que bolsa automaticamente vai voltar para usar o índice de ponto PHP. Tão inexato. Petri é como o último suporte é a última opção. É a opção de backup, apenas no caso de não haver um arquivo de modelo mais específico lá fora para exibir conteúdo. Então vamos falar muito sobre o índice de Petri à medida que progredimos até agora. Saiba que temos diferentes tipos de arquivos de modelo. Nós temos os núcleos, mas também temos o índice PHP, que é o templo padrão caiu para este plano. Conteúdo para quê? Pressman? Nunca. Não há um arquivo de modelo mais específico lá fora. Pense na sorte todos vendo a próxima aula. 8. Arquivos de templates secundário: Não vamos falar sobre alguns arquivos tentados adicionais, que eu gosto de me referir como arquivos tentados secundários. Estes são arquivos de modelo que não são tão importantes quanto o modelo principal. Arquivos como a cabeça do PHP ou o ponto de índice PHP, um PHP diferente, e assim por diante e assim por diante. Um exemplo aqui seria o ponto de comentários PHP, obviamente pelo nome. Este é o tipo de arquivo para exibir comentários. Não é o arquivo de modelo mais importante lá fora. Você pode até mesmo controlar como os comentários são exibidos diretamente do arquivo de template PHP de cão único . A coisa sobre faltas do Templo de segundo único é que eles estão lá para fazer o frio e um pouco mais fácil para tornar o tribunal em um pouco mais distribuído em arquivos de modelo para que você não tenha muito código dentro do arquivo de templo único quente. Isso é o principal poppers fora de nossos arquivos de modelo secundário. Eles são bons de ter. Eles desempenham um papel, mas novamente eles não são tão importantes quanto o tribunal tendeu arquivos. Vamos dar uma olhada em alguns outros temas, como o tema 2015, e aqui temos o que temos, o terrível traço byo dot PHP Again, este é um modelo para este plano oferecer compradores. Então, novamente, não é o mais importante de todos os arquivos lá fora. Ele desempenha um papel, mas novamente, não é como o chefe do PHP ou o ponto de índice PHP. Vamos dar uma olhada em outro tema como o tema 2017, que tem um aqui chamado o formulário de pesquisa são dot PHP, então você vai muito provavelmente encontrar muitos dos arquivos de template secundários em muitos temas WordPress . Você terá as chamadas lá fora. Você terá os secundários, e então você terá possivelmente também os arquivos de modelo personalizados também. Vamos dar uma olhada em todos esses arquivos de modelo um pouco mais tarde também. Mas antes de arredondar este vídeo, vamos falar sobre dois arquivos muito importantes que você vai encontrar em qualquer tema WordPress. O tecnicamente não são arquivos tentados, mas eles desempenham um papel muito importante na determinação de como a imprensa irá exibir seu conteúdo. O primeiro 1 seria as funções dot PHP e boy, este é um arquivo template. Nós vamos gastar muito tempo em Este é basicamente o arquivo de modelo que contém cada função única. Bem, nem todas as funções, mas a maioria fora funções que temos em nosso site Wordpress. A razão pela qual eu estou dizendo maioria e não todos, é porque muitos temas lá fora também tendem a quebrar as funções do PHP. Eles não adicionam isso, digamos, 70% de desconto em todas as funções chamadas em vez das funções do PHP e, em seguida, o minuto 30%. Eles podem distribuir todas essas funções em outros arquivos de modelo também. Portanto, não é toda vez que funciona com conteúdo Patrik todas as funções que temos em nosso site de águas. Então tome nota disso, mas você vai muito provavelmente encontrar a grande maioria fora de suas funções contidas dentro das funções do arquivo de template PHP. Então, sempre que você tem uma função para criar uma nova barra lateral off para criar um novo template , arquivo off para criar um novo tipo de post personalizado, tais funções normalmente seriam contidas dentro das funções dot PHP. Agora aqui está um exemplo. Se você considerar que temos algumas funções para tags de título Adan, suporte para tags de título também é para suporte adicional para miniaturas de postagem. Você tem um funcionamento que permite que as pessoas criem menus e assim por diante e assim por diante. Então você vai. Criaremos muitas de nossas próprias funções personalizadas à medida que progredimos no curso. Mas novamente, funções do PHP é um arquivo de templo que você provavelmente encontrará, e quase todas as pessoas brancas parecem estar lá fora. E vamos falar sobre mais um arquivo, que é, claro, o ponto de estilo CSS. Agora, este é o arquivo mais importante de todos os tempos. E o que é realmente estranho é que tudo o que este arquivo faz é controlar como o conteúdo é realmente exibido. Aqui é onde você terá as loções de pinto para como o seu texto seria parecido com a forma como o logotipo vai aparecer. Quão grande seria? Você tem suas margens, seus padrões, suas fronteiras, sua coluna em tudo que você é imagens de Baghlan. Todo o estilo é basicamente declarado dentro do estilo com arquivo templos CSS A razão pela qual eu disse que são os arquivos mais importantes porque você não pode ter um tema WordPress sem o ponto estilo CSS templos fogo. Na verdade, estilizado avalia e o índice de ponto PHP todas as duas finais mais importantes em qualquer tema WordPress , você não pode ter um que pressioná-los sem são ambos esses dois arquivos tentados. Então é isso para as funções. PHP e o estilo dot CSS novamente. Ao longo deste curso, vamos gastar muito tempo na função do PHP e nos arquivos de template CSS de ponto de estilo . Mas é isso. Muito obrigado por assistir. Vemo-nos na próxima aula. 9. Inspeção de um arquivo de modelo de amostra: Tudo bem. Então, antes de seguir em frente, eu queria que nós gastássemos um pouco de tempo para dar uma olhada em um arquivo de modelo de exemplo neste caso, a cabeça atrás. PHP. Quero que vejamos mais de perto o código em si que misturam um arquivo de modelo e o que você pode esperar ver em outros arquivos de modelo, bem como sua vida desde o topo bem aqui. Você pode ver que temos nossa tag PHP de abertura e vermelho, e também temos o ataque PHP de fechamento para esta seção aqui também. Um dos requisitos para este curso é que você tenha pelo menos um pouco básico de compreensão de como o PHP realmente funciona. É muito, muito importante aqui. Você pode ver que temos algum texto em verde sempre que você vê esse texto. Agora, deixe-me colocar para fora um pequeno aviso de isenção de responsabilidade aqui. Isso não é pad plus mais o texto Editori que você está usando pode ter uma chamada diferente. Oh, para comentários ou para texto. Então, cuidado com isso. Mas se você não usa animal de estimação plus plus, é muitas vezes em verde. Então, sempre que você vê algo em verde, isso significa apenas um comentário. Na verdade, não é parte do código. O que você tem lá fazer é apenas talvez uma breve descrição fora do próximo bloco fora do código, ou talvez uma descrição do que esse arquivo real é tudo sobre. E neste caso agora, você pode ver todo o texto dizendo que este é o chefe do para o nosso tema. Este é o templo que este lugar tudo fora da seção da cabeça e tudo até o dia da seção de conteúdo eu d. Então é por isso que tudo aqui está verde. E só para dar um rápido ponto para cima sempre que você está dentro de um bloco de código PHP, neste caso onde eles podem ver que temos o aberto bem aqui e então nós temos o fechamento logo aqui também. Então, sempre que você está dentro de um bloco de PhD de código e você quer escrever um comentário, a maneira típica seria ter o quatro barra e, em seguida, e histeria. Agora, por alguma razão neste caso, temos que perguntar ao Texas. Como você pode ver, não é composto para ter que fazer. Você pode ir com um agora, como você pode ver e tudo ainda vai ficar bem. Mas eu tenho notado que em muitos temas WordPress que normalmente tendem a começar com ou tem que s Terex é por isso que é algo que você pode querer fazer também. Apenas continue com a arte. Que tradição da imprensa. Por assim dizer. Oh, você pode simplesmente ignorá-lo na própria coisa. Está tudo bem. Vou adicionar o SX de volta. Então, uma vez que você tem a quarta barra e, em seguida, retornar, Asterix é que você pode começar a tocar em seus comentários. Você não precisa ter o X Terex A para começar cada nova linha. Você não precisa. Você pode apenas digitar seu texto e você estará pronto para ir. E aqui mesmo temos a proximidade, Terex com o Ford Slash também, muito, muito, muito importante. Isso sinaliza o fim da seção de comentários. Então isso é apenas para lhe dar um ponteiro rápido. Agora, você deve ter notado que aqui em baixo nós temos alguns outros comentários também. Temos um lado, Brandon. Nós ajustamos a navegação. Temos masthead. Agora estes estão escritos em um diferente onde temos o colchete aberto e então temos o sinal de apóstrofo e, em seguida, dois traços e, em seguida, algum espaço. E, no final, temos até a morte, ela é e, em seguida, as roupas e os baldes. Este tipo de comentários em East quatro HTML Não é para PHP, é para HTML. Então observe a diferença. Sempre que você está fazendo comentários no campo, pessoas como você começam com o Ford Slash e depois a histeria, e então você causa com as apostas e depois a quarta barra. Mas se você está fazendo um comentário dentro do HTML, você se tornar vai ir com o apóstrofo aberto, intacto e, em seguida, os dois traços e, em seguida, colocar em seus comentários e, em seguida, os dois traços e, em seguida, fechar tag muito, muito importante perceber a diferença entre os dois. Mas não se preocupe. Vamos fazer muito disso à medida que progredimos no curso. Mas vamos dar uma olhada no próprio código. Eu quero que você faça. Por enquanto, esqueça o que temos aqui no topo. Isso é apenas algumas coisas HTML que nós não precisamos nos preocupar, mas vindo aqui agora, você pode ver que nós temos muitas classes diferentes e eu ds, eu estou falando de CSS. Neste caso, temos o i d para a página. Temos os lados clássicos. Temos outras ideias e deixamos os anos 80 aqui, como o site do mastro, ir para a aula . Temos outro elegante à parte, Brandon, e assim por diante. Então isso é algo que você vai encontrar em muitos arquivos de modelo i e ds e classes para defesa, tags tentadas e blocos de código. Mas vamos dar uma olhada de perto de novo aqui onde temos o masthead Hedda I d. Você pode ver que temos uma aula para ouvir isso. Diga lado Brandon. E então temos logotipo personalizado aqui. Também acontece como o bloco na descrição completa. Por isso, neste momento, devias estar a pensar sozinho. Ok, este é o bloco fora da quadra que controla como o logotipo é exibido. É também o bloco fora da quadra que determina como o nosso bloco em quatro e bloco descrição fora da descrição de outro foi exibido também. E então aqui embaixo, você pode ver que também temos a idéia do valete fora do site de navegação. Temos navegação principal temos menu primário. Temos coisas assim. Então, novamente, você deve estar sempre pensando com você mesmo. Ok, este provavelmente seria o bloco de código que controla como nossa navegação principal é exibida . Esta é uma das maneiras como você pode interpretar o código que você tem dentro de um arquivo de modelo . Simples. Olhe para as palavras. Quais são as palavras que você vê navegação. Você deveria estar pensando, OK, essa é a navegação principal. Você vê, logotipo deve estar pensando, OK, esta é a parte que controla o logotipo principal e assim por diante e assim por diante. Então esta é uma maneira como você pode reconhecer rapidamente o que um determinado código de bloqueio está fazendo . Então isso é muito bonito para os tipos off code que você vai encontrar dentro de um arquivo template . Muito, muito importante que você tenha um decente entender o NLCS fixo diz. E, claro, o básico de P H P. Então é isso. Obrigado por assistir, e eu vou te ver na próxima aula 10. A Hierarchy de WordPress: Vamos falar sobre um tópico muito crucial que é necessário, a fim de ser capaz de construir um tema WordPress. E essa é a hierarquia de modelos WordPress. Muito, muito importante. Mas antes de mergulhar no próprio Haruko, vamos falar festival sobre algumas dicas, e o primeiro 1 tem sido que mais de um modelo pode ser usado para exibir o mesmo conteúdo. Agora, como um exemplo, o ponto de página PHP sabemos que pago o PHP é normalmente usado por trabalhadores para exibir o conteúdo uma página. Tenha em mente, entanto, que não é apenas o ph dot PHP que é usado apenas por que bolsa, o que foi pode usar ou os arquivos tentados para exibir conteúdo para nossas páginas. Tenha isso em mente e, em segundo lugar, index dot PHP é os modelos padrão para todo o conteúdo. Então, sempre que o Chris não pode encontrar um modelo mais específico. Qual bolsa sempre será padrão para usar o índice dot PHP index dot PHP é o modelo de fallback para todos os tipos de conteúdo fora. Agora os temperados têm uma chave. si é um sistema que o Chris usaria para determinar qual modelo é usado para exibir um tipo específico de conteúdo. Então, voltando ao primeiro ponto onde eu disse mortem sobre temperado pode ser usado para isso. Mas o mesmo tipo de conteúdo que o templo tem uma chave é o que Chris vai implantar para determinar qual modelo foster será usado, e qualquer um desses arquivos do templo não existe. Ele iria então saltar para o próximo arquivo de template e assim por diante e assim por diante até chegar ao ponto de índice PHP. É disso que se trata esta hierarquia de modelos. Vamos seguir em frente. Vamos seguir em frente. Que imprensa usa uma cadeia de caracteres de consulta para identificar o modelo que é usado? O que é essa string de consulta? Bem, a sequência de consulta é informação que está contida na U. R L fora da página e lá temos um exemplo Competiu, não venha adiante barra blawg para frente barra barra categoria Ford barra livros Maley Olhando para isso , você é l. O que bolsa já sabe que este link este Yeovil está apontando para uma categoria com o nome fora dos livros e ele sabe que porque ele inspecionou, você está bem e vê categoria ali mesmo. Agora que pressione para determinar o tipo de temperamento que é usado água pessoal em primeiro lugar, corresponder cada string de consulta a um tipo de consulta para decidir o tipo off. Pago solicitado. Acabamos de ver um exemplo. Então, o que é possível? Primeiro de tudo o tempo em se este link ou não este yarbles apontando para um post se ele está apontando para uma página se ele é apontado para uma página de resultados de pesquisa. Se ele é apontado para uma página de categoria e assim por diante e assim por diante como o primeiro no que a imprensa vai fazer quer que a imprensa foi capaz de determinar o tipo fora da página que está sendo solicitada. Ele não procurará os arquivos de modelo com nomes específicos no diretório de temas, e então usará o primeiro arquivo de menção conforme especificado pela hierarquia. Vamos dar uma olhada em um exemplo. Aqui temos Tasca Peter Dot com Ford Slash categoria 4 livros de barra. Como os trabalhadores determinarão que o arquivo do templo será usado para exibir o conteúdo desativado. Este particular que você está doente primeiro é pescado. Walkers procurariam por um templo de dinheiro que corresponda à bala fora da categoria, que neste caso, são livros. Se você não sabe qual é o slogan lesma basicamente o nome. Está bem. Slug pode ser usado de forma intercambiável com o nome. Então agora podemos ver que categoria O nome desta categoria ou a lesma desta categoria são livros. Então, em primeiro lugar, a imprensa de guerra procuraria por um arquivo de modelo chamado livros ou livros de categoria Dash. Ok, se livros de categoria traço que o arremesso está faltando, Waters usará o I.D. I.D. Vamos apenas imaginar que o Eid neste caso é sete águas irá então procurar um nome de arquivo do templo , categoria traço sete pontos p h p. Ok, então agora podemos ver o cabelo icky formando. Primeiro de tudo, é como quatro livros de traço de categoria dot PHP que não existe. OK categoria traço sete marionetes é o próximo se categoria há sete ou PHP está faltando guerra pessoal. Não procure a categoria genérica. Temple pretties categoria dot PHP se categoria que pitch está faltando, os trabalhadores vão então verificar para arquivo dot PHP E se campos de arquivo faltando Finalmente, que bolsa vai resolver para usar no índice dot PHP? Não se preocupe. No próximo vídeo que vamos para eu mostrar um exemplo da vida real para que você entenda isso melhor. Mas quero mostrar-vos esta imagem aqui para vos dar uma ideia do Templo Cherokee para todos os tipos de páginas. Agora você pode ver que temos as quatro páginas inteiras. Procuramos taxonomia,anexos de casa, anexos de casa, tag de categoria de página única, data horrível e arquivo. E então você considera o primeiro tipo de pai temperado. Os trabalhadores vão procurar e, em seguida, o próximo, e, finalmente, olhar para as luzes apagadas de cada linha. Ele pode ver index dot PHP index dot índice PHP de Patriot inexato Petri cada vez porque index dot PHP é sempre o arquivo de templo padrão. Mas a imprensa usaria se não conseguisse encontrar modelos mais específicos. Então, voltando ao exemplo, que acabamos de ter que a categoria pode ver para categoria, tem categoria traço slug Categoria Dish i d categoria ponto PHP Archival patriot e, finalmente index dot PHP. É assim que a hierarquia funciona. É assim que a imprensa de guerra determina o perfil de água que é usado para exibir o conteúdo fora. Um específico que você é vai se juntar a mim na próxima classe onde eu vou mostrar-lhe um exemplo da vida real fora de como o modelo, Harrick ele funciona 11. A Hierarchy em ação: e o fechamento anterior. Pegamos o barco, o templo empate rakhi e como o que coloca o usa para determinar qual arquivo de modelo é usado para exibir o conteúdo. Então agora vamos dar uma olhada em um exemplo da vida real fora do modelo Ter uma chave em ação. Mas antes de tudo, vou em frente e criar uma categoria. Tudo bem. Me trouxe aqui para os postos. Vamos adicionar uma nova categoria e eu vou nomear esses livros de categoria, Ok, assim como tivemos no exemplo. Adicione a nova categoria e podemos ver que são livros frios. Agora, se eu clicar no modo de exibição agora, você pode ver que nada praticamente está acontecendo. Não encontramos nada porque, é claro, não temos nenhum post que tenha a categoria fora dos livros. No entanto, a questão agora é o que sobre arquivado é o que estava usando para exibir esta página específica que estamos olhando agora. Vou trazer o meu bloco de notas mais e claro, aqui tenho o meu Demetri fino para o início do tema. Agora não vemos nada como livros de categoria traço. Não vemos a categoria traçar a identificação dos livros. Mas o que vemos, no entanto, é arquivado no PHP. Nós realmente nem sequer vemos a categoria dot PHP, que é mais específico ou que é mais alto no templo. Tem uma chave, depois arquivou um PHP. Então meu melhor palpite agora é que o Chris está usando o arquivo dot PHP para exibir o conteúdo desta página em particular? Vamos ter certeza, certo, eu vou clicar duas vezes no arquivo dot PHP e logo abaixo da cabeça. Vou dizer que isto é nível cheio. Vamos salvar isso. Vamos voltar aqui. Vamos atualizar e agora você pode ver que diz que este é o nível quatro. Sarwar Press está usando o arquivo em direção ao PHP agora para exibir o conteúdo. Vamos agora tentar criar um novo arquivo de modelo. As primeiras coisas estão em primeiro lugar. Vou saltar de novo duas categorias e vamos pegar os livros completos de identificação agora mesmo no fundo. Neste momento, você pode ver que a categoria que ele chama assim também é o i D dessa categoria particular. Então, vamos continuar com isso. Eu vou em frente agora, e eu vou criar um novo arquivo e eu vou nomear esse arquivo de gato. Veja gree traço para pato PHP clique. OK, vamos abri-lo e eu vou apenas dizer que este é o nível de Isto é literalmente a única coisa que temos nos modelos. Vamos salvar o site de aplicativos Cancelar, cancelar com segurança. Tudo bem, vamos voltar. Dois livros, essa é a vista. E agora você pode ver mais 1/2 ISS. Este é o nível dois porque agora, imprensa de guerra encontrou um temperado mais específico, que é a categoria traço a ponto PHP. Escusado será dizer, se eu voltar aqui agora e criar um novo arquivo chamado Category Dash books dot PHP clique em OK, vamos abri-lo E então vamos dizer que este é o nível um. Vamos guardar isso agora. Vamos voltar. Vamos atualizar a página e aí está. Este é o nível um. Então, agora, qual processo encontrou o arquivo de modelo superior mais herdado, qual é a categoria traço slug ou categoria? Nome do traço, que neste caso é Kattegat Dish livros. Ele viu que é por isso que as pessoas agora usá-lo como o arquivo de modelo principal. Mas se eu voltar novamente agora e decidir excluir livros de prato categoria, vamos deixar o arquivo E agora vamos até mesmo ir em frente e excluir categoria traço para o PHP. Vamos apagar isso porque não precisamos mais dele. Vamos deixar isso. Mas se eu for em frente e criar um novo arquivo e nomear esse goleiro cati dot PHP, vamos abri-lo. E eu só vou dizer, este é o modelo genérico para todas as categorias catty go. Parada total. Vamos guardar isso. Não é adeus veio aqui fresco. E é claro que agora você pode ver que WordPress está usando a categoria dot PHP porque a categoria Petri vem após a categoria traço slug Kaluga Dish I d. Isso é quando agora temos a categoria dot PHP e assim por diante e assim por diante. Então este é o modelo WordPress Halik e em ação. Você pode ver como o que, Chris Well, primeiro lugar, verificar o arquivo de modelo mais superior na hierarquia. Se ele não diz isso, ele salta para o próximo na ordem e assim por diante e assim por diante até que finalmente ele começa a indexar o PHP. Então este tipo de dá-lhe uma idéia de exatamente por que o index dot PHP é indiscutivelmente o arquivo tentado mais importante em Ward Place. Então é isso para a hierarquia temperada em ação. O Phil. Livre para brincar com o outro até que ele falhe lá fora. Você já tem. A imagem das visualizações é leve. Mostre que você pode brincar com a página traço slog, categorias Paige Dash, coisas que você pode simplesmente ir. Vá em frente, experimente e veja a hierarquia temperada em ações. Obrigado por assistir. Vemo-nos na próxima aula. 12. Criação de um modelo de página personalizado: Oh, eu sou bem-vindo de volta. E até agora, tudo bem. Estivemos falando sobre o quê? Pressione arquivos tentados. Sabemos que eles são usados pelo que pressiona para exibir conteúdo em uma página. E nós sabemos que o que a imprensa tem seus arquivos tentados padrão que ele vem com Agora o que eu quero dizer por padrão é que bolsa Ward irá automaticamente reconhecer esses arquivos adulterados com base nos nomes. Uma vez que temos esses arquivos de modelo em nosso diretório thin. Só para ficar claro, cada arquivo de templo que você vê nesta imagem é um arquivo de modelo padrão do WordPress. Porque se em seu diretório thin você tem um PHP de ponto de pesquisa ou você tem um único ponto PHP, você tem um arquivo dot PHP. Você tem uma página traço quatro pontos PHP como zoom. Aquele quatro é a água da página. É automaticamente reconheceria cada um desses arquivos do Templo e saberá quando e como usar esses arquivos tentados. É por isso que eu digo que eles são padrão. O que a imprensa tenta encontrar isso não significa que você vai encontrá-los em todos os diretórios de temas . Não, tudo o que estou dizendo é quando você tem essas faltas de modelo em seu fino o veterano. Que pessoa já os reconhece automaticamente? No entanto, podemos decidir criar nossos próprios modelos de página personalizados. Agora, estes são tentados A o quê? Chris não reconhecerá automaticamente quando os criarmos. Teríamos que dizer a qual presidente? Ei, este é um arquivo temperado, e então queremos que você use esse arquivo de modelo para exibir esse tipo de conteúdo fora. É por isso que eles são chamados de temperamento de página de fantasia, porque o que a imprensa não os reconhece automaticamente. Então o que vamos fazer neste vídeo é eu vou mostrar a vocês como criar seu próprio modelo de página personalizada. Agora, para fazer isso, eu vou trazer o meu bloco de notas mais. E a primeira coisa que vamos fazer é criar o arquivo template em nosso tema. Direcções estão aqui onde temos iniciante, que é o nome do diretório de temas. Eu vou gostar, Clique, Clique, e eu vou criar um novo arquivo e eu vou nomear meu traço página de arquivo cheio com não P h p Tudo bem, observe que eu disse Paige Dash e, em seguida, o nome fora do real modelo em si. Você pode decidir usar um nome diferente na estrutura. Você não precisa usar Paige Dash e, em seguida, o nome do arquivo de modelo. Você pode usar qualquer tipo de convenção de nomenclatura que você quiser. Você poderia ir com full com dot PHP e eu ficarei bem. Eu apenas gosto deles em meus próprios modelos de página personalizados com o traço de página e no nome real fora do modelo. Eu só gosto que pode fora do nosso padrão, esse tipo de abordagem para nomear nossos modelos de página personalizados. Então o que eu vou fazer agora seria clicar duas vezes dentro. Você pode ver agora que está vazio. Está vazio. Claro, não há nada nele. Então o primeiro que temos que fazer agora seria são os mais importantes, que é dar a este arquivo modelo o nome real em si. Fazer caminhantes reconhecido que este é de fato um modelo de página de fantasia, então vamos com o Ford Slash e, em seguida, ost MX dois deles. Mas antes de fazer isso, nós realmente precisamos abrir nossas tags PHP. Vamos abrir um cachorrinho para atacar Primeiro de tudo bem, então PHP. E agora eu vou dizer modelos nome e em Colon vai estar cheio com Ok, então agora podemos fechar esta estética pé barra Isso é perto. Vamos salvá-lo. Então, agora temos dito o que pressione que Hey, este arquivo particular é uma página personalizada temperado eo nome do modelo está cheio de OK, então agora vamos ver o que isso faz. Eu vou para as minhas costas e vamos em frente e criar uma nova página apenas para a direita em uma nova página e eu vou apenas ir em frente e dizer página personalizada. Agora dê uma olhada aqui à direita, onde temos modelos. Quando eu clico sobre os livros Drop down L, agora temos algo chamado o tolo com modelo disponível para nós usarmos. É assim que você sabe que, de fato, você criou com sucesso uma página personalizada temperado. Então agora podemos dizer o que pressionar para usar este modelo sempre que ele foi exibido. Conteúdo para o nosso custo na página ou uma página chamada Página Personalizada aqui para que eu possa publicar agora . Oh, na verdade, eu não mudei para brincar com isso é atualizações e azeitonas ver a página e lá vai você. Está vazio porque não há absolutamente nada dentro de fora estão cheios de temperado. Além disso, é claro, o nome do modelo. Então agora podemos começar a adicionar algum código adicional. Então vamos apenas dizer PHP e então eu posso dizer fica cabeça como um exemplo. Colchetes algo cólon. Vamos fechar isso. Vamos salvar, vamos ver o que acontece em cima de fresco pesado e lá vai você. Agora temos cabeça erguida. Vamos também fazer o mesmo para o rodapé também. Vamos colar isso aqui. Vamos mudar de cabeça. Teoh Rodapé! Isso é seguro. Isso e agora vamos economizar atualização. E agora você pode ver que agora temos nossa exibição de pés. Então é exatamente assim que você pode criar seu próprio modelo de página de fantasia. Claro que vamos, porque 18 mais custo em modelos de página à medida que progredimos no curso. Mas agora Mas agora você aprendeu com sucesso como criar seu próprio custo em modelos de página . Obrigado por assistir. Vejo-te a seguir. Último 13. Como escrever uma função personalizada para WordPress: embora seja no vídeo anterior, falamos sobre como criar um modelo de página personalizado. Mas agora quero mostrar-vos como escrevereis o vosso próprio costume. Que função de imprensa. Certo, vamos acender uma função muito básica que emitirá algum texto em qualquer arquivo temperado onde escolhemos chamar essa função. Então, digamos, por exemplo, que eu tenha o meu bloco de notas possíveis. Aqui abri a cabeça do PHP. Vamos ter exemplo, eu queria produzir o texto que diz é Este é um site wordpress. Eu poderia fazer isso aqui. Eu poderia dizer “h um”. Vamos embrulhá-lo em torno de uma etiqueta para que seja grande e ousado e dizer, vamos apenas dizer bem-vindo. Bem-vindo a este site. Deixe-me fechar o H um tag e eu poderia até adicionar uma classe e chamou sua classe Ah, adolescentes gree dando uma classe de ganância. Adolescentes e eu poderíamos até adicionar um div bem com uma aula fora. Vamos apenas dizer bem-vindo e ah, em uma nova linha. Deixe-me apenas recuar isso, na verdade, em uma nova linha. Posso colocar o parágrafo e dizer, espero que goste da sua estadia. É parágrafo fechado e vamos perto da morte. Está bem, está bem. Então, vamos apenas salvar isso antes de tudo e fazer mostrar sua parte superior e atualizar corretamente a página . E o quê? Aqui está. Bem-vindo a este site. Espero que goste do seu estado. Agora, se quiséssemos produzir este texto em outros arquivos de modelo, normalmente precisaríamos copiar este bloco de frio e colá-lo onde quisermos exibi-lo . No entanto, ao escrever uma função, podemos tornar este trabalho muito mais fácil e tornar o frio muito mais limpo. Então o que eu vou fazer agora seria mostrar a vocês como você escreveria uma função “o quê”, Chris para exibir esse texto sempre que o chamamos. Então, para fazer isso, eu vou abrir o arquivo de funções PHP. Tenha em mente que normalmente funções do PHP é onde você encontraria as funções que compõem um tema wordpress. Vamos descer aqui e o que eu vou fazer seria adicionar meus comentários antes de tudo e dizer função personalizada, uma estética. E agora o que vou fazer é acender a função de nome. Primeiro de tudo funciona, certo? E eu posso dizer adicionar a saudação da escola. Esse seria o nome da função agora. Chapéus pretos. E então meu colchete se abriu. Eu vou fechar a tag PHP e deixar eu pegar isso fora. Não precisamos mais disso. Salve a cabeça do PHP. Volte aqui agora e cole um código de bloco e desça aqui. Eu estou simplesmente indo para ir em frente agora e fechou o bloco phe de uso de código neste colchete de fechamento . Tudo bem, então o que está acontecendo aqui? Se você tem despesas com PHP, então você definitivamente sabe por que eu tive que usar o suporte universitário e tudo mais. Mas se você não sabe que Linda é rapidamente explicar para você não há. Por que eu tenho este colchete de cores aberto aqui é porque na programação você nunca pode ter código html diretamente dentro de um bloco PHP aberto fora de código. Você pode tê-lo recuperado dentro de um código XML. Isso é bom, mas você não pode ter html dentro de um código PHP agora. Se você estudar todo o caminho até a escola. Você pode ver que temos a tag PHP de abertura aqui e nunca fecha isso até o final aqui. Agora, a razão pela qual eu fechei é porque eu estou escrevendo um HTML puro, que é o dia do clássico onde com blá blá, blá. Mas acima de tudo isso é HTML. Então eu tenho que fechar o ataque PHP antes de tudo eu posso fazer este extremo doente. Agora, a razão pela qual eu tenho este colchet aberto, no entanto, é para indicar que este código HTML é realmente parte desta função PHP. É por isso que eu tenho a faculdade para abri-la. E claro, sempre que você tiver algo aberto, você deve fechá-lo em nós. Claro, se é o PHP principal são tags aqui típicas no WordPress e funciona que PHP A maioria dos desenvolvedores abrirá o código PHP, mas nunca o fecharão. Célula McCabe. Vamos descer até aqui. Então aqui agora, tive que fechar a faculdade que abri aqui. E foi por isso que tive que me abrir. O PHP chamado novamente para que esta cor volte a ser reconhecido como código PHP. Espero que tenha percebido isso. Sinta-se livre para falar comigo se não entender o que eu fiz lá. Mas agora adicionamos uma função. Seu nome é nosso cretino. Vamos salvar isso. Então agora o que posso fazer será simplesmente vir aqui agora. E em vez de escrever todo esse frio, eu posso apenas dizer PHP e, em seguida, adicionar as saudações da escola entre parênteses, semi cólon e fechado isso. Então agora temos uma função bem aqui. Vamos salvar. Vamos voltar aqui. Vamos atualizar a página. E lá vai você. Temos uma mensagem. Então, se eu quisesse exibir este grande na parte inferior do nosso post ou página, eu poderia simplesmente copiar esta função agora. Vai, Teoh pé do PHP. E, em seguida, aqui eu posso apenas colar, olhar de código bem Salvar atualizar a página. E agora aqui embaixo, vocês podem ver que temos a mesma função chamando o texto que criamos. Então, parabéns. Você acabou de criar sua primeira função WordPress personalizada. Sei que é muito básico. Não se preocupe, vamos escrever. Ah, funções muito mais avançadas à medida que progredimos. Mas é isso por enquanto. Obrigado por assistir. Vemo-nos na próxima aula. 14. A função de modelo: Tudo bem. Bem-vindo de volta. E enquanto quando o tópico ou funções, vamos falar sobre uma função que você provavelmente vai encontrar em muitos temas que imprensa . E também é uma função que você pode querer usar quando você está construindo o seu próprio tema bolsa e que é o get on the score template na função de parte de pontuação. Agora, esta é uma função que permite que um tema reutilize o mesmo tipo de arquivos de modelo frios e indiferentes. Então, em vez de ter um grande pedaço de código em um único arquivo tentado, você poderia pegar o frio em, digamos, digamos, dois ou três arquivos de modelo diferentes e, em seguida, em um templo principal para você pode chamar todos esses códigos de todos os outros arquivos de modelo. E do que estou falando? Vamos dar uma olhada no bloco de notas mais Plus, vamos dar uma olhada em nosso diretório tema template bastante active directory, e eu vou abrir o índice dot PHP. Tudo bem, agora, vamos dar uma olhada aqui. Nós temos a função bem aqui. Entre no modelo de pontuação na parte da escola, e, em seguida, dentro, temos em vez dos baldes que temos algum texto, e também temos algo muito semelhante aqui em baixo também. Então, o que está acontecendo? O que isso significa é que estamos dizendo a imprensa mundial neste momento para procurar uma pasta chamada Template Parts e, em seguida, dentro da pasta Template Parts, procurar um arquivo chamado content dot PHP. No segundo exemplo, ouvi dizer que é muito semelhante. Procure um arquivo chamado Content Dash non dot PHP dentro de uma pasta chamada Template Dash Parts. Então vamos dar uma olhada agora aqui à direita, onde temos a vitória. Nós temos peças de traço modelo dobrar apenas na pasta North Philly Outs, então até mesmo abri-lo agora, você pode ver que temos quatro diferentes tentativas de fãs. Temos conteúdo de conteúdo PHP, conteúdo página de controvérsia nacional, pesquisa Tash. Você saberá que há uma diferença entre o conteúdo do PHP e o resto deles. A diferença é que o conteúdo informado ao PHP não tem uma extensão. Ele não tem uma extensão como a 2ª 1 que conheceu, ou página ou pesquisa. Os 2º 3º e 4º arquivos têm extensões, sem página de pesquisa. Então a razão pela qual este formato em particular aqui é diferente deste é porque o arquivo que eles estão chamando aqui não tem uma extensão. É por isso que você tem que entrar no post de pontuação nos formatos escolares. Então isso basicamente significa simplesmente que basta procurar um arquivo chamado content dot PHP. Mas em um exemplo, tivemos o arquivo bem, procurando portas têm uma laver extensão do que para obter no formato pontuação Postal. Você vai ter o nome da extensão bem aqui depois do coma. Então, em uma instância em que queríamos chamar, digamos, conteúdo, pesquisa de cinzas, pesquisa de cinzas procuraríamos por uma parte do templo conhecida como partes de traço de modelo para conteúdo de barra e Dan vírgula e, em seguida, pesquisar, e assim por diante e assim por diante. Isso é basicamente como o get on the score template na função score part caminha. Então, ao invés de ter todo o frio para o nosso conteúdo, PHP, que é um conservador agora, é muito melhor do que ter tudo isso dentro do PHP index dot. Nós podemos simplesmente pegar o código, colocá-lo em PHP conectado e, em seguida, em nosso índice de ponto PHP podemos simplesmente usar a função, obter na pontuação, tentado na parte da escola a chamar o conteúdo fora do nosso conteúdo dot PHP. Agora quero mostrar-vos uma coisa aqui da vitória pessoal. Vamos descer aqui. Deixe-me dar-lhe um exemplo. Então eles têm exemplos diferentes aqui tão bem quanto você pode ver. Mas eu queria te mostrar um em particular e tudo bem, então você pode ver bem aqui. Temos um exemplo com o tema. Então pastas Então ele simplesmente dizer, é que para usar esta função com algumas pastas em sua vitória sintoma são simplesmente preparados para dobrar em um antes deste log. E assim, por exemplo, se você tem uma pasta chamada Parciais em sua fina a Vitória e uma parte do templo chamada Conteúdo que pagou paginou um Ph. B. Isto é exatamente como você Dwight a função como você pode ver . Então, se você quiser praticar isso, você pode ir em frente agora e tentar chamar o conteúdo fora da página, traço cheio com o PHP. Coloque este arquivo específico dentro dos modelos até que a pasta de partes ou você pode até mesmo criar um arquivo separado completamente são você pode colocar em algum texto dentro do arquivo e, em seguida, tentar chamar esse arquivo usando o get on the score, tentado na função escopo em se você quiser. Mas, é claro, mais tarde, vamos dar uma olhada mais de perto nesta função à medida que começamos a construir nossos temas de que pessoa . Então é isso. Obrigado por assistir. Vemo-nos na próxima aula. 15. O Loop de WordPress: não vamos falar sobre o que é a função mais poderosa e mais importante em todo o lugar e que é a dobra torcer você para cima. Esta é a função de responsável por este plano todo o conteúdo fora de suas postagens, suas páginas, seus tipos de postagem personalizados e assim por diante e assim por diante. Então, sem esta função, bem, a velha pistola será basicamente conhecida existência. Por isso, é muito importante entender como fazer o loop de imprensa caminha e também como você pode personalizar loop para atendê-lo porque é uma função muito, muito poderosa. Agora eu quero um festival mostrar a você o caminho padrão para fora, certo? Nesta função, existem diferentes maneiras como você pode escrever esta função, como você pode escrever a aparência. Mas o caminho padrão é o que temos aqui. Ok, nós temos se entre parênteses tem posts e, em seguida, enquanto tem posts o post Agora a pergunta agora é o que isso significa? O que exatamente está acontecendo aqui? Vou tentar te registrar de uma maneira tão simples quanto eu puder, certo, certo, porque sei que pode ser um pouco complicado. Por exemplo, primeiro é a função bem aqui onde temos se e depois nos bolsos têm nos postos escolares. O que aconteceu aqui é o que pressiona check-in, antes de tudo para ver se há algum post para exibir. Este é o primeiro cabeludo correcto que precisa de ser satisfeito. Você não pode exibir conteúdo de oposição se você não tiver nenhuma publicação em primeiro lugar. Certo? Então, primeiro de tudo verifica se temos postagens. E agora aqui nós temos o segundo critério dizendo enquanto meia mensagens. Verificamos se temos uma postagem, e tudo bem, temos uma luz de postagem. Agora, enquanto nós temos que o post exibir o conteúdo fora do post, isso é o que o terceiro é. Alguma função do meu cabelo está a fazer a sua implícita. Certo, agora diz que temos postagens. E enquanto continuarmos a ter postagens, exibir o conteúdo dessa pose, isso é basicamente o que esta linha fora do casaco é sã. Vamos dar uma olhada em alguns exemplos da vida real. vou trazer nenhum bloco, claro, como sempre, como sempre, e vou abrir o PHP com pontos indexados agora. Bem aqui. Você pode ver. Inicie o loop. Agora temos. Na verdade, está resolvido aqui onde temos meia postagem. E depois recebemos uma mensagem. E agora aqui em baixo, temos enquanto metade coloca o poste. Isto é um loop andando por aqui e deixe-me dizer uma coisa agora. É muito, muito importante que o seu índice de ponto PHP esteja ligado ao seu loop WordPress a imprensa mundial Look, maioria construindo para o seu PHP extra de uma forma ou de outra, você pode ter o loop diretamente dentro do índice dot PHP ou você pode ter o loop em outro arquivo template, mas certifique-se que o arquivo template é chamado de form the index dot PHP muito, muito importante. Tudo bem, vamos falar mais sobre isso um pouco mais tarde fora do curso, mas eu posso dizer agora que no índice acima de uma árvore, nós temos que fazer loop berry mente para isso, nós podemos ter o loop em outros lugares também, não basta indexar o PHP. Venha aqui para a página dot PHP aqui novamente. Você pode ver que temos o loop aqui também, para que possamos ter o loop dentro Vários são diferentes arquivos de modelo. E também tenha em mente que o loop é responsável por este conteúdo plano fora de nossas páginas, bem como , não apenas postagens. Você costumava procurar por seus posts para suas páginas. E se você também quiser criar tipos de postagem personalizados, você também usaria para que loop de imprensa também. Então junte-se a mim na próxima classe disponível quando eu vou dar uma olhada em como a War Press usa o loop para exibir o conteúdo de nossas postagens usando algo chamado tags Template. 16. Introdução a marcas de templates: Bem-vindos de volta ao curso, e até agora, tudo bem. Estamos entrar l um pouco melhor em entender como o que a imprensa funciona nos bastidores e na classe anterior, mas falou sobre o loop WordPress. E ao concluir eu disse que o que a imprensa usa ou se as armas serão usa algo chamado tags de modelo para exibir conteúdo em nosso site. Então, o que exatamente todas essas palestras modelo bem de Todd são como funções embutidas que vêm com a imprensa de guerra. E eles são usados para recuperar os atributos de uma partícula, um pedaço de conteúdo, todos exibem esse conteúdo em si. Então, sempre que estamos exibindo coisas como o título de uma postagem as datas em que uma postagem foi publicada a miniatura, o conteúdo, o autor da Informação da postagem assim, estamos usando tags de modelo para exibir todas essas tipos de informações. E deixem-me dar-vos um exemplo muito rápido. Vamos trazer o bloco do Sr. Note aqui, e eu vou em frente agora e abrir a porta. Oi, índice de ponto PHP. E vamos ver o que temos aqui. Tudo bem, eu vou para o conteúdo de partes temperadas e, claro, abrir o conteúdo do arquivo PHP. Agora, como exemplo, vocês podem ver aqui que temos uma tag chamada título. Você pode ver assim Isto é o que a pessoa usaria para exibir o Titou fora de um post WordPress? Porque temos uma etiqueta no título da partitura. E se você rolar para baixo até aqui, nós temos o que temos neste conteúdo principal. Esta é a tag que Chris usaria para exibir o conteúdo de um post e assim por diante e assim por diante. Assim, sempre que você vê uma imagem em destaque no lado do representante de imprensa mundial que o conteúdo que eles aceitam saber que, por trás do sentido, a imprensa de guerra está usando impostos temperados para exibir essas informações. E você também deve ter em mente que, em geral, temos dois tipos diferentes fora do imposto modelo . Dependendo de onde a oposição, temos tags modelo que deve estar dentro do loop de água s. A razão pela qual o conteúdo e o título estão andando agora é porque eles estão tecnicamente dentro do nosso que cristal bonito começou aqui. Se você veio do lado de fora do loop WordPress. Vamos se o exemplo eu só aqui agora. e aqui se você acabou de dizer algo como PHP Ph. B o no título da escola e eles fazem que nada vai acontecer aqui. Porque que imprensa não sabe o que você está tentando fazer? Você está dizendo OK, o título. Mas o título é cancelado. O que, exatamente? Isto não está dentro do circuito. Se esta tag estava dentro do loop do que a pessoa sabe que, ok, você está chamando o título fora deste post ou você está chamando o título desta página quando você tem tal ataque fora do loop WordPress Waters não sabe o que fazer com ele. Por outro lado, há ataques de templo que você realmente usa fora do lábio WordPress. E um exemplo muito bom seria a cabeça levantada. Obter Heather é um stand sozinho. Você pode chamar obter cabeçalho em qualquer lugar além de dentro. Claro, você pode chamar obter cabeçalho dentro do olhar, OK, OK, mas você pode chamar obter cabeçalho em qualquer lugar, contanto que ele está fora do loop. Então tag como obter no cabeçalho pontuação Obter barra lateral. Pegue o pé. São todas essas etiquetas são chamadas fora de nossos clipes de imprensa sabão, apenas para dar-lhe uma recapitulação rápida. Você pode ter tags lá dentro de um loop wordpress ou você tem o imposto que quer fora fora do WordPress. Olha, agora, há uma ligação muito fantástica por aqui. O templo ataca do local de trabalho. Codex fora altamente incentivado a gastar talvez cinco minutos apenas para passar por isso. E você pode aprender um pouco mais sobre tags de modelo. Você percorre todo o caminho até aqui agora, e você pode ver que temos as tags gerais que são chamados simplesmente fora do loop WordPress. Você tem as etiquetas do autor, mas agora está aqui embaixo. Você pode ver que temos tags de categoria. Marcas de comentário. Temos impostos vinculados. Bem, agora nós posamos conversações. Estes ataques são úteis. WordPress post. Então agora você pode ver coisas como o próximo link de postagem. Próximas postagens link. Você tem três categorias. Você tem o conteúdo. Excepto as etiquetas. O título que você tem, você tem você. Você tem as datas. Você tem o tempo e assim por diante e assim por diante. Então, todos estes impostos aqui pode ser usado em assinado o que pessoal para exibir Então mais conteúdo ou informações sobre uma partícula fora o que imprensa post? Para que seja uma introdução muito breve às tags de modelo. Alemanha, A próxima classe, Vamos dar uma olhada neste modelo tags. 17. Marcas de templates: bem-vindo de volta e ainda estamos no tópico fora WordPress template tags. Agora, se você tivesse a chance de dar uma olhada em alguns dos impostos mais antigos que temos aqui, você poderia notar que há conversas que parecem ser muito semelhantes. Um exemplo. Sendo onde temos os ataques do autor, temos o sobre a escola também. E então temos o próximo ato, que é entrar na escola do sobre o autor da escola. Agora, você pode estar pensando para si mesmo, OK, qual é exatamente a diferença entre isso também? E não é só o ataque do autor. Há outras tags por aqui onde você tem, Vamos ver, temos alguns outros exemplos semelhantes. Temos coisas como o link Perma, os painéis de sublinhado. Mas, em seguida, nós também temos obter no link Perma pontuação. E se vocês são os exemplos assim agora, sempre que você vir tags como esta, Ok, basta ter em mente que quando você tem o e, em seguida, na escola e, em seguida, o nome da tag, tag, tudo isso está fazendo um simplesmente exibindo esse determinado pedaço de conteúdo. Assim, o autor sublinhado exibirá o nome fora do autor. O no título da pontuação exibirá o nome fora do título e assim por diante e assim por diante. No entanto, quando você tem fica sublinhado o que essa tag está fazendo, não é apenas exibir o conteúdo. Não é só ir em frente e exibir o conteúdo. Na verdade, ele vai recuperar os atributos e propriedades dessa parte específica conteúdo, que significa que você pode usar essa tag para modificar a maneira como esse conteúdo específico é exibido. Não, eu deixo eu levar isso de novo quando você tem o “on” para marcar e depois o nome de uma etiqueta. Tudo o que o templo está fazendo está exibindo. Ele só quer exibir display display, isso é tudo. Quando você tem obter na pontuação, ele não vai exibir o pedaço de conteúdo completamente. Em vez disso, ele vai recuperar o conteúdo para que você modifique. Você pode então ir em frente e modificar e dizer, Ok , bem, eu vou mostrar o título desta maneira. Eu gostaria de adicionar algumas coisas aqui, fazer algumas coisas bem ali antes que eventualmente exibamos o título. Então, de certa forma, se os impostos que eu tenho sobre a escola são mais poderosos porque eles te dão mais opções. Também usamos esse imposto. Eles ficam nas etiquetas de pontuação. Nós os usamos sempre que estamos escrevendo funções também. Então, se quiséssemos escrever uma função muito especial em nossas funções que parecem ser fazer algo picante com o nome do autor ou o título do nosso post, usaríamos obter na partitura, o título do proprietário Scott, ou obter sublinhado a sobre a escola horrível e assim por diante e assim por diante. Então isso é tipo de como as duas principais diferenças entre V na escola e no nome da tag e então nós entramos é chamado o no nome da escola da tag que eu tenho dito muitos sublinhados em ficar meio cansado. Tudo bem, tudo bem. Então deixe-me mostrar-lhe algumas das poucas coisas. Vamos dar uma olhada na única escola horrível. Vamos apenas clicar dentro agora sempre que você estiver dando uma olhada na descrição real fora tags. Na verdade, este não é um bom exemplo. Vamos voltar. Vamos olhar para o sobre a escola pode concordar. Deixe-me clicar na outra categoria de escola agora, não muitas vezes. Sempre que você estiver tentando ler em uma determinada tag, você terá a descrição. Primeiro de tudo, dizendo exatamente o que o ataque faria. Encerrar se a tag deve ser usada em vez do loopy também será notificado. Como você pode ver aqui em seguida, você terá o uso. Como você vai usar essa aderência agora mesmo aqui? Temos um exemplo clássico. A única categoria escolar e, em seguida, dentro. Adivinha o quê Temos três parâmetros diferentes. Perímetros são coisas adicionais que você pode adicionar para apimentar a maneira que nossa etiqueta exibirá o que quer que seja que é este avião. Então, no caso fora da categoria sublinhado agora você pode adicionar um separado. It 'll e normalmente este parâmetro pode ser dentro de fora de uma string que seria texto ou qualquer forma fora de um inteiro que seria um número. Tudo bem, não se preocupe. Vamos escrever muitas funções à medida que avançamos. Então você terá uma idéia melhor de como isso é realmente o que você pode ver agora. Nós temos três licenças como temos o separador que você pode adicionar. Nós também temos aparência, como você pode adicionar também. E finalmente você tem o posto que eu D. Você seria deposto? Adicionado para recuperar categorias. E se você não adicionar nenhuma força Elvis neste separatista que são opcionais neste caso, todos os três opcionais. Como você pode ver, qual lugar terá um valor padrão que ele usaria em tal instância. Tudo bem, muitas vezes sempre que você está lidando com o na escola, o nome da etiqueta na maioria das vezes eles parâmetros que vêm com ele geralmente são opcionais . Você não tem que adicionar nenhuma permissão. No entanto, muitas vezes quando você usa o get na pontuação no nome da escola da tag muitas vezes você teria que ter pelo menos um permitido que é necessário para você preencher. Então, de novo, não se preocupe. À medida que progredimos, vamos estar lidando com muitas etiquetas que tinham funções que você vai ter mais constante como esse tempo realmente funciona. Mas por enquanto, eu só queria que você entendesse a grande diferença entre o get sobre isso indo além do escopo da tag e, em seguida, o no nome da escola fora das etiquetas e também entender o que são permitidos são sempre que você está lidar com o imposto modelo. Então, como de costume, se você tiver alguma dúvida sobre isso, você quer aprender mais. Você está confuso. Eu sempre me sinto livre para me alcançar. Obrigado por assistir. E como sempre, verei você na próxima aula. 18. Introdução a etiquetas condicionais: ainda em etiquetas. E antes de passarmos para outra coisa, eu queria apresentá-los rapidamente a uma filial muito especial sobre os primeiros ataques de PEM. Estou falando de tags condicionais agora. Tags condicionais são extremamente úteis porque eles nos permitem como uma barbatana desenvolver arte. - Você. Primeiro de tudo, verifique se uma condição particular todos os requisitos foram satisfeitos antes de irmos em frente e fazer alguma coisa. Então nós temos muitos tipos diferentes de tags condicionais. Você pode ter atacado para verificar se um usuário está atualmente na primeira página. Fora do seu site temos impostos para verificar para ver se um usuário está visualizando um post específico no momento . Você pode até verificar pelo Post I D ou pelo registro de postagens. Posso verificar se um posto em particular é Harry. Legal. Você pode verificar se você está visualizando uma postagem adesiva no momento. Você pode verificar se os comentários são permitidos e assim por diante. E assim, para muitos tipos diferentes de impostos lá fora, você pode verificar se um usuário é tipo de olhado dentro. Você pode verificar se uma pessoa está realmente visualizando seu site em um dispositivo móvel em um deck stop. Então há tantos impostos condicionais lá fora e eles vão ser muito úteis para nós quando estamos construindo muitas vezes porque às vezes como um tema, desenvolver o nosso que você pode querer. Primeiro de tudo, verifique se uma ação específica está sendo realizada antes de você ir em frente e exibir algo. Portanto, sempre dar isso em mente tags condicionais que tê-los disponíveis para usar sempre que queremos certeza de que um determinado requisito ou condição foi satisfeito antes de fazermos algo. Então vamos usá-los à medida que progredimos e ao curso. Obrigado por assistir. Vemo-nos na próxima aula. 19. Exercício o conteúdo de Dummy: já. Até agora, tudo bem. Já aprendemos bastante. Nós demos uma olhada na hierarquia de modelos. Nós demos uma olhada nos modelos de página. Outros o quê? Bolsa em loop tags modelo. Agora é tempo de colocarmos tudo isso em prática. Nós estamos indo para ir em frente agora e construir um modelo de página simples, e nós estamos indo para andar com um loop WordPress traje também. Mas antes de fazermos tudo isso, quero que você vá em frente e crie algum conteúdo com o qual possamos praticar. Não, você pode ver. Agora eu criei três postagens postar um post para postar três. Eu também tenho três categorias diferentes livros, slides e vídeos. Cada uma dessas categorias deve ter pelo menos um post. Ok, Então você também pode ir em frente agora e criar suas próprias postagens personalizadas. Dê uma olhada no que eu tenho aqui. Eu tenho algum conteúdo fictício, algum texto fictício, e eu entendi isso deste lado positivo. Abaixe-o. Ipsum não pagar bracelete DK. Pode mandar mensagens aqui, se quiser. Também apresentei imagens para cada uma das três postagens, então vá em frente agora. Crie três postagens diferentes, dê títulos, saia de três categorias diferentes. Certifique-se de que essas três pesquisas pertenciam a uma das categorias. Anúncios em destaque também, e eu vou vê-lo na próxima aula. 20. Como escrever um loop personalizado com WP Query: Tudo bem. Então, espero que você tenha ido em frente para criar seu conteúdo personalizado. E o que vamos fazer agora seria criar um modelo de página personalizado será usado para exibir o conteúdo de nossas postagens de bloco usando um personalizado. Que loop de imprensa. Então, em outras palavras, vamos criar nossa própria visão fora da página de bloqueio onde você normalmente encontra o conteúdo de suas postagens WordPress? Então, antes de tudo, antes de fazermos isso, precisamos fazer alguns pequenos ajustes em nosso site atual alguns pequenos ajustes no design. Agora você pode ver que todo o nosso conteúdo é bombardeado até os lados da nossa tela, e basicamente parece realmente acreditar fora. Então, o que? Precisamos fazer isso. E seria adicionar um animal de estimação na nossa etiqueta corporal. Então, para fazer isso, vamos começar. Almofada Ital! Vamos para o nosso estilo que diz este modelo vil sobre o nosso estilo que diz que seu arquivo. E vou adicionar um pouco de preenchimento ao padrão de mordida de 10 pixels e 50 pixels . Então, o que isso fará seria adicionar espaço e de 10 pixels para a parte superior e inferior e, em seguida, 50 fontes de seleção esquerda e direita. Então vamos salvá-lo. Vamos voltar aqui e vamos fazer isso duro. Refresque. E agora você pode ver que agora temos algum padrão no canto superior esquerdo, direito e, claro, na parte inferior também. Agora, se você atualizou e você não viu nenhuma mudança, isso significa que você tem um dinheiro em problemas. Então, por favor, esclareça seu dinheiro de ambos os seus anfitriões Web. Se você está desenvolvendo em um site de vida e também o cache do seu navegador da Web, vamos também abrir o Hedda. E para o PHP, vamos remover a revolta funcional personalizada, a adição na pontuação, grão e função. Vamos remover isso. Os alunos chegaram a um chefe do PHP backspace seguro. Volte aqui com fresco e incrível. Agora estamos prontos para ir, então vamos em frente e criar nossos modelos de página personalizados. Devemos ser usados para produzir o conteúdo de uma postagem de bloco. Vamos como, clique rapidamente arquivo e eu vou nomear esse cara Paige traço blawg dot PHP. Vamos abrir. E é claro que temos que nomear este arquivo tentado. Então vamos fazer esse nome de modelos, e eu vou chamar isso de histeria de log personalizado. Vamos fechá-lo. Salve Vamos para o back-end fora de nossos lados. Vou sair de uma nova página e todo o nome desse conteúdo da página, conteúdo da postagem puxa conteúdo para o título e tentativa, é claro, será bloco personalizado. Então isso é publicado. Vamos ver a página e lá vai você. Então, obviamente, está vazio porque não temos código em um arquivo de modelo Blawg traje Ambos criamos com sucesso nossos modelos de página, então agora podemos começar a adicionar algum código e vamos em frente. E, claro, adicionar Primeiro de tudo, o cabeçalho e rodapé entrar na escola, Hedda e, claro, o rodapé. Cada site precisa de uma cabeça e todos estão em sua cabeça e pés, cabeça e pés como obter alimentos em segurança. Vamos voltar aqui. Vamos atualizar a página. E lá vai você. Agora temos cabeçalho ah. E agora temos o nosso Fouda. E, claro, agora podemos começar a adicionar o conteúdo para o nosso que postagens de imprensa. Então eu vou pular para onde temos o loop e eu vou copiar este código bem aqui . O costume sobre aquele dia. Pressionar loop frio. Vou copiá-lo. Vamos copiar isso. Vamos entrar aqui agora. E entre a cabeça e o Fouda, vou colar o laço. Agora lembre-se que sempre que você está lidando com loops, você tem que fechá-los. Quando você abre um loop, você tem que fechar o loop também. Então precisamos fechar a função while. E também o if funciona também. Então, para fazer isso, eu estou abrindo uma nova tag PHP Ph B final, enquanto assim meus dois pontos e um fim. caso afirmativo, é assim que você fecharia a imprensa que. Olha, se você não fechar seu loop, você vai ter que basicamente vai quebrar sua página web porque você é pago vai constantemente manter Lupin! Tremoço! Tremoço! Não haverá um fim para então você está basicamente travando seu site e sua página. Tudo bem, então nós abrimos o loop e com loops fechados. E agora eles podem começar a dizer qual imprensa que conteúdo queremos exibir. Especificamente, o que eu vou fazer seria produzir primeiro o conteúdo fora do título. Então vamos usar a tag template PHP o título de sublinhado. Então, se isso funcionar, devemos ver os títulos de todos os nossos três posts. Certo? Vamos embrulhá-lo em um H uma etiqueta cada um para que possamos fazer os títulos realmente grandes. Hum cofre. Vamos voltar aqui. Vamos atualizar a página. E oh, tudo o que temos aqui é simplesmente o título da nossa página onde os títulos dos nossos posts. Bem, aqui está a coisa. Nunca cometa o erro de assumir que quando o quê? Percy é este laço aqui. Este código para o loop Nunca pense que o que pressiona as coisas que Oh, isso é para os posts WordPress. Não, porque temos este laço dentro de uma página de fantasia. Modelos. O que imprensa coisas que Oh, você simplesmente quer exibir o título desta página e não nossas mensagens de bloqueio. Se isso estava dentro do nosso índice de ponto PHP ou são single dot PHP ward pessoal automaticamente reconhecer que Oh, você quer exibir o título fora de suas postagens blawg. Mas porque isso está dentro de uma página personalizada tentada Walker não pensa dessa maneira. Lembre-se sempre disso porque isso está dentro de um pessoal personalizado. Precisamos contar. O que é isso? Ei, este loop aqui é para os nossos posts de bloqueio e não para cima página. Então, para fazer isso, precisamos criar um traje. O que? Laço de imprensa? Podemos fazer isso usando uma função muito poderosa conhecida como WP na função queary pontuação . Esta é uma função com a qual você pode personalizar Como o quê? Pressione Luke anda. Você pode dizer o que bolsa Para recuperar o conteúdo de suas páginas. Qual dos conteúdos de suas postagens. Você pode dizer aos trabalhadores para recuperar o conteúdo fora da postagem que pertencia a uma categoria muito específica e assim por diante. E até agora, há muito que você pode fazer usando essa função muito poderosa. Certo? Então o que vamos fazer agora seria criar o nosso custo de loop. Dizer-lhe qual presidente? Hey, recuperado o conteúdo de nossos posts WordPress agora para fazer isso. O que é isto? Logo acima? Deixe-me expandir isso logo acima do nosso que pessoal em si. Vou criar uma variável chamada Auxerre. Vamos realmente abrir a tag PHP. Ou melhor ainda, vamos fazer isso. Vou simplesmente remover esta etiqueta de fecho aqui mesmo. O que? Vou apenas trazê-lo para que ainda possamos adicionar código PHP dentro, certo? Nós não temos que abrir novas tags PHP eu vou criar em uma nova variável chamada Auxerre e eu vou dizer igual e longe Agora nós nunca estamos você está personalizando. O que? Loop de bolsa. Você pode adicionar vários parâmetros dentro de uma distância. Então, em vez de tudo o que podemos dizer OK, estamos recuperando conteúdo para nossas postagens. Estes são os valores fora do post que queremos exibir. Queremos que a paginação também seja usada e assim por diante. E até agora não, O quê? Vamos explodir muito mais no futuro. O que eu vou fazer? Isso seria para abrir a matriz e, em seguida, dentro desta distância. Vou dizer que o tipo de correio que queremos chamar neste caso são os nossos posts de imprensa. Certo, Post. Então, agora nós criamos um afastado dizendo Hey para este loop que está chegando. Queríamos recuperar o conteúdo do post tipo conhecido bunda post. Ok, então vamos colocar um ponto-e-vírgula aqui. E agora eu vou dizer consulta. Tudo bem. Query é igual a novo WP na pontuação Quay V e então dentro, eu vou passar a variável fora cães. Note que esta é praticamente a maneira padrão de criar consultas de imprensa de guerra personalizadas. Tudo bem, não se preocupe de novo. Vamos explorar isso muito mais inevitável por enquanto. Basta tomar isso como um é. Nós criamos uma consulta fantasia especificamente para o nosso que imprensa posts. Então, agora aqui dentro temos o loop real em si. Agora temos que igualar a variável conhecida como quicky às meias-postes. Se metade puxa terá posado nas funções post. Então deixe-me copiar isso e bem aqui eu vou colar, e eu vou igualar isso para ter postagens o aparente aqui também. Isso é o que eu pensei, e finalmente aqui também faço o mesmo. Então, agora, essas consultas personalizadas basicamente tomou o lugar fora do post meio posts e, em seguida, ah, metade post aqui também. É o que estamos chamando agora. Então vamos em frente e salvar isso. Vamos Teoh postar conteúdo para página festiva. E agora você pode ver que temos nossos títulos fora de nossas postagens exibindo porque novamente criamos uma consulta de fantasias para nossos posts WordPress, e agora estamos chamando o título de cada post usando a tag template. Se isso parecer confuso de novo, você sabe o que iríamos explodir. É muito mais indivíduos que você vai entender melhor. Muito bem, agora que temos o nosso título, também podemos exibir a imagem em destaque e fazer isso. Vamos usar outra tag de modelo conhecida como Sublinhado Post na escola. Um prego. Então, meu cólon seguro, vamos voltar, atualizar. E agora temos imagens em destaque. Vamos voltar aqui. Vamos adicionar mais um e este vai ser para o exceto o seguro. Volte aqui com fresco. E agora temos o exceto fora de cada post mostrando. Então, parabéns, você criou seu primeiro costume. Que consulta de imprensa usamos o Augsburg criado de uma forma, passamos no perímetro fora do tipo post e equidade para postar. E, é claro, nós mudamos o costume ou pessoal aqui para que a consulta que a nuclear criou esteja sendo chamada. Usamos três tags diferentes o título postar Tom Neal e aceitamos exibir o conteúdo nossas postagens de bloqueio. Então, novamente, eu entendo que isso pode ser um pouco confuso, especialmente se você não tem nenhuma experiência PHP. Se você está tendo problemas com o estado de guerra com Não espere aqui, por favor contacte-me com o maior prazer em responder suas perguntas. Mas, por enquanto, criamos com sucesso nosso primeiro costume. O que? Somos quadrados e alemães. O próximo copo vestível. Certo? Uma segunda fantasia. O que por metro quadrado? Muito obrigado, Fortunate. Te vejo então. 21. Como escrever um segundo loop personalizado: Bem-vinda de volta. E no vídeo anterior, criamos com sucesso nosso primeiro traje. Quais missões consultam o que resultou nesta página específica. Fomos capazes de exibir com sucesso o empate para a imagem em destaque e aceitar fora de nossas três postagens diferentes. Agora, o que vamos fazer neste vídeo é personalizar ainda mais esta consulta personalizada que temos aqui e o que temos moeda agora é apenas um parâmetro dentro de nós. E o perímetro aqui é simplesmente especificando que queremos exibir conteúdo do nosso que postagens de bolsa gostam especificamente. Mas podemos adicionar toda a permissão é, bem como podemos adicionar permitir-nos para as categorias. Tudo bem, então neste caso, agora, podemos dizer, Bem, Bem, só queremos exibir conteúdo de postagens que pertencem a essa categoria específica. Então vamos tentar fazer isso. Eu vou trazer de volta o Sr. Noah Pad Plus aqui, e o que eu vou fazer é simplesmente adicionar uma vírgula no final do nosso aqui. E eu vou adicionar um segundo perímetro aqui dizendo categoria E no nome da escola, certo? E eu vou escolher uma das minhas categorias. Lembre-se, eu tenho três categorias diferentes. Tenho filmes, livros e acredito em fraudes. Então agora eu só vou exibir postagens da categoria fora dos livros? Não, e acho que ainda são livros. Deixe-me ter certeza de que seu Capital B Vamos voltar aqui. Vamos para as categorias de trás e postar e é capital ser como livros. Então vamos ver o que vai acontecer agora. Eu disse que eu só quero exibir oposição a partir da categoria fora de livros. Vamos salvar isso e então vamos voltar Teoh Page. Então nós temos o post um agora, e então isso é que realmente tem post um mostrando porque Post um é a única impor que eles têm que pertence à categoria fora de livros. E se eu ir para o back-end, ir para categorias de um tempo atrás para posts, você pode ver que Post um é o cartaz pertence a livros. Os outros dois pertencem a vídeos e slides. Mas porque eu adicionei o novo perímetro aqui dizendo Onley, post de exibição na categoria fora de livros, agora só temos post um aparecendo. Então, aqui está outro exemplo de como você pode pai personalizar como sua consulta WordPress funciona e eles foram. Todas as maneiras que você pode até mesmo fazer essa personalização são passo para eles. Você também pode dizer que bem, exibir todas as mensagens de todas as categorias, com exceção dessas categorias ou categorias específicas. E você pode fazer isso fazendo uso do sinal de menos. Aqui está o exemplo aqui para que possamos usar o I D fora do personagem que queremos deixar fora e, em seguida, simplesmente adicionar um menos. Então, vamos voltar aqui agora. Vamos para as categorias. Digamos que queremos exibir postagem de todas as categorias com a exceção fora da categoria livros . Então vamos começar a idéia para livros e você pode ver o i d leste para baixo abaixo da idéia. Certo? Ele também. Então não venha aqui agora e diga, bem, bem, nome da categoria ou outra, vamos voltar, Teoh. Próxima referência. Vamos usar gato neste caso. Eu não posso nomear categoria, mas apenas gato. Então vamos em frente agora e dizer gatos, e não vai ser negativo, também. Tudo bem, então nós estamos dizendo exibir todas as categorias possíveis exceto postar a pertença à categoria que tem um i d off para Vamos salvar isso. Vamos voltar aqui, ir para um conteúdo de postagem e lá vai você. Então agora temos post três e temos post para, mas não temos mais post usado porque Post um pertence à categoria de livros , que tem um I d off para. Então, estes são apenas um exemplo de como você pode personalizar ainda mais como a consulta que porosa funciona. Você também pode especificar outras coisas, como tags. Você pode exibir postagens que têm tags muito específicas, se opõem a ele, autores específicos e assim por diante e assim por diante. Mais tarde no curso, vamos dar uma olhada no Texas permissão como onde podemos exibir posts são conteúdo de uma taxonomia específica, vamos dar uma olhada nisso um pouco mais tarde. Mas por enquanto, eu só queria dar-lhe um exemplo de como você pode personalizar ainda mais a sua consulta WordPress traje usando parâmetros adicionais. Então preencha experiências futuras. Você pode adicionar imposto para resolver suas postagens e, em seguida, tentar este plano oposto que correspondem a uma tag específica e ver como isso funciona para você. Então, muito obrigado por assistir. Vejo-te na próxima aula 22. Como escrever vários de loop personalizado: uma consulta personalizada final que eu queria mostrar antes de seguirmos em frente é como você pode escrever vários loops dentro de seu arquivo de modelo de página. E podemos fazer isso fazendo uso de uma função conhecida como WP na pontuação que definimos na pontuação Post dados. Então agora, atualmente, atualmente, temos um ritual de consulta de fantasias exibir todas as postagens de todas as categorias, exceto aquelas da categoria que tem uma idéia Off para. Agora podemos decidir escrever outro grupo de fantasias logo abaixo deste. No entanto, antes de podermos escrever aplicativos personalizados adicionais, precisamos redefinir nosso post por um minuto para redefinir nosso loop de moedas. Irmão, precisamos reiniciá-lo de volta ao seu estado original, e podemos fazer isso fazendo uso desta função conhecida como o WP naqueles, Kobe disse na pontuação dados Post. Então vamos ver como isso vai funcionar agora. Para fins deste exemplo em particular, fui em frente para criar três postagens adicionais, e adicionei cada uma delas a uma categoria. Então Books agora tem duas postagens, vídeos tem que postar, e Apresentações também tem duas postagens, então eu encorajaria você a ir em frente e fazer o mesmo. Certifique-se de que eles têm um título, algum conteúdo fictício e uma imagem em destaque e uma categoria também. Tudo bem, vamos fazer isso. Primeiro eu vou fazer agora seria acender um loop de fantasia que irá exibir postagens Onley da categoria livros agora. Então vamos fazer isso de novo. Vamos vir aqui categoria agora. Vou mudar isso para categoria no nome da escola, e isso vai ser livros. Não, eu vamos Ah, vamos fazer o festival salvar isso. Vamos lá, Teoh Page e tudo bem, então eu tenho o posto seis e o Post usado. Estes são os dois posts que pertencem à categoria fora dos livros agora. E se eu quisesse escrever um segundo curry personalizado que mostrasse apenas as postagens da categoria fora dos slides? Vamos fazer isso. Vou trazer esse cara de volta aqui, e o que vou fazer é aqui no topo. Tudo bem, eu vou adicionar um comentário, e eu vou dizer que este Play postagens dos livros. Goleiro Catty. Tudo bem, agora, apenas no final do circuito real. Acabou. Temos o fim Se eu vou trazer para fora a função PHP WP na escola que definimos na pontuação Post dados Tudo bem, Lá vai você. Então, neste momento, esta é a primeira fantasia pesquisada com a Grã-Bretanha, então não podemos ir em frente e escrever um segundo 1 Então eu vou fazer e seria apenas para copiar isso. Tudo bem, vamos pular aqui e colar tudo de novo. Deixe-me abrir minha tag PHP bem ali. Todas as variedades O que eu vou fazer. O que? Não, só para mudar isso para slides, vamos com slides. Mudança de livros. Cata Grande. Agora mudou para slides também e todos nós estamos bem para ir. No entanto, o que eu quero fazer será adicionar algum HTML. Então vamos fazer isso logo acima do título um. O que temos aqui, vamos mudar para um cada para Na verdade, é macio para na idade também. H dois e agora em h um, vou dizer categoria livros. Vamos fechar que cada um e vamos fazer algo muito parecido aqui também. Faça isso em h dois. Faça isto em H dois números cópia desta linha inteira. Volte aqui para baixo. E, claro, vamos dizer slides, categoria, desleixos categoria, desleixos , categoria. Salvar. Agora é isso que vai acontecer. Atualize a página e aí está. Temos a categoria de livros, mas os 2 primeiros posts. Temos a categoria de livros aqui também, e eu vou descer aqui. Nós temos a categoria Slights repetindo Slights categoria, e nós podemos realmente fazer isso muito melhor. Em vez de ter os nomes das categorias constantemente repetindo para cada post nessa categoria . Vamos fazer isso em vez disso. Certo, vamos remover o H do lado de fora do loop para que possamos colar isso logo acima do loop real . Então nós temos 81 bem ali, e nós temos a mesma coisa aqui também. Vamos remover esse, e isso está aqui. Tudo bem, então o que não fazemos agora é ser movido, o html indicando o nome da categoria do nosso loop. Então agora os nomes fora da categoria devem mostrar em Lee quer vamos salvar Volte aqui novamente. Refresque. Então agora temos a categoria de livros. Temos o posto seis com a imagem oficial. Algumas mensagens. Agora temos postar uma mesma coisa com a categoria Slights. Ele está mostrando apenas um suéter porque nós removemos o HTML do nosso loop. Então eu só queria dar um exemplo do que acontece sempre que você coloca em vez de conteúdo dentro de um loop para conteúdo constantemente repetido para cada post dentro desse olhar , vamos em frente e escrever um último loop personalizado. Então o que vou fazer agora será copiar tudo de novo. Vamos copiar isso. Pace isso até aqui. E agora, eu vou mudar os slides aqui, também. Custos categoria casa. Que categoria personalizada. E eu vou ver este post de jogo de categorias ah. Tudo bem, agora vou remover o que temos aqui. Nome da categoria fora dos slides. Vou remover isso. Vamos abrir uma nova linha. O que? Eu vou dizer o que aqui seria posts por página. Este é outro perímetro postagens por na página de pontuação, e eu vou dizer apenas V não, e vamos com três. Ok, então o que estamos fazendo agora é que estamos exibindo postagens de todas as categorias, no entanto, estamos todos ansiosos para exibir nós fora deles. Não, então vamos salvar isso de novo. E agora vamos primeiro a página e agora vamos para baixo aqui onde temos nossa categoria personalizada. Então agora temos o posto seis. Temos o posto cinco e agora temos posto cheio. Cada um desses caras são de três categorias diferentes. Então, este é apenas um exemplo de como você pode estar certo Loops personalizados uma e outra vez. Você só tem que ter certeza de que você empregar o uso off, o WP sobre o Scobie disse na função de dados pós pontuação. Então este tipo de vários cheio. Se você está tentando desenvolver um tema projetado de tal forma que pode estar na página inicial, você exibe as página inicial, primeiras 5 postagens de uma categoria específica e, em seguida, na próxima seção, você exibe as próximas cinco postagens de outra categoria e assim por diante e assim por diante. Portanto, é uma função muito dolorida estar ciente. Muito obrigado por assistir. Como sempre, se você tem alguma dúvida sobre isso, você não é. Ela vai o que exatamente está acontecendo de novo? Você tem que perguntar Ok, fazer perguntas. Estou mais do que feliz em respondê-las. Então, muito obrigado por assistir. Vemo-nos na próxima aula. 23. Criando hiperlinks a partir de títulos: Tudo bem. Então a próxima vez que eu vou tentar e fazer aqui seria criar um hiperlink a partir dos títulos de nossos posts. Então agora, se alguém tentar clicar no Post 6 como exemplo, nada vai acontecer. Se eles tentaram clicar, digamos, postar um, nada acontecerá novamente. Então, idealmente, sempre que alguém clicar no título do nosso post, ele deve levá-los para a página individual desse post em particular. E mesmo agora com o trecho aqui, tudo o que temos são três botões e você não pode nem clicar neles. Então precisamos criar links associados que cada um fora de um post para que sempre que alguém clicar nesses links, ele irá levá-los para a página individual para aquele post em particular que vamos fazer neste vídeo em particular seria criar hiperlinks a partir dos títulos de nossas postagens. Eu vou fazer uso de uma função que é o link Perma, e eu não pude para o Codex ele diz que ele transferiu sua conta para o painel para o posto está sendo processado no loop. Então o que vou fazer é muito simples, vou estudar até aqui. Eu vou pegar este código no uso ah como link com tag título. Então este é o código que você pode usar para criar um hiperlink a partir do título de suas postagens. Então eu vou em frente agora, e eu vou pegar isso. Vamos copiar isso, e eu vou saltar para o meu bloco de notas. Além disso, Lindows, certifique-se de que a conexão ainda está funcionando. Então, às vezes eu tenho problemas com o meu bloco de notas mais mais, às vezes você vai perder a conexão com o meu banco de dados. Mas de qualquer maneira, o que eu vou fazer aqui é eu vou sobrescrever este cabo bem aqui onde temos o PHP. Esse título. Eu vou viver o H dois marcadores como eles são. Não, eu gostaria de ir em frente e sobrescrever o título e depois colar o novo código que escrevemos . Então crie um espaço aqui para ver o que realmente está acontecendo. Tudo bem, então temos isso. Vou continuar agora mesmo e guardar isto. Espero que a conexão tenha sido restaurada e Ah, bom. Parece que foi carregado. Incrível. Vamos voltar para a minha página atualizar e voilá! Agora, se eu clicar no Posto 6, adivinha o que vai me levar agora para a página individual do Posto 6. Podemos ler o conteúdo completo do artigo. Então, aqui criamos hiperlinks com sucesso a partir dos títulos de nossas postagens. Agora, como é que fizemos isto? O primeiro conhecido, você entendeu? É que aqui do Posto 63 coisas estão acontecendo aqui. Em primeiro lugar, post seis, que é o título do nosso post, foi exibido. Isso é um. Número dois é o fato de que o posto seis agora é um link. E, em seguida, o número três é o fato de que quando você clicar no post seis quando você clicar no link, ele irá levá-lo para a página individual fora do post. Três coisas estão acontecendo aqui e eu vou explicar para vocês como essas coisas essas três coisas estão funcionando aqui. Em primeiro lugar, temos o título. Isto é o que exibe postagem seis. Isso é o que exibe o título fora da postagem e, em seguida, a tag de um rascunho aqui é o que cria o link para essa postagem. E, finalmente, o link Perma, que está embutido no lado de uma tag é o que realmente faz esse link ir página individual toothy fora daquele post quando é clicado no meu Agora este último pedaço de direitos autorais os atributos do título . Você pode ignorar isso. Você nem precisa adicionar isso em seu pedaço de código. Ele ainda vai andar todos os ímpios. Então é assim que criar um link permanente a partir dos títulos de suas postagens. E o que eu quero que você faça é seguir em frente e simplesmente faça o mesmo. Quatro. O Post sob a categoria slights e, finalmente, o post sob a categoria personalizada. Então tudo que você tem que fazer, basta voltar para o seu arquivo e, em seguida, basta copiar e colar o mesmo frio apenas substitui Patriot um título sob esta última categoria e, em seguida, fazer o mesmo para a categoria personalizada também. Então isso, eu acho, é muito para assistir o vídeo alemão. A próxima classe vamos mostrar-lhe como personalizar o 24. Personalizando o trecho: em um vídeo anterior com um hiperlink criado com sucesso a partir dos títulos de uma Postagens. Mas agora queremos fazer o mesmo para a leitura Mais Link. E, na verdade, ainda nem temos uma ligação. Neste momento, se alguém clicar nos três pontos aqui, nada acontece. Então, queremos mudar isso. Quer ter certeza de que temos um link ler mais de um cabeçalho. Sempre que alguém clicar nesse link, ele o levará para o post individual desse artigo. Então, para fazer isso, vou pular para as minhas funções. PHP Vamos chamar todo o caminho até aqui e Oh, olha, é o primeiro funcionário de cruzamento escreveu de volta se você alguns vídeos atrás. Então o que vou fazer é escrever tudo isso. Não precisamos mais disso. E eu vou colar um pedaço de código aqui, o que eu vou mostrar em um segundo o que isso significa. Deixe-me ir em frente e salvar isso. Isso salvou o Incrível. Deixe-me voltar para a minha página com fresco. E lá vai você. Agora eu tenho o link mais erva, e se eu clicar nele, ele vai me levar para a página individual para aquele post. Incrível! Incrível. Incrível. Então, o que está acontecendo no inferno e explicar Agora temos nossa função em primeiro lugar chamado Tasco neste sublinhado principal cliente exceto sublinhar mais que é o nome de uma função e um interior. Temos a variável mais Nenhum post global aqui. O que isso implementa é aplicar esta função a cada post que temos em nosso site. Foi o que vimos e depois voltamos. O que está simplesmente a fazer é que agora está a mostrar o que temos aqui. Então agora temos exibido o link mais temos uma classe que é mais link. E então nós temos exibido o link Perma Tudo bem, o link Perma associado com o post e, em seguida, ler mais aqui é o teste é o texto que realmente seria exibido sempre que alguém tenta clicar no link. Então é isso que está acontecendo aqui. E finalmente temos a função de filtro de anúncios. Filtros são basicamente funções usadas para registrar outros tipos de funções. E o que apresenta uma maneira fora do quadrado Foi isso para que você possa modificar, ler mais para dizer, por exemplo, por exemplo, são aprender Mawr, o que quer que seja. Você pode alterar o texto aqui para o que você deseja exibir. Então é exatamente isso que está acontecendo aqui. Agora, o próximo que eu quero fazer. Na verdade, antes de fazer isso, vou mostrar-te um pequeno problema. Não há espaço entre a última palavra fora do aceitar e, em seguida, a erva daninha mais link. Como você pode ver a mesma coisa aqui tão bem quanto você pode ver. Então, uma maneira muito simples de consertar isso. Você pode fazer isso com CSS. Mas uma maneira muito simples de corrigir isso seria voltar para a nossa função e sempre que você tem retorno após o primeiro frio para apenas espaço de anúncio. Salve isso. E lá vai você. Então não é seguro. Então deixe-me voltar aqui. Vamos ver o que temos. Deixe-me atualizar a página. E lá vai você. Agora temos um espaço entre a última ala e sempre mais ligação. Uma última função que eu quero mostrar é aquela que vai ditar quantas palavras são realmente exibidas em nossa, exceto para fazer isso. Vou pegar esse pedaço de código aqui. Agarrei rapidamente este pedaço de código. Volte para o meu bloco de notas e eu vou em frente e colar isso aqui. Então esta é uma função muito, muito direta. É chamado de aceitação central Tasco On the Score Clientes, Colin coisas cada variável Hedlund e diz retorno 45. Então tudo isso é sã é para o exceto para retornar 45 palavras. Isso é quantas palavras você deseja exibir. Guarde uma das 100 palavras. Só troque para os 5 para 100. Vamos em frente e salvar isso. Vamos voltar, Teoh Page, eu vou em frente e novo primeiro esta página e voila! Agora você pode ver que o número foi reduzido de Eu acredito que foram 60 palavras eu acredito para agora 45. Então, neste vídeo temos feito com sucesso duas alterações para aceitar de desistiu da leitura Mais um link E nós também garantimos que apenas para as cinco palavras são exibidas do nosso Exceto que você vai encontrar este pedaço de código no arquivo de recursos. Então, por favor verifique lá Se você quiser usar exatamente o mesmo poderia ter escrito aqui. Obrigado, Fortune. Te vejo na próxima aula. 25. Criação de um tamanho de imagem personalizado: Tudo bem. Então, o próximo desafio aqui seria abordar a imagem diz, é que temos para os nossos posts e você pode ver os seis propostos. Temos esta imagem incrivelmente lodge, e em um pé post um, temos algo menor, e depois o post quatro tem algo ainda menor. Posto três. Parece ter o mesmo tamanho que é suposto para quatro e seis tem algo incrivelmente grande, como você pode ver. Então vamos fazer aqui é criar oito um tamanho de imagem personalizado específico que seria aplicado a cada imagem em modelos de página. Para não fazer isso, vamos fazer uso de uma função chamada tamanho da imagem do anúncio. Uma coisa a ter em mente é que sempre que você carregar uma nova imagem para sua biblioteca de mídia Ah , o que pressionar por padrão criará três tamanhos adicionais. Então eu venho aqui para as configurações, vou para a mídia. Aqui temos a ciência do funil. Temos o tamanho médio, e então temos o tamanho grande. Estes são os três D tamanho completo. Isso é o que poderia ser oito para cada imagem que você enviar para sua biblioteca de mídia ? Então eu não faria. Por este meio, decreto comeu uma ciência de imagem personalizada diferente. Vamos fazer uso de disfunção, imagem de anúncio, ciência e para a licença. Como você pode ver, que nós temos uma string que seria o nome dessa imagem. A ciência e eu vamos ter que tirar o com e a altura do tamanho da imagem e , finalmente , farol dita se queremos cortar essa imagem ou não. Então, se eu ouvi-los escola todo o caminho até aqui, você pode ver alguns exemplos. Oh, a propósito, temos nomes de tamanho de imagem reservados. Então você está nomeando seu tamanho de imagem personalizado. Você não pode usar palavras como miniatura de polegar, média, grande ou postar miniatura. Estes são reservados para o WordPress, por isso vamos criar o seu próprio nome de tamanho de imagem personalizado. Certifique-se de que você não tem essas palavras nele. Aqui, agora, temos um exemplo. Ela entende agora, temos um que diz que a ciência acadêmica personaliza o nome fora do tamanho da imagem e então temos 2 20 pés com 80 para a altura. E então isso também vai ser um soft club, o próximo aqui nós temos verdadeiros seus implementos que você quer você duro coop essa imagem. Normalmente, quando você está recortando uma imagem, isso significa que você vai cortar parte da imagem. Mas se você não está lidando com isso, então eles simplesmente vão habilitar a imagem até o com e as alturas que você indicou. Portanto, é importante entender a diferença entre copiar e não Coppin fora de uma imagem . Então o que eu vou fazer aqui de forma muito simples, vamos apenas ir em frente e copiar isso. Há uma cópia. O que é o que temos aqui? Skopje This Vá para um bloco de notas e deixe-me estabelecer minha conexão com o meu servidor. Tudo bem, quando eu vou fazer é feito aqui. Eu só vou acelerar isso e deixe-me adicionar algumas mensagens para indicar o que é isso. Este vai ser o costume. Ah, imagem suspira. Tudo bem, então, para a imagem em si. Mas eu vou fazer é eu vou mudar isso para, digamos, tamanho postar tamanho vai ser o nome. E, em seguida, a partir de 20, vamos fazer isso. Vamos com o nosso para 50 e, em seguida, para as alturas. Vamos fazer que 300 apenas como um exemplo. Ok? Vou viver como está. Deixe-me dizer isto. Certo, isso salvou. Agora é uma coisa criar o novo tamanho da imagem. Outra é usar esse tamanho de imagem dois. Então, para usar isso terá que ir para a nossa página blawg. E onde temos a miniatura do poste aqui dentro de seus tribunais. São os patrocinadores dele? Como vamos adicionar o nome fora do tamanho da imagem personalizada. Então, eu vou ir em frente e dizer o tamanho da postagem Então essencialmente, o que estamos dizendo aqui é que sempre que você exibir a miniatura da postagem, certifique-se de exibi-la usando o post dimensionado as primitivas que indicamos no novo post tamanho Costa imita diz que acabamos de criar. Então eu vou fazer o mesmo para as outras categorias também. Uma miniatura de postagem que é e casacos aqui. E depois temos pós suspiros. Vamos voltar aqui também, mas temos o posto UNMIL. Vamos adicionar o tamanho do traço postado. Tudo bem, vamos em frente e salvar isso e vamos ver o que vai acontecer. Então, era seguro que agora vamos Teoh página, meu blawg ir para uma página personalizada ou que o conteúdo post Vamos atualizar e bem, lá vai você. Agora você pode ver que cada imagem agora mudou para o tamanho que acabamos criar. Isso é exatamente o que fizemos. Então, é assim que criar um tamanho de imagem personalizado para suas imagens para as miniaturas de postagem em destaque . Então, obrigado muita sorte para o vídeo. Vemo-nos na próxima aula. 26. Imagens de corte difícil: Ok, então em um vídeo anterior, nós adicionamos tamanho de imagem com sucesso e nós cortamos todas as postagens em destaque para imagens. No entanto, há um pouco de um problema e pode ser difícil notar isso, mas todas as imagens não têm exatamente a mesma altura. Eles têm o mesmo com, mas eles não têm a mesma altura. Nunca inspecionei a primeira imagem aqui, por exemplo , é de 50 por 300. No entanto, a segunda imagem aqui é para 50 por 2 70 ano. Se sua escola todo o caminho para baixo, a próxima é de 50 por 2 81 próxima é proibida por 300 estende-se por 50 a 75. Então, as imagens antigas não têm exatamente as mesmas alturas. Todos eles têm o mesmo, que é bom, mas eles não têm a mesma altura. Agora, estes podem ser um problema para o baixo votar quando você começar a se inscrever, veja, veja, avaliar em uma situação em que você quer que suas postagens apareçam estão lado a lado. Então talvez você tenha duas postagens em uma linha, e a próxima coisa que você tem que postar coisas assim, isso pode ser um pouco de um problema. E é por isso que às vezes é melhor para você ter recortado suas imagens. O que fizemos no vídeo anterior foi um soft court, porque já era para adicionar para 50 por 300. E é isso. Quando você faz isso, que final pessoal decidir automaticamente o tamanho fora A imagem em destaque com base nos parâmetros foram fornecidos. No entanto, onde você adiciona um Klopp duro, você está dizendo o que é o olhar? Eu não me importo como você faz isso. Certifique-se de exibir a imagem de 50 pol com 300 pixels de altura. E para fazer isso, mas nós vamos fazer é saltar para aqui e você pode ver os exemplos. Tudo bem, então se você disser verdade, isso vai ser usado pela Heart Corp para a imagem 24 com 180 para a altura. Mas você também pode determinar como você quer que as águas para cortar essa imagem, adicionando uma distância e , em seguida, dizendo top esquerdo. Então isso vai bem aqui neste exemplo agora, que pessoa vai cortar sua imagem para a esquerda e para o topo? Mas o que vamos fazer é simplesmente dizer o verdadeiro significado que queremos que Waters corte a imagem com o tamanho exato de 50 por 300. Então vamos fazer isso. Isso é um coma. Vamos tornar isto verdade. Vamos salvar isso e salvá-lo. Tudo bem, então agora vamos voltar. Teoh Page, vamos atualizar a página e tudo bem, então vamos fazer uma inspeção mais atenta do que temos agora. O 1º 1 ainda é para ela comprar 300. O próximo ainda é de 4 50 por 2 70 por 50 por 2 81 por 50 por 300. Então você pode ver agora que a mudança não ocorreu de fato. Mesmo que tenhamos vindo aqui, dissemos “Veja, faça isso verdade”. Queremos que cada imagem não antes de 50 por 300. A imprensa de guerra se recusou a fazer isso. O que aconteceu aqui é que a imprensa de guerra não pode implementar automaticamente alterações em nosso tamanho de imagem personalizado assim. Tudo bem, não pode fazer isso. O que temos que fazer é fazer algo chamado regeneração fora das miniaturas. Então, basicamente, Ridge inicial significa que estamos dizendo, o que isso parece? Fizemos uma alteração no nosso tamanho de imagem personalizado. Nós agora queremos que você core duro mas imagens, também, para 50 por 300 por regeneração dizendo aos trabalhadores para criar uma nova versão de cada imagem que será especificamente antes de 50 por 300. Então isso é o que se chama regeneração. Vamos fazer uso de um plug in para fazer isso. Então, Jimmy, próximo vídeo, vou te mostrar como fazer uso deste plug in. 27. Thumbnails de regeração: em um vídeo anterior eu tirei o sobre são necessários para originalmente miniaturas, e nós vamos fazer uso deste plug in, que é muito gerar. Miniaturas de Alex Mills, uma k a. Viper Double 07 Bond. Ele deve ser um fã de James Bond, mas você pode ver agora a descrição dizer é Isso é apenas também situações como um novo tamanho miniatura foi adicionado, e você quer uploads passados para ter uma miniatura. Nesse tamanho, você alterou as dimensões de um tamanho de miniatura de existência, por exemplo, pela mídia de Satanás. Ou você mudou para um novo tema de imprensa que usa imagens em destaque de oito tamanhos diferentes . Então, estes são os cenários em que este livro, seria útil e eu quero detalhes nunca seria ambos podem cair em bolas Cenários um e dois isto para um aqui. Então eu já instalei e ativei o plug in. Por favor, vá em frente e faça o mesmo por ter o mesmo problema. Então aqui está, bem aqui. Região e miniaturas. Agora, para você andar com a tomada, eu vou para as ferramentas. Vou clicar em miniaturas regionais. E assim, eu vou ir em frente agora e apenas dizer originalmente, miniaturas para todos os seis anexos foi Fazer o que no pesado onde ele não iria esperar . Tudo bem, não em seis segundos. Está bem, está bem. Dedos cruzados. Vamos voltar à nossa página. Vamos esperar muito. Atualizar e OK, parece que já seria capaz. Bom. Vamos fazer uma inspeção mais próxima. Inspecione. E aí está. As primeiras imagens perdidas por 300 segundos por 50. Quebrar 334. 50 de volta 343 por 350. Cerca de 364. 50 por 300. Como você novamente Ver Awesome. Incrível. Incrível. Então, isso é exatamente como garantir que cada imagem em destaque que você tem em seu site WordPress é fora de um tamanho específico. Se, na primeira vez, tivéssemos feito essa verdadeira coop em que talvez não precisasse usar as miniaturas originais, mas porque adicionamos nosso novo tamanho de imagem personalizada e, em seguida, voltamos para dizer, Olhe, nós não queremos que o equipamento para ser falso, quero que ele queria ser verdade. Tivemos que dizer o que pressionar para criar novas versões da miniatura e é por isso que tivemos que fazer uso fora do regional com miniaturas. Conecte. Então é isso. Obrigado por assistir o vídeo e eu vou vê-lo na próxima aula. 28. Como criar um único loop: Eu queria fazer algo muito, muito rapidamente, que seria ter um único loop no custo no modelo de página. Neste momento, temos três loops separados. O primeiro olhar exibindo postagem da categoria livros, o 2º 1 exibindo da categoria slights e, em seguida, o último exibindo, ah, três postagens diferentes de categorias diferentes. Então, os próximos vídeos, mas trabalhando com tags de modelo e mas em alguns CSS também. Então vai ser muito mais fácil para nós andar com um único loop ao invés do que pode ser três olhares diferentes. Então o que eu vou fazer é ficar com o último se nós tivermos aqui, que exibe posts de todas as categorias. Então o que eu vou fazer muito simplesmente aqui, seria remover todo o tribunal acima dele. Vamos até o topo e as coisas têm o PHP com a cabeça. Uh, vamos um pouco que eu vou ir em frente e remover esta próxima tag PHP bem aqui. Vamos remover isso. E finalmente, eu vou em frente e remover o posto hoje sentado aqui também. Não precisamos mais disso. Vamos mover todo esse espaço vazio. Vamos em frente e também remover a categoria personalizada. O H um n aqui. Não precisamos disto. Vamos remover isso. Vamos mudar de 3 para 6. Poderia exibir seis postagens diferentes. Vamos em frente e salvar isso. Ok? E daqui, eu vou voltar. O Teoh. Ah, Page. Vamos refrescá-lo. Verifique se tudo ainda está sendo exibido. Tudo bem, tribunal. Então parece que tudo está como deveria. Posto quatro post três post para post um. O clique no post cinco Texas para a página individual. Incrível. Então, reduzimos com sucesso o número de loops de três. Todo o caminho para avisar. Junte-se a mim na próxima aula. Vestível. Agora comece a inserir tags de modelo em nosso modelo de página. Obrigado por assistir. 29. Como inserir tags de templates: Tudo bem. Então vamos em frente agora e começar a inserir alguns ataques temporários em ah, post template E eu mencionei no início do curso que as tags de modelo são usados principalmente para exibir informações para que você possa usar o imposto para exibir o autor de um post a postagem de dados foi publicado. Um gato concorda, mostra as etiquetas, coisas assim. Então nós vamos fazer agora seria para exibir três tipos diferentes de informações para cada post irá exibir O autor do post irá exibir a categoria do post e seguida, finalmente, irá exibir a data em que o post foi publicado. Então nós vamos fazer é fazer uso das etiquetas cheias, escola de limão até aqui, e eu vou te mostrar o texto que vamos usar. Vamos usar a tag de autor com o botão direito para exibir o autor desta tag. Nós também vamos usar a tag de categoria para esta categoria bonita do post e, finalmente, as datas. Acho que não temos isso aqui. Eu não vejo isso. Ah, qualquer forma, eu não vou. Aqui está. Aqui é a única data escolar. Está bem aqui. Então essas são as três coisas que vamos usar para exibir representações de sua permissão para nosso post. Então vamos para o nosso modelo. As primeiras coisas primeiro logo após a miniatura. Vamos em frente e arranjar um pouco de espaço. Vamos exibir a primeira tag, que vai ser o PHP dela no autor da escola. Tudo bem, então vamos ver como isso seria realmente como se eu fosse apenas ir em frente e fechar esta etiqueta. Vamos salvar isso. Tudo bem, agora vamos voltar para o posto. Vamos primeiro uma página e voila! Você pode ver que está bem aqui. É Starter é a pessoa que escreveu este artigo. Isso é começar bem, iniciante, mas isso parece muito, muito ruim, certo? Então vamos fazer algumas alterações no modelo pela primeira vez grande seria também. Certifique-se de que este é um H três para que este seja em sua própria linha separada h três, e então nós também podemos fazer algo assim. Podemos dizer escrito por e então também podemos encapsular isso com as tags E M para torná-lo em itálico e ir em frente e fechado aqui também . Como é que se parece? Vamos salvar isso, Kate. Vamos voltar aqui e ver o que fizemos. Ok, agora isso parece muito melhor. Escrito por é em seu próprio idioma separado, não escrito por Starter escrito, mas iniciante e assim por diante. Legal. Tudo bem, vamos em frente. E, em vez disso, a próxima tag, que neste caso seriam as datas. Então eu só vou ter certeza que está em HD também. Então temos PHP as datas de sublinhado e, em seguida, vamos fechar a tag H três. Vamos apenas ir em frente e também exibir a categoria também. Vamos apenas fazer isso. Então eu vou dizer H três mais uma vez e então eu vou dizer, Cat Catty, Gory Dash. Vamos abrir uma tag PHP e, em seguida, a tag em si, que vai ser a categoria sub-escola. Mas não posso mandar meu colega junto. Vamos chamar de “tag”. Vamos fechar a etiqueta H três também, Kiddo Key. Vamos dizer isso, Ok, não vamos voltar para um posto. Mais uma vez. Vamos na primeira página e vamos ver o que temos. Ok, então lá vai você. Escrito por iniciante de agosto 12 28 Visto Esta é a categoria agora. Isso é algo que é um pouco e lombo. Às vezes você vai notar que a categoria todos têm balas. Eles têm a tag de aliado a tag de estímulos, e se você inspecionar isso em seu navegador, você verá que ele está em uma tag. Nós temos o aliado, e ele está fazendo com que ele vá para uma segunda linha. Então, às vezes, vários tipos de temas adicionarão seu próprio CSS personalizado para definir tipos de elementos como você irá classificar seus itens de lista, então isso é muito , muito irritante, e teremos que usar CSS para corrigir. Isso vai fazer isso mais tarde. Mas por agora temos adicionado com sucesso três imposto modelo diferente para exibir o autor do Post, A porta de dados Eles Post foi publicado. E então, finalmente, a categoria a que o Post pertence para que você não tenha pensado é muita sorte. Vídeo e Alemanha Next Class Real começará a andar com CSS 30. Como inserir cursos e IDs: Certo, Dokey. O que vamos fazer nos próximos vídeos para ser andar com CSS para fazer esta página parecer um pouco melhor do que é atualmente. Porque agora parece Ah, bem, não parece mais velho apresentável, certo? Então nós vamos fazer neste vídeo em particular seria lançar o grande caminho para algum CSS futuro. E o que quero dizer com isso é que vamos adicionar algumas tags HTML em vez de um modelo, e vamos usar essas tags em texto HTML para projetar a página. Então a primeira coisa que vou fazer aqui seria adicionar aqui no topo . Vou adicionar uma div. Dê-lhe um I.D. e eu vou nomear este o custo. Posts. Paige, tudo bem. Paige, E então o que eu vou fazer seria para isso como uma conta. E então eu vou fechar o Dev não aqui. É o primeiro que vou fazer. Então agora podemos usar isso. Eu d este html 80 para segmentar especificamente esta página usando a página de postagens personalizadas i d. Agora, a próxima coisa que eu vou fazer seria adicionar outra div após o olhar em si. E eu vou dar um nome a essa classe DIV que chama de Tash Post personalizado. Tudo bem, isso também é fazer titulares em sua Escuta tudo isso em uma guia. Vamos tocar isso. Faça este olhar necessidades e apresentável. Vamos fechar isso, Davis. Bem, tudo bem, então agora podemos começar a aceitar. Cada post individual por simplesmente não é um post personalizado de classe agora aqui. Mas eu vou fazer, vamos vencê-lo. Adicione algumas classes às tags. Então, o escrito por Vamos dar uma aula fora, uh, uh, autor post traço. Tudo bem. E, em seguida, as datas Nós também pode dar-lhes na classe off pós traço datas e, em seguida , finalmente , último, mas não menos importante, h três classe é igual post traço categoria potash sublinhado. Certo, acho que já terminamos. Vamos adicionar uma classe para o título também. Só no caso da classe H dois, uh, é igual ao título da postagem. Ok, então bem, nós não temos sucesso. Aqui está para estabelecer as bases para alguns CSS futuros. Nós adicionamos nosso i d. para que possamos especificamente tomar esta página. Terminamos a classe de postagens personalizadas para que possamos levar cada postagem individual e entrar para as tags. O título. O autor fez isso na categoria adicionou classes separadas para eles. Então você pode pegar cada uma dessas tags individuais, a miniatura da postagem. Eles só vão viver como está por agora, se no futuro precisarmos personalizá-lo, então podemos adicionar uma aula. Mas por enquanto, acho que estamos muito bem definidos. Então alemão, a próxima classe começará a andar com alguns CSS e números. Ótimo. E guarde isso antes que eu esqueça. E voilá. Ok, então isso está salvo. Vemo-nos na próxima aula. 31. Trabalhando com CSS Parte 1: Tudo bem. Bem-vindo ao que é tecnicamente uma nova seção onde vamos caminhar com alguns CSS para fazer um conteúdo parecer um pouco mais apresentável. Eu quero que eu quero fazer neste vídeo é criar um layout. Íamos ter basicamente uma espécie de dois por três. Teremos três filas e depois teremos duas colunas. A primeira regra terá duas postagens. O próximo terá que posar na final terá os dois últimos posts. Então, para fazer isso, vamos em frente e inspecionar meus elementos. E eu vou saltar para o topo da div principal, que é Alan. Apenas faça isso de novo. Prospect elem ent o k. aqui temos Dave. I d páginas personalizadas. Vamos em frente e adicionar algum código aqui. Então primeiro vou fazer é dar um conjunto com 11 50 pixels. E então eu daria uma margem de zero e então auto para tentar centralizar o texto. Ok? Parece que já viveu melhor. Bom. Em seguida, não vamos marcá-lo. As próprias aulas de post, então eu vou vir aqui onde temos a classe post personalizado e o que eu vou fazer é simplesmente dizer, Oh, Oh, com será 49% e, em seguida, para exibir Vamos e dizer em bloco de linha, Lá vai você toda luz. Então nós alcançamos o conjunto de dois por três. Como você pode ver agora, no entanto, nós temos um pouco de um problema porque o segundo post é um pouco maior do que o 1º 1 Então isso é meio assim. Pare o alinhamento. Mas não se preocupe. Isso será corrigido à medida que progredirmos. O próximo e eu quero fazer é criar algum espaço na parte inferior. Bem aqui. Podem ver que o nosso texto deve estar demasiado próximo do futuro. Então vamos adicionar algum padrão para a div principal em si. Então vamos voltar para o que você quer? A página de postagens personalizadas e, em seguida, nele vai dizer Padden e, em seguida, em baixo e , ah, vamos com Ah, 40 pixels, 40 pixels. Ok, isso parece todos os dias muito melhor. Legal e, finalmente, vamos mudar a família da frente e o estilo do telefone para um parágrafo. Etiquetas dentro da classe post. Então vamos fazer este post personalizado classe post personalizado e eles iriam levá-lo as tags P dentro deles. Então eu vou dizer que a família de fundos de família vai ser Monserrat. Eu tenho este artigo com meses disse porque eu gosto Monserrat e, em seguida, os pesos dianteiros. Vamos dar-lhe um peso de 300. Torná-lo um pouco mais leve e aí está. Ah, ok, ok. E como podem ver agora, o elemento foi corrigido como resultado do fato de que mudamos a família de telefones e deformamos o peso do nosso Texas. Engraçado como a mais simples das mudanças os juízes podem fazer tais diferenças enormes. Tudo bem, incrível. Então eu vou seguir em frente agora e ir para o meu estilo. Nosso arquivo de doenças. Este é o meu bebé a fazer as mudanças. Só estou tentando salvar isso de novo. Conexões estabelecidas no meu servidor Web. Ok, então a conexão foi estabelecida agora aqui online 617 logo acima, onde temos a tela da mídia e homens com depois de 6170.5 p. M. Isto é para o design responsivo. Então está terminando aqui eu vou apenas adicionar um texto e dizer, Não, isso é errado. Vamos começar do fim aqui. Digamos CSS personalizado. Vamos fechar nossos comentários. Tudo bem, eu vou em frente agora e colar o que eu tenho, então vamos ter certeza que está correto. Personalizado Post Piemonte 7 349% E isso parece bom. Vamos salvar isso. E agora vamos voltar 25 cabrões. Vamos atualizar a página e certificar-se de que as alterações entraram em vigor. E lá vai você. As mudanças entraram em vigor. Agora certifique-se de que você tem todos os tipos de Kachin desativado. Tudo bem. Um dos maiores problemas em trabalhar com CSS é que se você tem um navegador da Web ou se o seu servidor Web é dinheiro em qualquer fora de seus dados, você terá dificuldade. As alterações sênior entram em vigor, portanto, certifique-se de que, se você tiver algum dinheiro e plugins, desative-os. Se você tem qualquer tipo de sistema Kachin fora do seu host Web, certifique-se de que ele está desativado, e também certifique-se de limpar o cache. É a sua Web cache do seu navegador da Web também. Se você quiser ver suas alterações entrarem em vigor, imediatamente. Tudo bem, então é isso para a primeira classe aqui com a CIA dizer obrigado por assistir. Vejo-te no próximo. 32. Trabalhando com CSS Parte 2: Tudo bem. Bem-vindo aos potes para onde vamos segmentar as nossas duas etiquetas H, bem como as três etiquetas H abaixo do futuro. A imagem e, finalmente, são menos assim sob as categorias. Então, sem perder tempo, vamos direto para a nossa etiqueta H dois aqui, que é o título do post. Então eu vou em frente e vamos mudar os formulários. Família aqui, família de fundos. Vamos com Tahoma Homa só para diferenciá-lo de Monserrat. E então para a frente espera. Vamos com 500. Eu tenho 500 aqui. Sou a Kate. Isso já parece melhor. Em seguida, vamos direcionar as três tags H em uma imagem bacana em destaque. Então temos envelhecido três The Post autor Ele três posts, datas e, em seguida, h para ser a categoria ah post. Então vamos em frente e tirá-lo, todos fora deles. E para fazer isso, eu vou dizer, vamos com ah dot costume uh, post post personalizado traço e depois h três. Deixe-me remover a classe de categoria de post. Não precisamos disso. Ok, então, post H 3 personalizado para a família da frente, nós vamos para o Montserrat também estava indo para a Síria e os pesos dianteiros. Vamos fazer isto um pouco mais escuro do que três. Centenas estavam indo para ir com 400. Está bem. E vou checar meu bloco de notas para ter certeza de que tenho tudo. Tudo bem? Então, a margem ainda. Mas vamos reduzir a margem também. Há um pouco de margem demais entre eles. Então vamos em frente e remover o início das margens para zero. Então temos menos espaço entre eles. Ok, assim é melhor. Tudo bem. Então nós temos que para personalizado Post H três e são finalmente letras obter, ah categorias na mesma linha. Não gostamos deste estilo. Então, para fazer isso, mas vai para as nossas categorias de post. E as primeiras coisas primeiro, vamos dizer esta peça. Vamos fazer disso um bloco em linha. Ok, isso é um bloco em linha. E então há muitos imaginários e pingentes também. Então isso é mover qualquer tipo de margem que temos. A margem será fixada em zero, e então ainda temos alguma mesquinhez. Você pode ver essa idéia competitiva para a esquerda, então eu vou dizer pad na esquerda disse que zero. Ok, isso é bom. Mas finalmente, precisamos remover esse fundo, que eu realmente não gosto. Soluções vão para o botão de companhia aérea elemento Ally de qualquer os elementos da companhia aérea iam dizer, O que temos que temos? Os pontos, categorias de postagem. E então eu vou dizer que eu e vai haver estilo lista está definido para nenhum, e bem, lá vai você. Está bem. Deixe-me ir em frente agora e colar tudo isso aqui. Vamos guardar isso. Tudo bem, vamos voltar. Teoh Page, atualize a página. E lá vai você. Okey dokey. Agora, eu sei que este não é o melhor design fora, mas este ainda parece muito melhor do que o que tínhamos inicialmente. Inicialmente, parecia muito, muito ruim. Mas isso é um pouco mais apresentável e sinta-se livre para brincar com seu CSS. Se você quiser, você está centralizando seu texto. Você pode fazer isso. Se quiser adicionar animação, vá em frente. E primeiro farei o que quiser com seu CSS. Então é isso. Nós praticamente chegamos ao fim deste curso. Fomos capazes de aprender sobre o que Chris Lupin. Nós escrevemos um pouco disfunções. Nós conversamos com tags de modelo. Criamos nossos próprios tamanhos de imagem personalizados. E então nós também trabalhamos com alguns CSS para criar esta página específica tudo do zero. Então, obrigada, muita sorte. E vemo-nos na próxima aula. 33. Conclusão: Bem, é isso. Você oficialmente chegou ao fim deste curso aqui em compartilhamento de habilidades, e eu realmente espero que isso tenha achado informativo, educacional, e que você também se machucou por um tempo fazendo este curso agora apenas para lembrá-lo, você pode Faça uma pergunta. Se há alguma coisa que você encontrou talvez um pouco confuso, basta ir até a seção do comitê e você pode postar um comentário, fazer uma pergunta, ou simplesmente me agradecer por criar este curso Então você também pode me seguir aqui na habilidade compartilhar. Aplaudo tutoriais sobre o que imprensa e segurança cibernética semanalmente. Então eu recomendo que você me siga. Você vai manter o controle das novas classes que eu carrego aqui na nave de habilidades. Você também pode me enviar um pedido no LinkedIn. Se você estiver em que as coisas em, apenas certifique-se de indicar que você é um estudante do meu compartilhamento da escola, e eu vou ser mais do que feliz em aceitar o seu convite para se conectar em um lengthen. Mais uma vez, o meu nome é Alex, e tem sido um palaciano ensinar-te o discurso. Phil Fritz, você escova o resto dos meus cursos de cabelo em partes de habilidades. E espero que se inscreva em mais alguns deles. Muito obrigado mais uma vez e boa sorte que mostramos o melhor em tudo o que você decidir fazer. E vejo-te na próxima vez. Mas por