Noções básicas de PHP e JavaScript para usuários do WordPress

1. Vídeo promocional: R Bem, olá, Dan. Bem-vindo ao meu curso muito especial, Aprenda PHP para Watpress E este é um curso desenvolvido especificamente para estudantes que são usuários do Wtpress, mas querem se tornar desenvolvedores do Wat Press Agora, é essencial aprender PHP porque o PHP foi realmente usado para criar o Watpress Dessa forma, se você pretende se tornar um desenvolvedor Watpress, desenvolvendo seus próprios temas, plug-ins e funções, é essencial que você aprenda pelo menos o básico do PHP, e é exatamente isso que este curso oferecerá a Então, neste curso, vamos dar uma olhada no PHP, o que exatamente é PHP e como ele é diferente de outras linguagens de programação. Eu vou te mostrar como você pode escrever código PHP corretamente e também como você pode combinar código HTML com PHP. E passaremos para a seção principal do curso onde mostrarei como você pode começar a escrever suas próprias funções, suas próprias funções do WordPress usando PHP. Mostrarei como trabalhar com declarações condicionais , como a declaração EL Vou apresentar a você ganchos, ações e filtros que são funções do WordPress Também falaremos sobre variáveis e matrizes. E, finalmente, falarei com você sobre a função mais importante de todo o WordPress, que é o loop do WordPress. Ao final deste curso, você terá os fundamentos básicos do PHP e como você pode usar PHP para se tornar um desenvolvedor do WordPress Então, se você acha que este curso será ideal para você, eu o encorajarei a se inscrever no curso hoje, e espero ver você por dentro, sim. 2. Primeiras coisas: Antes de começarmos oficialmente o curso, há algumas coisas que preciso mencionar e esclarecer. Em primeiro lugar, este é puramente um curso introdutório básico ao PHP Não será um nível intermediário ou avançado ou algo parecido. Isso é puramente para iniciantes. Então, se você é novo em PHP, este curso será perfeito para você. Em segundo lugar, para o WordPress, idealmente, você deve ser um usuário de nível intermediário do WordPress. Você não pode ser um iniciante completo. Você precisa ter um conhecimento de nível intermediário do Wtpress, deve se sentir confortável trabalhando com Watpress para fazer Agora, existem dois sites principais que usaremos. Um deles é o phb.net, que é o principal site oficial do segundo seria o Watpress Codex, que é o repositório principal para todas as funções e qualquer coisa relacionada Assim, você pode marcar essas duas páginas. Agora, se você estiver trabalhando localmente no seu computador ou no seu Mac, você não precisa de acesso ao FTP, tudo bem No entanto, se você estiver tentando trabalhar em um site que está ativo na Internet, precisará de acesso ao FTP porque trabalharemos com nossos arquivos de tema Usaremos o tema WordPress 2021, mas o tema oficial de 2021. Portanto, para acessar os arquivos do tema no sofá, você precisará de acesso ao FTP Se você não sabe como criar uma conta de FTP ou como obter acesso ao FTP, eu tenho um tutorial completo aqui no YouTube mostrando como você pode fazer isso Agora, eu também vou usar o Notepad plus plus como meu editor de texto Vou fazer alterações em nossos arquivos e depois reproduzi-los. Então, vou usar o Notepad plus plus para isso. Novamente, eu tenho um tutorial completo aqui no YouTube, mostrando como você pode trabalhar com o Notepad plus plus Mas se você tem outro editor de texto com o qual está trabalhando, talvez como o sublime, por exemplo, não precisa usar o Notepad plus plus Não é nem um pouco obrigatório. E por último, mas não menos importante, eu tenho um curso completo sobre o desenvolvimento de temas de imprensa que está disponível em webmonkcadem.com Também está disponível na Demi. Na verdade, meu principal objetivo ao fazer este breve curso gratuito é apresentar a você o Whatpress Development E então, na esperança de que, se você estiver convencido de que, ei, eu realmente quero me tornar um desenvolvedor de temas Watpress, você possa se inscrever no curso mais avançado que se aprofunda no desenvolvimento de temas Watpress Então você pode conferir se estiver interessado. E depois há uma coisa que eu esqueci de mencionar enquanto estava fazendo o curso, e isso é porque eu considerei isso garantido, e eu não quero considerar nada garantido, ok? Arquivos PHP, você os termina com dot PHP. Por exemplo, aqui, você pode ver todos esses arquivos agora, four food dot PHP, archive dot phP, foot dot PHP e assim por diante, esses são arquivos PHP. Então você encerra seus arquivos, seus arquivos de pH pontuam PHP. E, finalmente, você abre um código PHB com o símbolo menor que, interrogação e, em seguida, PHP Então, agora, essa seria a abertura de qualquer declaração do PHB E aqui embaixo, onde você tem o interrogação e, em seguida, o símbolo maior que, é quando você está fechando o código PHP. Portanto, você precisa abrir seu código PHP e fechá-lo para evitar qualquer quebra fina. Então eu esqueci de mencionar isso durante o curso, e foi só quando eu estava assistindo aos vídeos que percebi que, eu esqueci de mencionar esse fato muito, muito simples, mas é importante que eu precise mencioná-lo porque é algo que as pessoas podem dar Então é isso. Espero que você goste do curso. Agora vamos começar oficialmente com o curso aprendido sobre PHP forward Press. 3. O que é PHP?: Ok, então vamos começar falando sobre o que o PHP realmente é e o que ele faz. E PHP significa pré-processador de hipertexto, e o que ele faz é realmente recuperar dados de um banco de dados Então, basicamente, é uma linguagem de script do lado do servidor. E é isso que separa o PHP de outras linguagens, como, digamos, Javascript. A maioria das outras linguagens fará seu trabalho no seu computador ou no seu navegador, mas o PHP faz seu trabalho no lado do servidor. Então, se você está tentando acessar dados de um servidor, talvez seja um servidor web ou um servidor de banco de dados, você usaria PHP. Se você estiver tentando enviar informações ou dados para um servidor, PHP também estará envolvido. Agora, eu recomendo fortemente que você este site em particular aos favoritos Chama-se php.net e é o site principal de tudo relacionado ao PHP Você pode dar uma olhada na documentação e muito mais informações sobre Então, como o PHP realmente interage com o Wat Press? Qual é a relação? Não sei se você já percebeu isso antes, mas sempre que você instala o Watpress, normalmente, você também cria um banco de dados Depende de como você instala What press ou qual painel de hospedagem você usa. Mas, no meu caso, eu uso o side ground e, quando tento instalar o What press pelo back-end, sempre tenho a oportunidade de nomear a tabela do banco de dados e fazer coisas assim. Então, quando você instala o What press, você também está criando um banco de dados. Agora, é no seu banco de dados que a maioria dos seus arquivos é armazenada em suas páginas, suas postagens, seus dados de usuário, senhas, todo esse tipo de informação é armazenado em seu banco de dados. Agora vou dar um exemplo ao vivo aqui. Eu tenho um dos meus sites de demonstração, o movie characters.com É apenas um exemplo de blog com alguns exemplos de postagem e coisas assim. Estou aqui no Side Ground, trás do Side Ground. Você pode ver que eu tenho o site movie characters.com. Agora, eu acessei o banco de dados, e este é o banco de dados aqui. O nome é Área 618 na pontuação, WP 329. Ok, eu vou expandir o banco de dados, e agora você pode ver que eu tenho acesso a diferentes tipos de tabelas. E até mesmo pelo nome, dá para perceber do que se tratam. Aqui embaixo, como exemplo, você pode ver que eu tenho todo o caminho até aqui. Ok. Oh, me desculpe. Eu estava aqui em cima. Ok, wpdeUnderscore, Posts, certo? Você vê a mesa ali mesmo. Eu vou abri-lo e vou te mostrar algumas coisas. Se eu acessar meu site aqui, você pode ver que tenho postagens relacionadas à filmes e jogos Titanfall Você pode ver que eu tenho uma caixa canguru que chega à web. Legion faz 900. Eu tenho tags como action ou terminator two. Eu tenho um post sobre o Terminator 2 como exemplo. Se eu fosse acessar meu banco de dados agora, você pode ver os títulos das postagens aqui? Você tem números de bilheteria aumentando, resenha de Terminator Two, adquira uma avaliação de lugar Há outro aqui, o Terminator 2 sozinho. E assim por diante, agora mesmo, você pode começar a ver os títulos das postagens que eu tenho. Você pode ver a data da postagem, o conteúdo real da postagem em si. E então, se eu rolar aqui para a direita, você pode ver outras informações, como o status publicado, se está publicado ou no modo rascunho, o status do comentário, se os comentários são permitidos ou não. Se a postagem tiver uma senha que você precisa usar para acessar a postagem, o nome da postagem e assim por diante, postagem foi modificada e muito mais informações. Então, agora você pode ver que todas essas informações estão no banco de dados. Se eu voltar ao meu banco de dados e abrir outra tabela, só para dar outro exemplo, aqui embaixo, usuários, usuários sublinhados do WPDE Isso deve indicar que essa tabela contém as informações do usuário, pessoas que têm contas no site. No momento, você pode ver que preciso fazer login com IDs, filmes e desenvolvedores. Você pode ver os e-mails e também algumas outras informações sobre a conta de usuário específica. Então, o ponto principal aqui é que sempre que eu tento fazer algo no meu site ou alguém tenta fazer algo no meu site. Digamos, por exemplo, que eles clicaram em Bruce Willis Words pela quinta Para que o Workplace possa exibir esta postagem, exibir a imagem em destaque, o título, o conteúdo e assim por diante, ele precisa ir ao meu banco de dados e extrair as informações de lá usando PHP. Agora, como a What Press sabe qual conteúdo pertence a Qual postagem é por meio do ID. Todas as suas postagens têm IDs. Não tenho certeza do ID da postagem em particular, mas veja isso. E, na verdade, descubra se eu deveria voltar para a tabela de postagem e pesquisei por Bruce Willis Words pela nona vez, deixe-me rolar até aqui Ok, está aqui embaixo. Você pode ver que o ID é, na verdade, 59. Então, quando clico no link dessa postagem, Wordpress sabe que, Oh, o ID dessa postagem é 59. Deixe-me acessar o banco de dados usando PHP e pesquisar o conteúdo da postagem com o ID 59. Essa é basicamente a relação entre PHP e WordPress. Então, mais uma vez, o PHP é usado principalmente para extrair informações ou enviar informações para um servidor. É uma linguagem de script do lado do servidor. Ele faz seu trabalho no lado do servidor. E é isso que o separa de outras linguagens, como JavaScript. A maioria dos outros idiomas fará seu trabalho no seu navegador. O PHB faz seu trabalho no lado do servidor. Então, no próximo vídeo, vou mostrar muito mais sobre a relação entre PHP e Wordpress e como o PHP é realmente usado para criar diferentes tipos de funções no WordPress. 4. PHP no Wordpress: Agora vamos falar um pouco mais sobre como o PHP é usado no WordPress. Agora, eu mudei um pouco as coisas. Eu tenho outro site aqui, outro site de amostra. E aqui, deixe-me mostrar rapidamente que tenho uma postagem intitulada PHP for What Press. E é uma postagem típica da What Press com título, imagem em destaque e algum conteúdo. Está bem? E então aqui embaixo, você pode ver que temos a categoria de tutorial Def e algumas outras informações Vamos voltar para o back-end. Também tenho uma página chamada receitas. Vamos ver a página, e essa é a página ali. Ok, a propósito, estou usando o tema padrão Wat press 2021. Agora, vou usar meu editor de texto aqui, não o PAD plus plus, mas estou conectado via FTP ao meu tema de 2021, e você pode ver que temos os arquivos aqui E o primeiro arquivo que abri aqui é a função dot phpFle É basicamente aqui que está localizada a grande maioria das funções usadas em seu tema. Agora, se você rolar até aqui, começará a ver diferentes tipos de coisas, como matriz. Você verá nomes ou funções. Você verá se está sendo muito usado. Embora tudo isso seja PHP, ok, você pode sentar aqui array, array, array. Aqui, temos outra função. É uma pré-visualização personalizada, faça alguma coisa. Aqui, você tem a função de criar e registrar uma barra lateral Você pode ver aqui que diz barra lateral de registro e, em seguida, a matriz basicamente tem diferentes tipos de informações sobre essa barra lateral, como o nome, o ID, a descrição e assim por diante Ok, vamos seguir em frente. Agora você tem o ponto de índice pHp e este é possivelmente o arquivo mais importante em qualquer site do Watpress ou em qualquer tema do What press O motivo é que esse geralmente é o arquivo de modelo principal que Watpress usa para exibir conteúdo em uma página Agora, qual impressora usará esse arquivo específico se não houver , se não houver nenhum outro arquivo que esteja mais alto na hierarquia de modelos, o que estou tentando dizer aqui é que como a imprensa sabe como exibir o conteúdo de uma página e, em seguida, como exibir o conteúdo de uma postagem Você sabe, esses são dois tipos diferentes de postagem, certo? Bem, o problema é o seguinte. Você tem um arquivo ou um arquivo de modelo aqui chamado page dot PhP. Isso normalmente é usado para exibir páginas, ok? Agora, para provar isso para você, eu vou fazer algo aqui, bem aqui no topo. Eu vou dizer que isso é uma página. E eu vou salvar essa mudança. Observe que estou salvando no arquivo PHP de pontos da página. Agora, se eu fosse voltar ao meu site, isso aqui é um post. Lembre-se de que a página Wordpress é uma postagem. Se eu atualizar esta postagem, você pode ver que agora não vemos que isso é uma declaração de página, certo? Mas se eu fosse até o meu back-end e visse a página da receita, vamos ver a página. Aqui, você pode ver agora que diz que é uma página. Isso porque a What Press usando a hierarquia de modelos sabe que, OK, isso é uma página Eu verifico se existe um arquivo chamado page dot PhP? Ah, existe um arquivo chamado page dot PHP. Deixe-me agora usar esse modelo para exibir o conteúdo da página. E porque eu fui ao meu arquivo aqui e adicionei isso como uma página, saídas do Workplace são uma página Está bem? Então, voltando a toda a questão da hierarquia de modelos, se o ponto da página phB não existisse no meu tema, que imprensa usaria o ponto índice É como a opção alternativa. É sempre a opção alternativa, esteja você exibindo postagens, páginas ou até mesmo conteúdo de outros tipos de postagem personalizados O ponto de índice pGb é sempre a última opção se não houver nenhum arquivo mais específico Agora, você viu page dot pHb exibindo conteúdo para páginas, certo? Deixe-me remover esse comentário aqui bem rápido. Vamos parar com isso. Deixe-me remover meu espaço. Deixe-me salvar isso. Agora, o arquivo que está sendo usado para exibir o conteúdo minhas postagens é o arquivo de modelo PHP de ponto único do conteúdo. Agora, aqui mesmo, eu vou fazer exatamente a mesma coisa. Vou colar o mesmo conteúdo e agora dizer isso como uma postagem. Vamos salvar isso e, como você pode imaginar, vou voltar para o back-end aqui mesmo. Agora vou atualizar minha página. Você pode ver que nada está aparecendo. Mas se eu fosse até minha postagem aqui e atualizasse a página ou melhor, a postagem, você verá que isso não foi exibido, deixe-me voltar e ver o que aconteceu Esta é uma postagem. OK. Deixe-me fazer uma mudança rápida mais uma vez. Não tenho certeza do que aconteceu lá. Ok, então definitivamente foi salvo agora. Então, se eu fosse voltar e me refrescar, acho que deveria estar aqui, na verdade Deveria estar por aqui. Oh, isso não é o principal, me desculpe. Eu sou um idiota. Esta é a página inicial. Na verdade, essa não é a página de postagem em si. Esta é a página inicial do site. Então, se eu for para a página quatro, pressionar a página real em si, agora você pode ver que diz que é uma postagem. Desculpe, eu perdi meu trem de fogão e estou gravando. Não é fácil. Ok, para que você possa ver, diz que esta é uma postagem específica para esta postagem aqui. OK. Nossa, isso foi por pouco. Eu vou voltar e vou remover isso, ok? E mais uma vez, o Wtpress está, é claro, usando PHP para obter todas essas informações Agora, há outra coisa que você deve conhecer quando se trata de PHP e Wtpress Existe uma coisa chamada tags de modelo. As tags de modelo são como funções PHP pré-construídas que são usadas para exibir certos tipos de informações Um dos melhores exemplos que posso dar está aqui neste arquivo de modelo, o conteúdo PHP de ponto único. Então, aqui está a coisa. O que a imprensa está exibindo, deixe-me reformular esta página. Qual imprensa está exibindo o título da minha postagem, certo? Está exibindo a imagem em destaque. Ele está exibindo o conteúdo. E aqui embaixo, está até exibindo a data de publicação, o autor e até mesmo a categoria da postagem. Como a What Press sabe fazer isso? Isso se deve a algo conhecido como tags de modelo. As tags de modelo são funções pré-criadas que exibem determinados tipos de conteúdo dinamicamente Eu vou provar isso para você. Se eu fosse voltar ao arquivo de modelo aqui para nossas postagens, você vê essa coisa aqui chamada título PHP, o título de sublinhado Aqui está uma tag de modelo usada especificamente para exibir o título de nossas postagens. É por isso que temos o título aparecendo. Se eu fosse até aqui agora e removesse isso, vamos cortar e eu salvo. Se eu voltasse à minha postagem e atualizasse, você pode ver agora que o título não está mais lá Desapareceu. Isso porque removemos a tag do modelo. Deixe-me voltar e eu vou desfazer o que fiz. Vamos adicionar outra tag de modelo aqui. Vamos exibir a categoria da postagem logo abaixo do título E como posso fazer isso? Posso usar outra tag conhecida como categoria. É realmente muito simples. Então, se eu fosse até aqui e alterasse o título para a categoria e salvei Ok, vou voltar para o arquivo de postagem aqui e atualizar a página E agora você pode ver que temos a categoria Dev Tutorial. Isso é basicamente o que são as tags de modelo. Existem muitas, muitas tags de modelo e, na verdade, eu deveria ter aberto uma página para mostrar quais são as diferentes tags de modelo da Wat Press. E eu os abri e não queria fazer isso ao vivo porque minha Internet aqui é muito, muito ruim, então tive que pausar o vídeo, abrir a página e aqui está Então, se você acessar codex ou wtpres.org, modelo de barra frontal chamado Tags, aqui, você pode ver Você tem as etiquetas gerais. Obtenha o cabeçalho, G Futa. A propósito, deixe-me mostrar esses. Se eu voltasse aqui e fosse para a página dot pHp, na verdade, vamos para index dot pHp. Este é o arquivo de modelo principal aqui. Desculpe, não index ou phpPage dot page B. Vamos pegar a página dot p HB Você pode ver aqui que diz, cabeçalho G. Obtenha o cabeçalho. E aqui embaixo, também diz “pegue FUTA Essas são funções que exibem o cabeçalho do site e também o rodapé do site Agora, se você olhar aqui à direita, na minha pasta de temas, eu tenho o arquivo chamado header dot pHp. É um arquivo usado especificamente para exibir conteúdo no cabeçalho, que normalmente será seu logotipo e seu menu principal. Agora, se eu fosse até aqui e fizesse a mesma coisa e dissesse Este é o cabeçalho. E eu salvei esse arquivo. Como você pode imaginar, se eu voltasse para minha página, agora, porque o cabeçalho é global, o cabeçalho está em todas as páginas de cada postagem. Se eu atualizar esta página agora, você pode ver lá em cima que diz: Este é o cabeçalho Se eu fosse até minha postagem e atualizasse, também diria que este é o cabeçalho e assim por diante Agora, da mesma forma, você também tem exatamente a mesma coisa para o Puta dot PhP Então, essas são funções que exibirão páginas hea dot php, fred dot phB. Você os encontra muito mais à medida que progredimos. Ok, vamos voltar às tags de modelo aqui. Então você tem outros, como barra lateral, o formulário de login, arquivos, informações do autor, informações da categoria, tags de comentários e assim por diante Você é mais do que bem-vindo a passar um tempo examinando todas essas tags, se quiser. Mas isso é basicamente tudo para WordPress e PHP. Novamente, à medida que avança neste curso, você começará a entender mais sobre a relação entre PHP e Board Press. Espero que tenham gostado do vídeo. Te vejo na próxima. 5. Escrevendo código PHP corretamente: Vamos agora falar sobre como escrever código PHP corretamente. Em outras palavras, estamos falando sobre padrões de codificação PHP. E eu tenho uma lista e tanto na minha frente, então vamos começar. A primeira coisa sobre a qual falaremos seria como nomear suas funções e suas variáveis. E aqui, temos um exemplo clássico. Temos a função 2021 ou widgets na partitura nela. O trabalho dessa função é registrar uma barra lateral, mas observe que o nome real da função são widgets na partitura nela Mas eles começam primeiro dizendo função. Portanto, temos a função e, em seguida, você deseja adicionar um prefixo antes do nome O prefixo nesse caso é 2021. E a razão pela qual você deseja adicionar prefixos aos nomes das suas funções é porque pode haver outro plug-in em algum lugar do site que usa a mesma função E se o tema e o plug-in estiverem usando exatamente o mesmo nome para a função, você pode acabar tendo um conflito. Portanto, para evitar isso, é melhor usar seu próprio prefixo exclusivo Pode ser o nome do seu tema. Pode ser seu próprio nome, pode ser qualquer coisa. Basta ter um prefixo antes do nome real da função. Em seguida, seria o uso de traços e sublinhados. Quando você os usa? Normalmente, você usaria seus sublinhados sempre que estivesse nomeando suas funções ou variáveis Neste caso, agora, mas com o prefixo, temos 20 sublinhado 20 sublinhado um sublinhado Widgets sublinhado nele Portanto, você usaria sublinhados para separar palavras sempre que estivesse nomeando suas variáveis ou funções Você usaria traços ao tentar adicionar uma classe CSS Nesse caso, agora, aqui embaixo, você pode ver que diz H, duas classes que ele chama de widget Título do Dash. Então, ao adicionar classes ou IDs, você usaria o traço Você também usaria o traço sempre que estivesse nomeando seus arquivos Aqui na pasta de conteúdo, você pode ver que temos arquivos chamados content dash Exceto content dann content page, content dash É quando você usaria seus traços. Não se preocupe, à medida que você trabalha mais com PHP, você se acostumará com quando usar o sublinhado e quando usar o traço Tudo bem, a seguir, seria o uso de aspas simples e aspas duplas Agora, aqui mesmo, eu tenho o exemplo. Estamos basicamente ecoando uma declaração Lamento que este seja o cabeçalho da página Agora, uma maneira de reescrever isso seria simplesmente dizer, me desculpe Esse é o cabeçalho da página, ok? No entanto, na maioria dos casos, você normalmente usaria a aspa única. As aspas simples são usadas com muito mais frequência do que as aspas duplas. Agora, esse é o ideal onde você escreveria esse tipo de código, eco, camada única e depois o código tamal, desculpe, este é o cabeçalho da página Mas e se você quisesse usar a forma abreviada de IM. Então, agora, eu digo, eu sem o A. Você não pode ter um único código dentro de outra única camada. Isso quebrará o código inteiro. Então, o que você poderia fazer nesse caso agora seria embrulhar a camada única dentro de anúncios duplos. Então, agora você pode ver : Oh, desculpe por isso. No momento, você pode ver que estou usando camadas duplas que envolvem o código único dentro dela Agora, o código funcionaria. Você não pode ter um único código dentro de outro código único e não pode ter uma aspa dupla dentro de outra aspa dupla. Na maioria dos casos, as aspas duplas estão , na verdade, dentro do código único. A razão pela qual é o inverso aqui, onde você tem o código único dentro do código duplo, é porque isso é inglês. Quando você escreve, me desculpe, você não usa aspas duplas. Normalmente, você usaria o código único. No entanto, se eu fosse voltar para minha função dot ph p aqui, observe que, quando estamos adicionando o título, a classe H two é igual ao título do Wizara, o nome do título está entre aspas duplas, enquanto o código HTML real está entre aspas simples . Então, mais uma vez, você não pode ter aspas simples em vez de aspas simples, você não pode ter aspas duplas em vez de aspas duplas. E na maioria dos casos, as aspas duplas estariam dentro da aspa simples. Você só usaria uma aspa simples dentro de uma aspa dupla ao tentar escrever frases como essa em inglês. Desculpe, eu não gostei disso. Ok, a próxima seria a tag PHP de fechamento. Agora, na maioria dos casos, ao abrir sua tag PHP, você deve fechá-la, certo? No entanto, não se surpreenda se você ver alguns arquivos em que tudo o que você vê é a tag de abertura da PageB, mas você nunca vê uma tag PAgB de fechamento Aqui, por exemplo, na página do PHB, temos a tag de abertura da página B, mas não há nenhuma tag de fechamento da página B ali mesmo Isso porque não há necessidade de fazer isso. Na verdade, o PAgb é uma linguagem em que você pode abri-lo , adicionar código, adicionar código, e nunca precisar fechar a tag PHP Você só pode fechar a tag PHP se, dentro desse bloco de código, quiser adicionar código de outra linguagem, talvez como HTML ou JavaScript. Nesse caso, agora, tudo aqui é puro código PHP. Não há HTML, não há Javascript. Na verdade, se você acessar sua função no arquivo PHP, no final, talvez alguns temas não façam isso, mas a grande maioria dos temas, as funções do arquivo PTR, as funções do arquivo PTR, você nunca verá a tag de fechamento da pageB Não, vai ficar lá, vazio. Agora, essa foi a tag de abertura da pageB aqui em cima, e você pode ver agora que tivemos várias funções. Há uma função aqui. Há outra função ali mesmo. Toda outra função, outra função até querermos adicionar um código JavaScript. É por isso que fechamos a tag PHP de abertura ali mesmo. Adicionamos nosso código JavaScript. Depois que isso foi fechado, abrimos a tag PHP novamente até aqui novamente. Então, na maioria dos casos, é mais seguro simplesmente abrir e fechar suas tags PHB, ok Mas não se surpreenda se você ver arquivos sem a tag de fechamento ou PHB Ok, os dois últimos seriam identificação e bens comuns. Portanto, se você já trabalhou com código HTML antes do código CSS, já está familiarizado com esse conceito, certifique-se de que seu código esteja bem indentado para que seja muito, muito fácil de ler Como exemplo agora, você pode ver essa função para registrar a barra lateral. Você pode ver como tudo está recortado. Eu sei que isso aqui é um bloco de código para registrar uma barra lateral E então aqui, por exemplo, você pode ver como você tem a matriz principal aqui em cima e, dentro da matriz, você tem as matrizes secundárias com todas as propriedades e valores Você pode ver como tudo está organizado corretamente. Portanto, tenha isso em mente. E então vamos falar sobre os comentários. Como você adiciona comentários em PHP? Os comentários são uma ótima maneira de adicionar comentários para descrever o que uma função está fazendo Então, a maneira ideal seria ter a barra frontal e depois seus asterísticos e , em seguida, você ter seus comentários e, para fechar o comentário, você teria seus asterísticos e, em seguida, a Novamente, como aqui como exemplo, ok? É assim que você normalmente escreveria seus comentários. Você não precisa usar o símbolo de asterico único antes do comentário real Não é necessário, mas muitos usuários preferem fazer dessa forma. Então, se você quiser seguir os padrões originais , você pode fazer isso. Então é basicamente isso. Ainda existem alguns outros padrões de codificação que você encontrará, mas esses são os mais importantes que abordei até agora Então espero que tenham gostado do vídeo, e nos vemos no próximo. 6. Combinando html e PHP: Agora, antes de começarmos a escrever o código PHP adequado, quero abordar rapidamente um tópico muito, muito importante, que é como combinar HTML e PHP exatamente no mesmo arquivo. Agora vou usar a tag do modelo de título como exemplo. Digamos que queremos exibir o título da nossa postagem, mas usando as tags H one do HTML. A maneira mais fácil será abrir a tag H one, em primeiro lugar, e agora abrir o PHP e dizer o título do sublinhado Feche-o e agora feche a etiqueta H one. Tudo bem, vou continuar, salvar isso e deixar eu voltar aqui, atualizar minha página E aí está, o PHP forward press, muito, muito simples Deixe-me explicar o que eu fiz. Então, o ponto principal aqui é que queremos exibir o título no formato H one. Então, abrimos o HTML, primeiro lugar, com a tag H one. Agora abrimos o PHP, adicionamos uma data, a tag do modelo, o título, depois o fechamos, depois fechamos a tag H one, e é exatamente isso que obtivemos. Essa, de longe, é a maneira mais fácil e direta de combinar HTML e PHP Sempre que possível, certifique-se de ter seu código PHB dentro do seu código HTML É muito, muito simples e é a forma mais fácil de se trabalhar com a sintaxe Poderíamos fazer o inverso, onde você tem o código HTML dentro do código PHP, mas então você usaria echo ou points, que são funções no Mas, com toda a honestidade, eu nem queria abordar isso porque fica um pouco complicado e pode ser muito, muito No entanto, existem certas situações em que você não pode evitar ter o código ETMO dentro do código PHP Agora, na verdade, criei uma função aqui para mostrar do que estou falando, e vou explicar o que está acontecendo aqui. Tudo bem? Deixe-me primeiro lugar, indentar isso corretamente. Ok, então o ponto principal aqui é que queremos exibir o texto, você é muito bem-vindo. Mas usando as etiquetas P, na verdade, você sabe o que? Deixe-me mudar isso para H um, só para termos alguma consistência, certo? Então, queremos exibir. Você é muito bem-vindo, mas no formato H 1, mas será com o uso de uma função. Então, aqui mesmo, deixe-me salvar isso antes de tudo, apenas para confirmar se realmente funciona. Então, deixe-me voltar aqui, atualizar a página, e aí está Você é muito bem-vindo. Ok, vamos voltar ao código agora. O que está acontecendo aqui? Eu criei uma função chamada print greeting. É PHP, então eu tenho minha função de tag PHP aberta e, em seguida, o nome da função agora, porque pretendemos introduzir o código HTML, temos que indicar que, ei, o código HTML virá a seguir É aí que entra essa colaboração de abertura. É o sinal de que o próximo será o código HTML No entanto, como precisamos fechar a tag PHP antes de podermos introduzir o código HTML, é por isso que tivemos que fechá-la aqui Você pode dizer que fechamos a tag PHP, mas por causa dessa colaboração, a função sabe que, ei, o próximo passo será o código HTML Esse é o código HTML ali mesmo. E agora, como temos a cinta encaracolada de abertura, precisamos fechá-la E como já encerramos o PHB porque tivemos que introduzir nossa tag HTML, precisamos abrir o PHB novamente. Agora feche a cinta encaracolada. Temos a chave C de fechamento e agora finalmente fechamos a função E então, aqui embaixo, simplesmente chamamos a função. Não se preocupe. A cobertura mundial funciona mais tarde no curso. Não se preocupe com isso, mas esse é basicamente um cenário em você terá código HTML dentro do seu código PHB e precisará usar a chave CE e as chaves de fechamento para incluir HTML no Existem muitas outras situações em que você terá HTML e PHB sendo combinados, mas essas duas são as mais comuns Então é isso, obrigado por assistir, e nos vemos na próxima aula. 7. Trabalhando com tags condicionais: Tudo bem, então vamos primeiro dar uma olhada nas declarações condicionais com PHP E como desenvolvedor do WordPress, você sempre encontrará declarações condicionais Eles são muito, muito comuns, e achei que seria melhor antes de falarmos sobre funções, realmente falar sobre L if e declarações condicionais Então, aqui em PHP, eu tenho a documentação aberta e agora, é muito, muito simples, muito fácil de entender. As declarações condicionais basicamente verificam se uma condição foi atendida e, se essa condição foi atendida, fazem alguma coisa Caso contrário, se a condição não for atendida, você poderá fazer outra coisa. Nesse caso, agora, você pode ver um exemplo muito, muito simples. Você tem duas variáveis A e B, e dissemos a primeira condição. Se A for maior que B, se o valor de A for maior que B, então echo, S A é maior que B. Agora estamos dizendo se if, que significa que agora estamos fornecendo uma segunda condição Se A, o valor de A é igual ao valor de B, então o eco A é igual a B, e então a terceira condição, L se essas duas primeiras não forem atendidas, que significa que se o valor de não for maior que o valor de B, e se o valor de A não for igual ao valor de B, então, obviamente, o valor de B deve ser maior que o valor de A. Então, eco A é menor Muito, muito, muito simples de entender. E deixe-me enfatizar agora que você não precisa ter uma declaração “s if”. Você só pode executar uma única condição. Se isso é isso, então faça isso. Você não precisa definir a alternativa para, OK, mas e se a primeira condição não for atendida? O que deveria ser o PHB? O que a imprensa deve fazer? Se você não definir isso, o What press simplesmente não fará nada. Então, vou dar alguns exemplos aqui diretamente agora do What press. Nós temos algo chamado tags condicionais. São tags criadas pela What press already que ajudam a verificar se determinadas condições foram atendidas. Então, deixe-me dar alguns deles. Agora, você pode ver se é a página inicial, se estamos na primeira página, você rola para baixo e verifica se é um administrador Vamos rolar um pouco mais para baixo. Ele verifica se uma postagem está fixa, se os comentários estão ativos e, portanto, você pode verificar muitos tipos diferentes de condições Se uma página específica estiver na categoria com o número de identificação nove e assim por diante, eu encorajo você a dar uma olhada na página porque você tem muitas condições. No entanto, quero dar um exemplo, e a tag condicional com a qual trabalharemos é a miniatura da postagem H. Isso verifica se uma postagem tem uma imagem em destaque anexada a ela. Agora, aqui, para minha postagem, eu tenho uma imagem aqui. Você pode ver a imagem em destaque do PHP. Agora, o que vou fazer é criar uma função condicional que verificarei se minha postagem tem uma imagem em destaque E se isso acontecer, vamos alterar o tamanho com o qual a imagem é realmente exibida. Agora, se eu acessar meu arquivo do Notepad aqui e acessar o conteúdo shingle dot pHp com o tema 2021, temos essa função aqui chamada da postagem de 2021 Esta é a função que atualmente exibe minha imagem em destaque e minha postagem. No entanto, vamos mudar isso. Vou prosseguir agora para remover essa função. Agora, se eu salvar isso, se voltarmos para a postagem e eu atualizar aqui, você pode ver agora que a imagem em destaque não é mais exibida porque eu removi a função. Legal. Deixe-me agora pegar essa função que escrevi anteriormente. Deixe-me copiar isso. Vamos agora voltar ao arquivo de partes da minha nota e aqui, aqui mesmo, vou colar isso agora. E o que temos aqui? Tudo bem, veja isso. Eu criei minha declaração condicional ou minha função condicional aqui que diz I. E agora a tag condicional real tem Então, primeiro de tudo, estou verificando se minha postagem tem uma miniatura Em seguida, exiba a miniatura. condição: esta tag de modelo escreve o sublinhado da postagem. A miniatura do sublinhado é usada para exibir a imagem em destaque da sua postagem, assim como o título do sublinhado é usado para exibir o título, o sublinhado , exceto o sublinhado, é usado para exibir exceto o sublinhado, é A miniatura do sublinhado da postagem com sublinhado é a tag de modelo pré-criada no Wt Press que exibirá sua imagem em Wt Press que exibirá Agora, a miniatura do sublinhado da postagem, tag do modelo pode aceitar o tamanho da imagem que queremos Nesse caso, no momento, defini o tamanho como médio. Agora estou dizendo à Wat Press que, ei, se minha postagem tiver uma imagem em destaque, exiba a imagem em destaque, mas o tamanho médio. Vou seguir em frente agora para salvar isso. E se você voltar ao meu site, atualize a página, agora você pode ver que a imagem está sendo exibida em tamanho médio Agora, lembre-se de que, pelo tamanho, não estamos necessariamente falando sobre o tamanho da imagem. A razão é porque, com o tema 2021, ele foi projetado de forma que a imagem em destaque ocupe uma configuração de largura e altura. Dessa forma, o tamanho com o qual estamos exibindo a imagem determinará o quão nítida ou desfocada a imagem ficará Agora, como estamos exibindo a imagem com o tamanho médio de 300 pixels por 300 pixels, que é o padrão no WordPress, WordPress agora vai esticar a imagem para ocupar a largura e a altura iniciais definidas pelo tema. É por isso que ela está muito, muito desfocada, mas adivinhe Se eu voltar aqui e mudar o tamanho médio para um tamanho ainda menor, que é a unha do polegar, que acredito ser 150 por 150 Isso geralmente é o padrão. Acho que escrevi miniatura incorreta, miniatura, não miniatura. Deixe-me dizer isso de novo. Agora, se eu voltar, veja isso. Ok, vou atualizar a página. E agora, você pode ver que é ainda mais ousado, é ainda mais alto agora , porque eu basicamente forcei WordPress a esticar a imagem É por isso que está tudo muito, muito desfocado agora, mas esse não é o objetivo principal deste vídeo O objetivo aqui é apenas mostrar que realmente podemos alterar o tamanho da imagem. Agora, se eu voltar aqui e mudar isso agora de miniatura para grande, ok Agora, a imagem ficará muito mais clara porque exibiremos usando um tamanho grande e muito novo Agora você pode ver que a imagem agora está muito, muito clara porque não a estamos mais esticando com o uso do tamanho médio ou do tamanho da miniatura Então, isso é basicamente uma declaração condicional. Você os encontrará em muitas situações. E voltando ao meu arquivo aqui, tipo, mesmo no HeadAtPHP, na verdade, você não tem nenhuma declaração condicional Se eu vier aqui para meu único arquivo ph con de ponto único, agora você pode ver uma declaração condicional aqui que diz se e então não é singular Observe que você tem essa placa ali. Está bem? Isso aqui é o valor não nulo Então, basicamente, eu estou dizendo agora que se esta página não é uma página singular, então faça alguma coisa, ok? Portanto, esse é outro símbolo que você encontra muito com declarações condicionais Agora, deixe-me mencionar uma coisa bem rápida , porque é importante. Você deve ter notado que, com essa declaração if, existe a condição end if aqui. Então, basicamente, estamos encerrando a função condicional. Você nem sempre precisa usar o final if se estiver executando a instrução If, ok? Nem sempre é necessário. No entanto, para uma boa prática, eu recomendaria que você sempre encerrasse sua declaração de I. Então, neste caso, agora, aqui em cima, eu simplesmente voltarei aqui e direi PHP e depois terminarei se e aí estiver, o ponto e vírgula e depois fecharei a tag PHP É uma boa prática, mas deixe-me mencionar que nem sempre encontraremos desenvolvedores que sempre fechem cada uma de suas declarações if. No meu caso, no momento, a razão pela qual eu não fechei isso inicialmente foi porque, dentro desse bloco, no momento, não estou executando nenhuma outra declaração condicional Por exemplo, essa é a única declaração if neste bloco. No entanto, se eu fosse executar outra declaração condicional dentro desse bloco, teria encerrado a primeira Mas, como eu disse, geralmente é uma boa prática encerrar todas as instruções if e evitar possíveis problemas com seu código. Então, isso é um agradecimento por assistir, e nos vemos na próxima aula. 8. Funções do Wordpress: Ok, então vamos começar a falar sobre funções e como você pode escrever suas próprias funções usando PHP no WordPress. Agora, anteriormente, vimos essa função específica que eu criei chamada print greeting, e todo o trabalho dessa função era apenas exibir o texto Você é muito bem-vindo, e é muito, muito simples Você tem a função e , em seguida, tem o nome da função. Você terá seus colchetes e, em seguida, terá os Colibrs abertos para introduzir o HTML, feche-o e, aqui mesmo, é aqui a função é Ok, deixe-me te mostrar outra coisa aqui. Se eu for para phb.net e depois der uma olhada na referência da função, aqui, você verá todas as funções pré-construídas disponíveis com Agora, isso pode ser usado para fazer muitas coisas, como, você sabe, verificar a data de hoje, verificar se um usuário está logado e assim por diante E aqui embaixo, se você percorrer, começará a ver os diferentes tipos de extensões. Aqui, você tem a extensão relacionada à data e hora. Portanto, se você quiser fazer algo com o tempo, é aqui que você terá as funções disponíveis. Agora, uma delas é a função de data. Muito, muito, muito simples. Ele simplesmente exibe a data. Agora, existem diferentes maneiras de escolher exibir a data. Então, como exemplo, aqui embaixo, você tem acesso aos diferentes exemplos. Então, se você dissesse data do eco e, em seguida, entre colchetes, você tem L, isso simplesmente imprimiria algo como segunda, terça, quarta-feira Se você quisesse algo diferente, como, digamos, segunda-feira, 8 de agosto de 2005 e depois a hora, você usaria algo assim e assim por diante Ok, vou ver meu arquivo do Bloco de Notas aqui. Deixe-me pegar isso bem rápido. Vá aqui para o meu cabeçalho dot PhP. E eu vou prosseguir agora e abrir isso. Deixe-me colar o código aí mesmo. Então, o que estou fazendo agora é simplesmente repetir data de hoje no meu cabeçalho Vou prosseguir agora e salvar isso, vamos voltar para o navegador, voltar aqui, consulta a página, e aí está. Segunda-feira, 31 de maio de 2021. Agora observe que eu não precisei criar uma função ou algo parecido. Tudo o que eu simplesmente preciso fazer é usar a função PHP real diretamente na data. Então, isso é diretamente de Pat, e eu simplesmente usei o Echo para imprimir a data nesse formato específico Então, essa é uma forma de criar suas próprias funções. Ou eu uso funções diretamente do PHP, mas e se você quisesse usar suas próprias funções, certo? O problema é o seguinte. Com o Wtpress, já temos acesso a uma grande variedade de funções PHP Agora, se você acessar o desenvolvedor do wbpress.org e pesquisar por essas funções, aí mesmo, você terá um pouco mais de explicação sobre as funções do arquivo PHP e coisas assim você terá um pouco mais de explicação sobre as funções do arquivo PHP e Agora, todo o trabalho das funções é como plug-ins. Os plug-ins são usados para realizar certos tipos de ações em nosso site. Você pode ter um plugin que faz algo muito, muito simples e, claro, você pode optar por instalar esse plugin. Mas adivinhe? Você pode até escrever uma função, sua própria função que faz exatamente o que esse plugin deveria fazer. Em outras palavras, se você for capaz de escrever suas próprias funções, não precisará de certos tipos de plug-ins. Então, como exemplo, dê uma olhada nisso, eu vou abrir isso. Aqui, você tem sua referência funcional no Watpress Agora, assim como com o PHP que tem várias funções pré-construídas, WatPress também tem seu próprio conjunto de funções pré-construídas que você pode usar para criar seu próprio novo conjunto de funções ou simplesmente personalizá-las Então, aqui na referência funcional, você tem acesso a muitas funções. Você os tem em postagens ou páginas de tipos de postagem personalizados. Então, qualquer coisa relacionada a uma página ou postagem e assim por diante, você terá todas as funções aqui e, em seguida, as categorias e tags, você as terá aqui também. Vamos nos acalmar. Você pode ver tantos. E então, qualquer coisa relacionada ao usuário, endereço de e-mail, senha do usuário , coisas assim, você as terá aqui. Você tem suas funções de feed e, em seguida, tem qualquer coisa relacionada a comentários, pin back, funções de rastreamento e assim por diante. Você rola até aqui. Você tem as funções múltiplas e assim por diante. Ok, com isso dito, vamos criar uma função muito, muito simples. Isso verificará se um usuário está conectado ou desconectado Agora, aqui, na verdade , temos uma função chamada Eu estou logado Tudo o que isso faz é verificar se um usuário está bloqueado ou bloqueado e, em seguida, você pode fazer o que quiser que a função faça. Então, deixe-me ir até o meu arquivo, e eu vou pegar esse código bem rápido. Vamos voltar ao nosso arquivo do Bloco de Notas aqui. Vou remover isso. Deixe-me colar isso aqui e deixe-me explicar exatamente o que está acontecendo aqui. Então, o que temos aqui é um código PHP muito simples que verifica se um usuário está logado E então, se o usuário estiver logado, daremos as boas-vindas ao usuário registrado contrário, se o usuário não estiver logado, basta dizer bem-vindo visitante Então, isso é o que chamamos de declaração condicional ou função condicional, se você Basicamente, estamos oferecendo duas alternativas. Ou o usuário está logado e, se o usuário estiver bloqueado, basta dizer bem-vindo usuário registrado Mas se o usuário não estiver bloqueado, basta dizer bem-vindo visitante. Vou prosseguir agora para salvar isso e vamos ver o que vai fazer. Vou acessar meu navegador Firefox aqui. Agora, como você pode ver agora, estou bloqueado. Não estou logado. Então, deixe-me atualizar, e você pode ver que diz bem-vindo visitante, porque eu não estou preso No entanto, se eu acessar meu navegador Chrome, certo, você pode ver que estou realmente logado agora como administrador Se eu atualizar, agora ele dirá bem-vindo usuário registrado. Então você pode ver agora que a função realmente funciona corretamente. Agora, voltando ao WordPress aqui, há muitas funções aqui que permitirão que você faça muitas coisas. Você pode verificar se o usuário está usando um dispositivo móvel ou não. Você pode imprimir o título de uma postagem. Você pode verificar se uma postagem tem uma imagem em destaque e assim por diante. Então, o que fizemos neste vídeo em particular são funções muito, muito simples para fazer certas coisas. Juntando-se ao vídeo VNex, onde agora veremos funções mais avançadas 9. Ações e filtros: Vamos agora dar uma olhada em algumas funções mais avançadas e especificamente, conectar ações e filtros O que exatamente são esses? Um gancho é um termo muito genérico usado para descrever um local ou um ponto em que um local ou um ponto em uma parte do código pode interagir com outra parte do código. Agora, não se preocupe, você verá que estou falando em apenas um momento. Agora, quando se trata de ganchos, geralmente existem dois tipos Você tem ações e depois tem filtros. Uma ação, literalmente , faz alguma coisa. Então, digamos, por exemplo, que você queira criar um cenário em que, depois publicar uma nova postagem em seu site, queira que o Watpress envie um tweet para todos os seus assinantes A ação de enviar esse tweet é uma ação, certo? Então, basicamente, é isso que as ações são. E aqui, se você acessar o Watpress Codex e pesquisar a referência da ação, aqui, você verá uma lista completa de ações diferentes que já foram criadas pelo Watpress que farão algo por você em um Digamos, por exemplo, que você queira fazer algo antes que o tema seja carregado. É claro que isso seria algo avançado. Mas aqui, você tem a ação chamada configuração do tema Underscore Ao executar essa ação, você poderá fazer algo antes que o tema seja carregado. Você pode usar essa ação, registrar a barra lateral para criar basicamente barras laterais e assim por diante. Mas que tal um filtro? Um filtro é usado para modificar os dados antes de serem usados ou exibidos no seu navegador. Isso é basicamente o que os filtros são. Então, filtros, eles mudam as coisas. Eles mudam as coisas. Na verdade, uma maneira muito fácil de descrever ações seria elas fazerem coisas enquanto os filtros mudam coisas. Outra grande diferença entre ações e filtros é que uma ação não forneceria dados com os quais trabalhar. As ações simplesmente agem. Eles fazem seu trabalho e depois saem. Os filtros, por outro lado, fornecerão algo, fornecerão dados com os quais trabalhar antes de executarem a função. Um exemplo clássico seria o típico, exceto o que você tem para wordpress. Por padrão, acho que tem cerca de 50 palavras. Das 55 palavras que o wordpress usaria para seu trecho, se você quisesse alterar o número de palavras no trecho da postagem, precisará usar um filtro porque precisa primeiro obter a exceção e depois modificar o número de palavras, e então você passará sua modificação de volta para o filtro, que Vamos dar uma olhada aqui em alguns exemplos de uma ação e um filtro. E agora, eu já escrevi uma função, então deixe-me pegá-la rapidamente aqui. E, claro, vamos para nossas funções PHP, porque é aqui que normalmente adicionamos nossas ações e filtros. Então, o que está acontecendo aqui? A propósito, não tenho certeza se mencionei isso, mas outra forma de adicionar comentários em seu pit paper seria simplesmente adicionar a barra invertida duas vezes, e então você pode adicionar seu texto ou seus comentários Então, o que estou tentando fazer aqui é adicionar uma declaração que aparecerá na primeira página. Mas se não estiver na primeira página, não faça nada. Então, isso está aqui. A função é chamada de adicionar texto promocional. Esse é o nome da minha função. E você pode ver agora, eu adicionei o comentário que diz: Se não estivermos na página inicial, não faça nada Caso contrário, se não for a primeira página, quero que você retorne ou imprima Hot Promo is Back. Então, para levar isso um pouco mais longe, estou usando o Echo para imprimir a declaração A promoção Hot está de volta. Mas também estamos usando as duas etiquetas H para embrulhá-la e torná-la um pouco maior. Então, mais uma vez, confira isso. Estou dizendo que minha função se chama texto promocional do anúncio, certo? Na verdade, deixe-me expandir isso um pouco para que você possa ver um pouco mais claramente Então, mais uma vez, o nome da função é texto promocional do anúncio, ok? E o trabalho dessa função é fazer com que a promoção do Hot esteja de volta apenas na página inicial, porque no momento ela diz que, se não estivermos na página inicial, não faça nada Caso contrário, se estivermos na página inicial, repita isso. Essa é a função. No entanto, agora precisamos adicioná-lo como uma ação, e essa é a afirmação aqui. Na verdade, você pode até mesmo ter essa ação de adição na parte inferior. OK. Então, às vezes você pode ver alguns desenvolvedores adicionando a ação primeiro e depois a função. Em outros casos, você terá a função primeiro e depois a ação. Portanto, temos essa ação ou função real chamada ação de adição. E para adicionar ação , são necessários dois parâmetros. O primeiro será basicamente o nome da ação. Nesse caso, agora, está depois cabeçalho e depois do nome da função, que neste caso é adicionar texto promocional. Tudo bem, escrevemos a função. Nós adicionamos a ação. Mas agora, como realmente executamos essa ação? Lembre-se de que apenas criar uma função sozinha não significa necessariamente que ela será executada. Você precisa chamar a função. Você precisa executar a função sozinho. Então, como vamos fazer isso? Bem, deixe-me ir em frente e salvar isso antes de tudo. Está bem? E então deixe-me pegar rapidamente o código aqui, bem rápido. Faça uma ação. Vou até o meu cabeçalho dot PHP, e aqui é aqui que queremos imprimir a declaração. Então eu vou dizer PHP. Vou colar o código. Adicione meu ponto e vírgula e fecharei o código PHB. Essa função aqui, faça a ação. Agora, essa é a função usada para chamar uma ação que já criamos. E neste caso, neste momento, o nome da ação, voltando à função dot PHB é o quê? Depois do cabeçalho. Esse é o nome da ação. Então, aqui, agora estamos dizendo o que pressionar para fazer a ação chamada After underscore header Vou prosseguir agora para salvar isso e vamos ver quais são os resultados. Vamos voltar para What press to my site. Vou atualizar a página. E, ok, então agora, ok, estamos na página inicial, então diz que a promoção Hot está de volta. No entanto, se eu fosse até o post de Pat P para a imprensa, você pode ver que agora não há nenhuma promoção interessante que esteja de volta. Vamos para a página de arquivo, por exemplo, você pode ver que ela não aparece até voltarmos à página inicial e, em seguida, diz que a promoção Hot está de volta Então, para dar uma rápida recapitulação, esta aqui está a ação que criamos chamada after header E sempre que você estiver adicionando uma ação, você precisa, primeiro de tudo, nomear a ação, que está depois do cabeçalho, e então você precisa fornecer a função que você deseja que a ação realmente execute. Essa função é adicionar texto promocional, e essa aqui é a função real. E, em seguida, indo para a página de pontos do cabeçalho , é aqui que queremos chamar a ação que criamos. E precisamos fazer isso, precisamos usar a função chamada fazer ação e, em seguida, o nome da ação. Isso aqui é o que você pode chamar gancho, porque agora estamos conectando nosso cabeçalho dot pHp às nossas funções dot pHb por meio da ação chamada cabeçalho After Underscore Isso é basicamente uma ação no trabalho. OK. Agora, vamos voltar. E vamos falar sobre filtros, certo? Agora, assim como com as ações, os filtros basicamente me desculpe, ninguém age, os filtros modificam os dados. Eles alteram os dados antes que realmente usados ou exibidos no navegador. E, assim como nas ações, você tem acesso a uma grande variedade de tipos diferentes de filtros. E aqui, você pode ver que muitos deles têm filtros para páginas, postagens, tamanhos de imagens e assim por diante. Deixe-me dar um exemplo muito, muito rápido. Digamos que quiséssemos alterar o número de palavras em nosso trecho No momento, acredito que o padrão seja 55 caracteres. Mas digamos que quiséssemos criar apenas quatro personagens. Como vamos fazer isso? Quero que você perceba, antes de tudo, que existe uma função chamada trecho Isso aqui exibirá o trecho da postagem sozinho, Tenha isso em mente. Agora, o que vou fazer é apresentar a você um filtro chamado comprimento do trecho Esse filtro aqui foi criado pela What pre especificamente para que possamos usar para modificar o tamanho do trecho Você pode ver agora, eu filtro o número máximo de palavras em um trecho de postagem Confira isso. Vou pegar meu código aqui mesmo. Ok, vamos para nossas funções dot PHP. E então aqui embaixo, eu vou colar isso. O que está acontecendo aqui? Eu tenho minha função chamada My Custom, exceto Length. E veja isso. Estou retornando 30 caracteres, 30 palavras. Agora, assim como com a ação de adição, estou adicionando meu filtro e, assim como quando você usa a ação de adição, primeiro você precisa fornecer o nome do filtro com o qual estamos trabalhando, que é o que, exceto o comprimento. Esse é o filtro do que chamamos de prensa que estamos usando, exceto comprimento. E então, assim como fazemos a ação, agora você precisa fornecer o nome da função que está usando para modificar a exceção, que é meu tamanho personalizado, exceto. No entanto, diferentemente da ação em que precisávamos dizer fazer ação e depois fornecer o nome da ação, porque já temos uma função chamada trecho Não precisamos fazer nada parecido. Tudo o que precisamos fazer é ligar para o trecho. Escrevemos a função para modificar a exceção, então tudo o que precisamos fazer agora é chamar o trecho. E como fazemos isso? Vamos ao nosso conteúdo que destaca PHP e está aqui, logo abaixo do título Eu vou dizer PHP, o sublinhado, exceto Pip jo semi colon Vamos agora, salve o arquivo. E vamos voltar ao nosso navegador. Vamos para a página aqui. Vamos agora para a página de uma única página aqui. E aí está. Esse é o nosso, exceto aí em 30 palavras. Vamos realmente confirmar que é verdade. Vou voltar no troco 324. Ok, só para ter certeza de que é realmente preciso. Vamos guardar isso. Quatro é muito mais fácil de contar do que 30, então vamos atualizar. E aí está, um, dois, três, quatro. Isso é um filtro em ação. Usamos o filtro novamente porque precisávamos colocar as mãos no exceto primeiro, depois modificamos o número e depois o enviamos de volta. Outra coisa que quero mencionar é que, quando se trata de usar ações ou filtros, fazemos ações, certo? Você faz uma ação. Essa é a função. É chamado de fazer ação. Mas para filtros, aplicamos filtros. Ao examinar seus arquivos Watpress, você verá aplicar filtros em alguns locais Enquanto você vê ações, você vê agir. Você não faz filtros nem aplica ações. Você faz ações e aplica filtros. Há muito mais sobre ações e filtros, mas, neste momento, você tem uma compreensão básica de como eles funcionam e do que são. Obrigado por assistir e nos vemos na próxima aula. 10. Variáveis e matrizes: Agora vamos falar sobre variáveis e matrizes PHP e como elas são usadas no WordPress Agora, pense em uma variável como um contêiner que pode armazenar o valor de algo. Que algo poderia ser uma função. Pode ser texto, pode ser um número, pode ser qualquer coisa. Agora, de acordo com a documentação aqui, as variáveis são normalmente representadas pelo cifrão. Agora, eu sempre achei isso muito interessante, tipo, por quê? Eles escolheram o símbolo do dólar como símbolo de uma variável? Isso não é importante. Esse é um tópico inteiro para outro dia. Mas, geralmente, você terá uma variável que começará com o cifrão e, em seguida, terá o nome real da variável. Então é assim que você pode identificar uma variável. E existem diferentes tipos de variáveis usadas no PHP. Você tem números inteiros. inteiros seriam seus números, zero, um, dois, três, você teria uma string de caracteres seria seu texto Você também tem suas variáveis de ouro, que seriam verdadeiras ou falsas, e assim por diante Agora, rolando para baixo aqui, você pode ver exemplos. Primeiro exemplo aqui, você tem a variável, VAR igual a bob, então o valor da variável VAR é E então observe o segundo aqui que tem o valor de Jo. Essa variável aqui tem V maiúsculo. Portanto, observe que os nomes das variáveis diferenciam maiúsculas de minúsculas. Se uma é letra minúscula, a outra é capituladora, essas são duas variáveis totalmente diferentes Então, quando você tenta ecoar essas variáveis, você terá Bob e Joe E, de fato, deixe-me dar um exemplo ao vivo aqui. Eu já escrevi o código. Então, deixe-me ir até o meu bloco de notas. Vamos entrar aqui, abrir meu PHP, abrir meu PHP, despejar o código e fechar o PHB Então, o que você tem aqui agora é que eu criei uma variável chamada texto. Você pode ver o cifrão ali mesmo, texto é igual a PHP para Então, essa é uma variável de string, e agora estou ecoando o texto Então, em vez de eu escrever echo, PHP for life, estou simplesmente ecoando texto porque a variável de texto tem o valor de PHP para E, claro, se eu salvar isso, voltar ao meu site aqui e atualizar a página lá em cima, você verá PHP para toda a vida, muito, muito simples Você também pode atribuir funções às variáveis. Eu tenho outro exemplo aqui. Eu escrevi. Essa é uma função que examinamos anteriormente, aquela com a data. Então, deixe-me seguir em frente, abrir minhas tags PHP novamente, despejar o código e fechá-lo lá fora Novamente, atribuímos uma data variável para ser igual à função da função PHP date e, em seguida, entre colchetes, temos L, que significa que ela representará o dia de hoje, basicamente Vou continuar agora para salvar isso. E então, se eu voltar ao meu site ali mesmo e atualizar a página, você pode ver que hoje é quinta-feira Então, página B for Life e hoje é quinta-feira. Então é basicamente assim que as variáveis funcionam. Voltando ao manual aqui, eles têm muito mais exemplos de como as variáveis são usadas. Mas vamos passar agora para a matriz, porque isso é, na verdade, o mais interessante. Então, aqui, de acordo com a documentação, diz que o array em PHP é na verdade um mapa ordenado. Um mapa é um tipo que associa valores às chaves. Como exemplo, agora, você tem sua matriz aqui. Você tem a chave e, em seguida, a chave terá seu valor. Você tem a segunda chave que terá seu próprio valor e assim por diante. Basicamente, pense em uma matriz como uma função ou variável específica que tem um conjunto de atributos ou características. Você pode pensar em seu texto normal em seu site, certo? Um texto pode ter uma matriz, e essa matriz pode ser coisas como: Ok, queremos ter uma cor específica para esse texto. Então, essa cor agora seria uma chave e, em seguida, a cor terá um valor. É vermelho? É azul? É verde? Você pode ter o tamanho da fonte. Esse tamanho de fonte pode ser a chave. Portanto, o valor pode ser 26 pixels, 30 pixels. Ele poderia ter uma família de fontes, que seria Monstera Totaoma então isso é basicamente o que é uma matriz Você encontrará muitas matrizes no WordPress, e eu tenho vários exemplos lá para mostrar se eu vou até minhas funções dot PHP, aqui, essa é a função para registrar uma barra lateral, certo? Portanto, é chamado de widgets 2021 e, em seguida, esta é a barra lateral real do registro de funções pré-construída lateral real do registro de funções Mas agora sei que temos o Ay. E no A, agora temos várias chaves, que seriam o nome. Por exemplo, qual é o nome da barra lateral? Oh, o valor é que é chamado de rodapé. O que é o ID? O ID é a barra lateral um Qual é o título anterior? Vamos colocar uma classe H dois antes do título e seguida, colocar a tag de encerramento H dois após o título e assim por diante. Então, aí mesmo, você tem a matriz com as chaves e, em seguida, os valores dessas chaves. Eu vou te dar outro exemplo aqui, e este é realmente muito, muito, muito interessante. Aqui mesmo. Então você tem essa função chamada adicionar suporte a temas. Essa é uma função pré-construída com o Wordpres que permite adicionar nossas opções de personalização ao adicionar nossas opções de personalização Agora, nesse caso, agora, estamos adicionando o suporte para um plano de fundo personalizado. Eu vou te mostrar algo muito, muito bom porque eu quero que você veja como isso realmente funciona. Se eu for personalizar, isso é para o tema 20 e 21, só para lembrá-lo de que, se eu for personalizar aqui e pedirmos desculpas, minha Internet está agindo de forma estranha novamente Ok, então se passarmos para as cores no modo escuro, aqui, você vê a cor de fundo. Temos a capacidade de personalizar a cor de fundo por causa dessa função aqui. No suporte, quatro cores de fundo personalizadas. Agora, veja isso. a cor vermelha padrão definida como d1e4 DD, que é como um tom claro de Se eu voltar ao meu site aqui, você vê a cor de fundo? Esse é o padrão. E quando eu clico lá, qual é o valor de14 DD. Está aqui mesmo. Mas observe que aqui embaixo, temos outras cores que podemos escolher rapidamente. Você tem a cor preta. Você tem outro tom de preto. Você tem como rosa e assim por diante. Todos esses valores estão aqui. Você os vê? Essa é a variável preta que tem esse valor, cinza escuro tem esse valor, laranja tem esse valor e assim por diante. Então, o fato é que, ao começar a trabalhar com o WordPress, você encontrará variáveis sempre serão muito, muito comuns. Abra seu ponto de função HB de qualquer tema, e você os verá em todos os lugares, bem longe, você verá as teclas e, em seguida, verá os valores dessas teclas Então, essa é uma breve introdução ao mundo das variáveis e dos raios. Obrigado por assistir. Te vejo na próxima. 11. O loop do Wordpress: Sem custo, o What press e PHP seriam completos sem falar sobre, sem dúvida, a função mais poderosa de todo o What press, que é o loop do WordPress O que exatamente é isso? Eu tenho alguns livros aqui comigo, e não se preocupe. Não estou tentando vendê-los para você. Eu tenho três livros aqui, certo, e cada um desses livros tem seu próprio título. Eles têm seu próprio autor, seu próprio número de páginas, sua própria classificação e assim por diante. Vamos imaginar que você fosse bibliotecário e fosse sua responsabilidade registrar todas essas informações sobre cada um desses livros. Você pode fazer isso manualmente. Mas e se você pudesse realmente criar uma função ou um programa que pudesse digitalizar esses livros e, em seguida, publicar automaticamente as informações desejadas. Isso seria incrível, certo? Agora, pense nesses livros como suas postagens no What Press. Pense naquele programa que pode escanear essas postagens e exibir as informações como o loop de pressão What. Portanto, o trabalho do loop é basicamente acessar suas postagens e começar a escolher as informações, o título da postagem, o autor da postagem, a data da postagem e, em seguida, exibi-las em seu site Isso é basicamente o que o loop faz. Agora, eu tenho outro artigo aqui, o que o loop pode mostrar? Ele pode exibir o link da próxima postagem, o link da postagem anterior, a categoria da postagem, o autor, o conteúdo que eles aceitam, o ID, a tag curta do link, a hora do título. Também funciona com tags condicionais. Se essa for a página inicial, exiba-a. Se esta não for a página inicial, faça isso e assim por diante. Agora, deixe-me abrir meu arquivo de bloco de notas aqui e aqui, se você abrir seu ponto de índice PhB, na verdade, qualquer tema WordPress, não importa o quão sofisticado seja o tema, você terá um loop em seu PHP de pontos de índice E aqui, esse é o loop quando meio postado , começa com I meio post. Basicamente, dizemos que, se o site tiver postagens, e enquanto continuar a ter postagens, faça isso. Agora, você disse essa função chamada get template pot. Isso é basicamente uma função que vincula 11 arquivos a outro arquivo. Então, estamos vinculando o ponto de índice p agora ao arquivo PHP de ponto de conteúdo, que está dentro do que você tem aqui, seu conteúdo, aquele arquivo PHP de ponto único Então, estamos vinculando o índice do arquivo PG aqui a esse arquivo específico aqui Então, uma vez iniciado o loop no índice do PHP, é aqui que começamos a gerar as informações. Então, temos o título. Você tem a miniatura. Você tem o conteúdo e assim por diante. Agora, é claro, você pode personalizar o loop de pressão Wat para exibir certos tipos de informações. Você pode dizer ao loop que, ei, em vez de exibir todas as postagens, exiba somente postagens dessa categoria específica. Em vez de exibir postagens, por que não exibir meu tipo de postagem personalizada de filmes. Na verdade, eu escrevi um exemplo aqui apenas para mostrar rapidamente como isso pode parecer. Então, deixe-me jogar isso aqui, bem rápido. Então, agora, você pode ver que fizemos o que criamos, uma variável chamada gs. Eu também poderia chamar isso de loop, loop personalizado e assim por diante, mas para os propósitos deste vídeo, chamei minha variável de gs, e essa variável agora tem uma matriz. Falamos sobre RAs anteriormente e analisamos as chaves. O primeiro aqui é o tipo de postagem. Então, agora estou dizendo ao loop que, Ei, escolha as informações do tipo de postagem de filmes. Agora, não estamos lidando com o bom e velho post de imprensa do Wat, estamos lidando com filmes. E então, para o nome da categoria, escolha filmes que sejam apenas da categoria específica de filmes de ação e ação, certo? E, em seguida, publique por página que esteja nesse loop, exiba apenas três filmes. É assim que você pode personalizar o loop de pressão What. Então, novamente, o trabalho do loop é acessar suas postagens ou qualquer postagem personalizada na qual você tenha configurado para se concentrar e, em seguida, começar a escolher as informações desejadas, o número de postagens, a categoria das postagens e assim por diante. E então, usando nossas tags de modelo, como o título, o ex serve o conteúdo, podemos ditar quais informações o loop deve exibir É basicamente assim que o loop funciona. É claro que há muito mais no loop do WordPress. Vou entrar, é claro, no meu curso principal de desenvolvimento de temas para WordPress. Mas, por enquanto, acho que consegui dar uma breve introdução ao loop do WordPress o que ele faz e como realmente funciona. Obrigado por assistir, e nos vemos na próxima aula. 12. O que é Javascript: O JavaScript é basicamente uma das linguagens de programação mais populares do mundo atualmente. Está em todo lugar. Você encontraria JavaScript em seus navegadores, sites, aplicativos da web, aplicativos de terceiros e assim por diante. Agora, sempre que você pensar em um código ou em uma função que adiciona um pouco de dinamismo ou entusiasmo a um site, é provável que o JavaScript funcione nos bastidores Se você olhar sites de comércio eletrônico onde eles usam coisas como cupons, provavelmente serão JavaScript, calculadoras interativas Sempre que você vê coisas como galerias, controles deslizantes ou situações em que um usuário clica em um botão e o botão se expande ou diminui, esses tipos de animações controles deslizantes ou situações em que um usuário clica em um botão e o botão se expande ou diminui, esses tipos de animações geralmente são executados por JavaScript. Deixe-me dar um exemplo aqui. Este é um dos meus sites, Lab Cyber, e você pode ver, eu tenho essa galeria aqui. E quando eu passo o mouse sobre uma imagem, você pode ver que ela meio que se expande, e então você tem um pouco de texto que aparece Isso é basicamente JavaScript. O JavaScript também é usado em situações que chamamos de baseadas em eventos. Basicamente, são situações em que talvez o usuário redimensione o tamanho da janela ou talvez use o mouse para clicar em um botão Para demonstrar isso, deixe-me trazer outro site aqui. Esta é a W Three Schools. E aqui, veja o que acontece quando eu clico no botão Pread yourself aqui Eu clico lá, e agora você tem o navegador dizendo 11. Isso é basicamente o Gyroscript trabalhando nos bastidores. Então, sempre que você pensa em um código que adiciona um pouco de entusiasmo, animação, dinamismo e alguma funcionalidade robusta, normalmente é o Gyroscript trabalhando nos bastidores 13. Estruturas e bibliotecas do Javascript: Agora vamos falar sobre estruturas e bibliotecas de JavaScript , porque isso é algo sobre o qual você ouvirá muito Estruturas e bibliotecas de JavaScript são basicamente trechos de código pré-escrito que você pode reutilizar em seu site o quanto quiser, mas há uma diferença significativa entre uma biblioteca e uma Deixe-me fazer uma analogia. Digamos, por exemplo, que você queira preparar macarrão, espaguete O que você precisaria basicamente seria uma panela de água fervente, talvez um pouco de óleo, um pouco de sal e sua massa real, certo? Isso seria uma biblioteca. Uma biblioteca basicamente fornece acesso a código que atinge um tipo específico de funcionalidade Para fazer uma analogia baseada na web, talvez você quisesse criar uma animação em seu site, dizendo que quando o usuário clica em uma imagem, talvez ela se expanda ou desapareça, ou desapareça, esse é um tipo de funcionalidade muito, muito específico muito Você encontraria esses tipos de código para essa funcionalidade. Em uma biblioteca como a Jquery, jQuery é um dos exemplos mais populares de JavaScript. Mas uma estrutura, voltando à analogia do pastor, em vez de você ter acesso ao seu macarrão, à panela, à água, ao óleo salgado, né, tudo o que você precisa para fazer o macarrão Não vamos, imagine que você tem acesso a uma cozinha inteira. Você tem a churrasqueira ali. Você tem outras panelas e molhos e tem ketchup, ovos, Você tem, tipo, uma cozinha totalmente abastecida. Isso é basicamente o que uma estrutura seria. Uma estrutura permite que você desenvolva um site completo do zero. Então, essa é uma diferença significativa entre uma estrutura e uma biblioteca. Framework fornece acesso a uma grande variedade de funções que você talvez nem use, mas na biblioteca, forneceremos acesso a código muito específico que você pode usar e obter um tipo específico de funcionalidade. Agora, em termos de estruturas, você ouviria estruturas como o angular JS e assim por diante Para as bibliotecas, existem duas muito, muito populares. Você tem jQuery e Jason. O JSN é normalmente usado para desenvolver aplicativos de terceiros. O Jaqery seria mais adequado para suas animações em Mas também há outro chamado JavaScript React. Essas são bibliotecas JavaScript muito, muito populares. 14. Diferença entre Javascript e PHP: Agora vamos falar sobre a diferença entre PHP e JavaScript. No grande esquema das coisas, diz respeito ao Watpress, PHP seria a mais importante das duas linguagens Isso porque o próprio Watpress é desenvolvido em PHP, mas o JavaScript ainda desempenha um papel muito, muito significativo Uma grande diferença entre PHP e JavaScript, porém, é o fato de que, embora o PHP seja baseado em servidor, o JavaScript será baseado em cliente. O que isso significa simplesmente é que, quando o PHP está envolvido, uma solicitação deve ser enviada do seu site para o servidor da web para que essa solicitação seja concedida ou negada. Mas, no caso do JavaScript, seu servidor não estará envolvido de forma alguma. É basicamente o navegador do usuário que acessa seu site. Deixe-me dar um exemplo aqui, ok? Estou no meu blog aqui. Estou na página inicial Se eu fosse clicar em Como decidir o blog do Wordpress, clico neste link agora, você pode ver a atualização da página e agora temos acesso a uma nova página Isso é basicamente o PHP funcionando porque quando eu cliquei no link aqui, a solicitação para acessar esta postagem foi enviada para o meu servidor web Meu servidor web atendeu à solicitação e agora tenho acesso ao conteúdo da postagem. Isso é PHP. Mas nos casos em que o JavaScript está relacionado, essas solicitações nunca chegarão ao servidor. Basicamente, será o navegador que interpretará o código. Então, outra forma de ver isso é que código PHP é interpretado por servidores web, enquanto o código JavaScript é interpretado por E, como resultado, o código JavaScript normalmente é executado muito mais rápido do que o código PHB, porque a solicitação não precisa ir para meu servidor web em algum lugar do mundo Não, a solicitação será tratada diretamente no navegador da web quando se trata de JavaScript Agora você pode pensar que, ok, se o código JavaScript é mais rápido que o PHP , isso significa que o JavaScript é sempre melhor, certo? Bem, a resposta é não. Na verdade, o Jaroscript tem alguns problemas muito, muito significativos Uma delas é o fato de lembrar que eu disse que é o navegador do usuário que acessa seu site que interpretará o código JavaScript. Bem, e se o JavaScript não estiver habilitado no navegador do usuário Seu código Jaroscript não funcionará, e há uma razão pela qual muitas pessoas tendem a não querer ativar Jaroscript em seus navegadores porque há ataques muito populares, um em particular conhecido como sites Este é um ataque cibernético muito, muito poderoso baseado na Web em sites que exploram o uso de código Jaroscript malicioso Basicamente, o hacker seria capaz de inserir código malicioso no navegador da vítima Então, quando a vítima visita o site, o navegador executa o código malicioso Há uma razão pela qual esses ataques são muito, muito populares e, como tal, muitos usuários tendem a querer desativar o Gyroscript em seus Portanto, o Gyroscript depende muito de se o navegador do usuário que acessa seu site realmente ativou o Gyroscript ou não do usuário que acessa seu site realmente ativou o Gyroscript ou Então, por favor, tenha isso em mente. Gyroscript pode ser mais rápido que PHP, mas nem sempre é melhor 15. Como o Javascript é usado no Wordpress: Ok, agora vamos falar sobre como o Jaroscript é usado no próprio Wordpress Você encontraria JavaScript em muitos temas e plugins, certo? Qualquer tipo de plugin que envolva coisas como animação, galerias, controles deslizantes, reprodutor de vídeo, reprodutor de áudio, coisas assim Normalmente, você encontrará código JavaScript nesses plug-ins. O JavaScript também é usado no back-end dos sites wordpress.com Na verdade, esta é a página aqui , o novo wordpress.com O back-end é chamado Calipso. Tudo o que você encontraria no back-end aqui é, na verdade, alimentado por JavaScript. Novamente, lembre-se de que isso é específico para sites wordpress.com Mas e o site real do wordpress.org? Bem, sempre que você acessa as opções de tema personalizado, como o que você vê aqui, sempre que configura coisas como a identidade do site, talvez você altere os menus. Dependendo do tipo de tema que você está usando, você verá outras opções como, você sabe, alterar o tema, a cor, o tamanho do seu texto, coisas assim. Tudo o que você basicamente vê aqui é executado por JavaScript. É só quando eu faço as alterações aqui e depois clico em Publicar, é que o PHP entra em ação, porque agora estou enviando a solicitação ao meu servidor web para publicar essas alterações que fiz no meu site via JavaScript. É aí que entra a página três. Mas todas as mudanças estão aqui diretamente no site em que estou alterando o menu, mudando para as configurações da página inicial, adicionando código ao head-up de coisas assim Tudo aqui é alimentado por JavaScript. Também temos a API Rest do Wordpress, a interface de programação de aplicativos. O conceito em si está muito além do escopo deste tutorial, mas deixe-me dar uma ideia do que é. A API REST do Wordpress é basicamente uma interface que permite aos desenvolvedores acessar o back-end de um site do Wordpress sem precisar fazer login diretamente no back-end. Portanto, a ideia aqui é permitir que os desenvolvedores integrem aplicativos de terceiros de outros sites como YouTube, Google, Facebook ou qualquer outra coisa, permitindo que eles integrem aplicativos desses sites ao back-end do Wordpress, mas sem precisar fazer login físico no back-end diretamente desse site. Isso é basicamente a API Rest do Wordpress. Esta é uma versão ou significado muito simplificado do que realmente é. Mas lembre-se de que sempre que você ouvir a API Rest do Wordpress, saiba que o JavaScript está funcionando nos bastidores. 16. Código de amostra de Javascript 1: Deixe-me agora apresentar a você dois exemplos de código JavaScript muito simples, apenas para dar uma ideia do que é a sintaxe e como ela funciona nos bastidores Agora, no primeiro código que você vê aqui, eu quero que você adivinhe o que estamos realmente tentando fazer. Você pode dar uma dica da cor direita do ponto do animal do documento Quando você vê isso, o que vem à sua mente? Se você está pensando, bem, estamos tentando mostrar ou escrever a cor do animal, você está correto. É exatamente isso que esse código deve fazer. Mas deixe-me explicar melhor para você. Veja, temos, em primeiro lugar, a variável animal, variável representada por VAR e depois animal. O que é uma variável, certo? Uma variável seria algo um elemento ou um objeto no qual estamos tentando realizar uma ação. Nesse caso, agora, estamos tentando exibir a cor da nossa variável, que é animal. Mas então temos algo chamado método. Métodos são as ações reais que estamos tentando realizar. Nesse caso, qual é o método? O método está certo. Estamos tentando imprimir ou exibir a cor do animal. Agora você sabe o que é a variável, você sabe o que é um método. Mas então dê uma olhada. Temos esses colchetes encaracolados aqui e, por dentro, temos tipo igual a cachorro, cor igual a preto, raça igual a labrador. O que exatamente são esses? Bem, tipo, cor, raça é o que chamamos de propriedades. Propriedades do nosso objeto, que é o animal, e essas propriedades têm seus valores. O valor do tipo de propriedade é igual a dog. O valor da cor da propriedade é igual a preto, e o valor da raça da propriedade é igual a aprado, e todos eles estão Você sempre pode distinguir uma matriz pelos colchetes e, quando você tem o valor da propriedade, o valor da propriedade, isso é basicamente o que chamamos de matriz Agora, você sabe o que é uma variável, sabe o que são objetos. Você sabe o que são matrizes, propriedades, valores e métodos Tudo aqui agora, a coisa toda é o que você pode chamar de função. Nossa função aqui é mostrar a cor do nosso objeto, que é a do animal. 17. Código de amostra de Javascript 2: Vamos agora dar uma olhada no segundo exemplo que é um pouco mais avançado, mas é o mesmo conceito, certo? Temos nossas variáveis aqui, que agora são números constantes. Portanto, temos o número um constante, NUM é igual a cinco. Então, basicamente, o valor da nossa variável de força, que é um, que é uma constante, é cinco, e então o valor da segunda variável num dois, que também é uma constante, é três. Já afirmamos isso. Atribuímos valores às nossas variáveis. OK. Eu adicionei um comentário aqui para dizer que, ei, queremos adicionar esses dois números. Então, agora estamos dizendo: Ok, nossa soma variável é igual a número um mais número dois. Basicamente, o que estamos dizendo agora é que temos uma nova variável chamada soma, e o valor da soma é igual à adição da variável um e da variável dois. É tão simples quanto isso. E agora queremos exibir a soma em nossa tela. Portanto, o log de pontos do console é outro método. Lembre-se de que o primeiro exemplo foi o document dot right, log de pontos do console é basicamente outra forma de exibir o valor de uma variável. Portanto, o log de pontos do console agora é nosso método. E agora, entre colchetes, estamos fazendo algo aqui chamado concatenação É aqui que tentamos exibir algum texto. Mas, dentro desse texto, na verdade, temos valores de uma variável que também queremos exibir. Dê uma olhada muito, muito de perto. A primeira parte do texto aqui é a soma de. Você pode ver que adicionamos códigos por dia. Este é um texto direto. Isso não tem nada a ver com o código que escrevemos antes. Isso é apenas um texto simples e puro diretamente na tela. A soma de e agora adicionamos mais. A vantagem agora é que estamos tentando agora Uh, adicionar o texto que acabamos de exibir, mais o valor da variável num um, que é cinco, certo? E então outra vantagem para adicionar um novo texto, que é e outra vantagem para agora adicionar o valor da variável num dois, e depois outra vantagem para adicionar outro texto é, finalmente, estamos exibindo o valor da variável soma, que é cinco mais três, que é oito. Então, se eu perguntasse qual será agora a saída desse código aqui , basicamente será a soma de cinco e três é oito. Isso é basicamente o que o código é. Obviamente, existem exemplos muito mais avançados de Javascript. Mas esses são dois exemplos muito simples apenas para dar uma ideia de quais são as sintaxes e como o Javascript funciona por trás do pecado 18. Como o Javascript é adicionado ao Wordpres: Antes de finalizar o vídeo, gostaria de mostrar as diferentes maneiras de adicionar JavaScript ao seu site Whatpress Existem basicamente duas maneiras de usar um plug-in ou fazer isso manualmente. Deixe-me guiá-lo pela fase de plug-ins, em primeiro lugar, e há muitos plug-ins, é claro, para adicionar JavaScript ao seu site Whatpress Mas o melhor, na minha humilde opinião, seria o código WP. Insira cabeçalhos e pés como plugin WP Code, muito, muito popular Mais de 1 milhão de instalações ativas. Depois de ativar o plug-in em seu site, você verá o link dos trechos de código aqui Você pode simplesmente acessar o cabeçalho e o link Puta e, aqui mesmo, colar o código que quiser no cabeçalho, corpo ou Puta Como exemplo, deixe-me seguir em frente e colar um código muito, muito simples aqui no cabeçalho. É só um roteiro para imprimir. Sou uma tag de script embutida adicionada ao cabeçalho. Vou prosseguir agora para salvar minhas alterações. E se eu fosse ver meu site, agora você pode ver que temos o texto ali. Sou uma tag de script online adicionada ao cabeçalho. Essa é uma maneira muito, muito simples de adicionar código JavaScript ao seu site Wtpress Mas e se não quiséssemos usar um plug-in e quiséssemos fazer isso manualmente? Bem, eu poderia pegar esse código novamente, eu simplesmente o cortei completamente. Salve as alterações. Volte para o site, atualize a página e verifique se ela não está sendo exibida. Tudo bem. Se eu quisesse adicionar esse código manualmente, eu poderia simplesmente fazer isso via FTP Estou usando meu software Notepad plus plus aqui. Estou conectado ao site. Eu poderia ir direto para o meu arquivo de cabeçalho dot PhP para o tema 2021 que estou usando. E então, aqui mesmo, eu poderia simplesmente seguir em frente e colar o código. Você pode ver o código aqui, ponto do documento de script à direita. Sou uma tag de script embutida, adicionada ao cabeçalho. OK. Vou prosseguir agora e salvar o arquivo. E se eu fosse voltar ao meu site e atualizar a página, aí está Eu tenho o código Gyroscript imprimindo o texto. Mas a verdade é que essa não é a maneira mais limpa e eficiente de realmente adicionar código JavaScript. Normalmente, você não quer adicionar esses tipos de scripts diretamente ao seu cabeçalho ou ao seu Puta Em alguns casos, você pode se safar, mas a melhor maneira seria acessar o arquivo PHP de funções e escrever o código lá corretamente. Então, o que eu vou fazer é isso, ok, deixe-me prosseguir e remover o código do script do meu cabeçalho, salvar minhas alterações. E o que vou fazer agora é abrir o arquivo php de pontos de funções para o meu tema de 2021. A propósito, deixe-me acrescentar que, se você vai fazer isso no site da Av, é sempre melhor fazer isso com um tema infantil. Portanto, se você quiser fazer essas alterações no tema do seu filho, use o arquivo PHP de pontos e não o tema principal real que você está usando, então tenha isso em mente. Tudo bem, estou fazendo minhas funções de arquivo Petri aqui. Vou continuar agora e colar o código muito aprimorado. Agora, você pode ver que eu adicionei o texto que diz escrita fluvial, impresso no cabeçalho Eu fiz a ação publicitária. Agora, como estamos adicionando essa tag ao cabeçalho, vamos usar essa tag do Wordpress aqui, WP head Eu tenho o nome personalizado para minha função, que chamei de test Adscript e depois WPEd, e agora é aqui que estou realmente criando a função para imprimir o Diz função e, novamente, teste o mesmo nome no script WP head, e agora eu tenho o script real aqui E, claro, eu coloquei tudo em tags PHP. Vou prosseguir agora e salvar o arquivo, e depois vou voltar aqui e atualizar a página E agora você pode ver que agora tenho o código do script jaa imprimindo o texto novamente no cabeçalho Novamente, você pode simplesmente adicionar suas tags de script diretamente ao cabeçalho, mas uma maneira mais limpa será acessar sua função no arquivo Patri e escrever o código adequado, criar uma função para trabalhar com seu código de script Gyro 19. Como encaixar Javascript: O último método de trabalhar com arquivos Gyroscript em seu site Wpress é, na verdade, a maneira mais recomendada e adequada de trabalhar com o Gyroscript e fazer uso dessa função, que é a função de script WP A razão pela qual esse é o método mais recomendado é porque o Watpress normalmente tem uma forma muito estruturada e definida de carregar scripts em seu site Wtpres E a razão pela qual o Whatpress faz isso é porque imagine que você está tentando carregar, digamos, quatro scripts em seu cabeçalho, talvez você tenha um script para o Google para fins de SEA Talvez você tenha outro script que rastreie em quais links seus visitantes clicam na sua página inicial, coisas Imagine que você tenha quatro ou cinco scripts carregando em seu cabeçalho. Sempre existe a possibilidade haver um conflito em que você tenha um script colidindo com Mas quando você enfileira seus scripts, quando usa essa função para enfileirar seus scripts, você está basicamente dizendo: Ei, Este é um arquivo de script giroscópico com o qual eu quero trabalhar. Você o está dando para a What Press. Qual pressão será necessária e, em seguida, decidiremos quando melhor carregar esse script específico para que ele não entre em conflito com outro script. Essa é, novamente, a maneira mais eficiente, pura e limpa de carregar seus arquivos de script no site do Whats Deixe-me trazer de volta o Notepad plus pus aqui e mostrar isso em ação Vê? Estou bem com o tema 21 aqui e dê uma olhada aqui à direita nesta pasta que diz ativos. Se eu abrir, agora mesmo, você verá que tenho outra pasta aqui chamada JS. Esses são os arquivos de giroscópio que vêm com o tema 2021 Eu abri isso e agora você verá todos os arquivos aqui, JS de ponto personalizado, JS de ponto pv personalizado e assim por diante Veja este aqui, ponto de navegação primário JS. Este é o arquivo Gyroscript que controla a navegação do menu principal em nosso site E quando eu abro aqui, posso ver todo o código JavaScript, muito, muito, muito complexo. Você sabe, eu poderia chamá-lo um código bastante complexo, mas aí está aqui. Então você tem todos esses arquivos aqui. Como o Wordpress agora realmente encubra esses arquivos? Se eu voltar às minhas funções desse arquivo PHP novamente para o tema 2021, agora mesmo, é aqui que você começará a ver os scripts sendo carregados aqui. Você vê o script de navegação principal? Diz: Ok, eu tenho menu suficiente. O que basicamente está dizendo é que se o usuário, se o usuário do Wordpress criou um menu principal para o site, agora que o script. Você pode ver agora que estamos incluindo o script aqui, ponto de navegação primário JS. Esse é o arquivo aqui. Esse é o código. Em uma função, esse arquivo PTR que realmente carrega o arquivo Gyroscript aqui, e você vê outros aqui Você tem o script NQ para os Js incorporados responsivos. Este é o arquivo aqui, dash responsivo EmbedoJS e assim por diante Portanto, seja qual for o tema que você estiver usando, eu o encorajaria a dar uma olhada nos arquivos do tema, tentar localizar a pasta Gyroscript contendo todos os arquivos Jaroscrip desse tema específico e, em seguida, acessar as funções do arquivo PT e tentar ver onde esses arquivos estão Mas, mais uma vez, quando se trata carregar arquivos de script no site do seu escritório, esse é de longe o método mais eficiente de 20. Conclusão: Bem, então é isso. Chegamos ao final deste curso, aprenda PHP para WordPress. E do fundo do meu coração, espero sinceramente que você tenha gostado e achado o curso útil Se você fez isso, considere deixar um comentário para o curso. Isso realmente me ajudaria muito. E se você estiver interessado, como mencionei no vídeo anterior, eu tenho um curso completo que vai te ensinar como se tornar um desenvolvedor WordPress. Então, se você estiver interessado, não deixe de conferir o curso. Muito obrigado. Se você tiver alguma dúvida sobre qualquer coisa abordada neste curso, não deixe de me avisar e farei possível para respondê-la assim que possível. Meu nome é Alex. Foi um prazer se levar, e falarei com você na próxima vez. Jess.