Transcrições
1. Introdução: Pressiono desenvolvimento de valor para iniciantes. câmera do meu nome e eu vou estar guiando você através de como criar um WordPress muito França jogando. Tenho trabalhado com que princípio? Quase cinco anos agora, e desde o lançamento do meu primeiro jogo em 2015 meus planos foram usados em mais de 30.000 sites
WordPress em toda a Internet. Vou levar alguns dos conceitos básicos de desenvolvimento de jogos, incluindo a criação de um ambiente de desenvolvimento local usando o que o sistema do Facebook
descobriu que está em conformidade com os padrões de codificação PHP pessoa. Como fez em scripts de estilo Q e outros ativos estáticos para o seu jogo e tradução, você está jogando contra todos os idiomas. Uma vez que você tenha o básico, estamos te guiando? Como personalizar a tela de logon do WordPress, substituindo o WordPress, trazendo com sua própria marca? Bem, talvez algo um pouco mais criativo. Vamos mergulhar e começar a construir o seu primeiro “press play”
2. As ferramentas que vamos usar: bem-vindo de volta ao desenvolvimento plug in para iniciantes nesta lição será cobrindo. As diferentes ferramentas precisarão começar a construir plugins. Em primeiro lugar, precisaremos de um desenvolvimento local. Então é por isso que a bolsa funciona no PHP e no meu segredo. Fora disso, significa um sete. Queremos usar um dito local na minha máquina, porque nós sempre eles não querem estar escrevendo cartão no site vida no caso de você quebrar algo. O que desenvolveria qualquer olhar? Eu recomendo local por voar bem, que é o que eu vou estar usando para a direção deste perto. próximo só decodificou. Você poderia usar esse taco se você realmente quisesse. Mas para nos ajudar, certo? Melhor tipo com páginas como realce de sintaxe, vamos querer um corpo adequado. Oito. Gosto de usar texto sublime. É livre, super leve e tem muitas extensões de que olhar para começar com aqueles do e
as ferramentas serão necessárias para começar a desenvolver planos ainda mais ao longo, o curso estará usando nó NPM Grant compositor e poeta. Mas por enquanto, isso é tudo o que precisamos para parar de construir seu primeiro ponto
3. O que é um plugin: maneira de começar Construindo seu primeiro buggin. Precisamos definir o que realmente é uma peça de teatro. Você pode já estar familiarizado com o que as equipes de imprensa definem um layout e aparência . Sobre o site, eles controlavam principalmente os aspectos visuais dos sites, como cabeçalhos,
rodapés, menus, menus, barramento
lateral e os plugins de conteúdo da página. Por outro lado,
para a funcionalidade personalizada, eles geralmente projetados de uma forma que seu nome agnóstico, tornando-o realmente fácil de adicionar o mesmo funcional. É em muitos sites, independentemente das coisas dentro está usando. Você deve ser capaz de adicionar e remover milhões sem quebrar a funcionalidade básica
do seu lado. Alguns exemplos de bons plugins incluem nós este ano, que permite que você adicione meta personalizada às suas postagens e páginas e analisa a qualidade do seu conteúdo. Formulário de contato sete, que adiciona um construtor de formulário de contato permitindo que você invente formulários em suas páginas, me
encontrou fácil para os visitantes para enviar-lhe uma mensagem do seu lado. We Commerce, que adiciona funcionalidade de loja online ao seu lado no calendário de eventos, que adiciona listagens de eventos em calendários ao seu lado. É certamente um monte de área cinza lá, e alguns plugins podem ser projetados para funcionar exclusivamente com certas coisas. O sistema plug in incorporado no WordPress é projetado para trabalhar com o diretório oficial WordPress 1.000.000.000, que é onde você pode encontrar dezenas de milhares de plugins gratuitos disponíveis. Fez Allied em resumo plug in deve em sites de funcionalidade personalizada, independentemente da coisa que ele está usando.
4. Autópsia do Hello Dolly: Certo, agora vamos dar uma olhada no “Olá, Dolly”. Ele vem com a maioria das instalações do WordPress, e é um exemplo fora. O que um plug in transmitir? R. Então, se você visitar a página plebeians em seu admin wordpress, você deve ver o elegantemente está lá. Se não, você pode ir para adicionar novo e procurar Hello, Dolly e tal para Hello, Dolly. Ele vai voar aqui e este é o que você quer. Já o instalei, então posso ativá-lo. E como você pode ver, adicionou esta pequena linha de texto no topo, certo, que é uma linha de uma música. Olá, Dolly. No,
uh, uh, plug in é este achado e eles serão exibidos em todas as páginas de administração, exceto quando você estiver usando o editor de blocos. Agora, eu vou passar rapidamente por muitas partes diferentes do plug in e como eles funcionam. Então, primeiro, temos estes para bloquear comentários no topo do plug in fire. Este 1º 1 aqui é principalmente para gerenciadores de pacotes PHP e nos diz qual o nome dos pacotes e a versão atual dele e que é usado para gerenciadores de pacotes como composer e cada plug WordPress, e cada arquivo PHP deve ter pelo menos algumas dessas informações. O próximo é um comentário de bloco chamado Plug in File Header. Então isso diz ao WordPress as informações sobre o plug in para que você possa ver que ele tem o nome
mergulhando tocando em sua descrição oral sobre o plug in que escreveu o plug na versão e o URL do autor, e você pode ver se você começa de volta à sua página de jogadores e você pode informar que as informações sendo exibidas aqui. Você tem o nome, a descrição que o autor clica serviu ao seu l esse tipo de coisa. Em seguida, temos isso. Olá, Dolly, chame a função Larry. Então o que isso está fazendo é definir as letras para a música, e então ele vai dividi-la em uma matriz. Então, cada linha é um item na matriz, e o que ele está fazendo a seguir é obter um número de chuva fora do número de linhas na música. Então ele está atingindo o pico em torno on-line, e ele está usando esta textura WP. Sua função, que tudo o que faz é tornar certos personagens como os apóstrofos aqui ser um pouco mais chique. Então, em seguida, temos essa função chamada Olá, Dolly. Então o que isso está fazendo é criar um parágrafo, e ele está exibindo a linha que está sendo escolhido nesta
função Olá Dolly Gettler anterior . Então ele obtém a linha para usar e exibir, e então ele está colocando a marcação para exibir a linha que está sendo selecionada. É adicionar isso ao gancho de avisos de administrador, modo que é muito perto do topo da página em todas as páginas de administração. Então é isso que faz com que ele seja exibido diretamente no topo. Em seguida, temos essa função CSS dolly, então isso está sendo usado para estilizar a linha da música que está sendo exibida. Então, primeiro de tudo, ele detecta se você está usando uma linguagem que exibe da esquerda para a direita ou da direita para a esquerda e produz um pouco de CSS. Então ele está mudando a posição que ele exibe com base em se o texto é da esquerda para a direita ou da direita para a esquerda, e apenas como um pouco mais de estilo, como ter um tamanho de fonte e isso é adicionado ao cabeçalho do administrador, então ele será exibido no cabeçalho fora do documento externo onde folhas de fome e metadados pertencem. Então, isso é um resumo básico fora do Hello Dolly plug in, que vem com a maioria das instalações de Que seios. O primeiro plug que construí foi uma versão editada. Olá, Dolly Sinta-se livre. Teoh Edit. Olá, Dolly Teoh. Adicione suas próprias letras de música para sua música favorita em, por exemplo, Vamos apenas brincar com ele, Teoh começar a sentir com como, o que joanetes de imprensa funcionam.
5. Anatomia de um plugin: maneira tinha um rápido vai ficar. Olá, Dolly. Vamos rever o que compõe um plug in para que os plugins tenham apenas alguns elementos-chave necessários para
começar a trabalhar. Diretório. Um PHP principal longe para o joanete no bloco. Comentário no período. Três. Aviso por telefone. A tomada no Céu. Em primeiro lugar, eles precisam de um diretório. Bem, tecnicamente, não
é totalmente necessário, como demonstrado por Hello, Dolly, ele precisará de seu próprio diretório se tiver mais de um arquivo incluído no plug in. Bem, se você quiser distribuí-lo no diretório plano,
idealmente, idealmente, você deve nomear seu diretório. O mesmo nome é sua ficha no caso do Justin Kebab. Em seguida, você precisa de um arquivo plug in principal. Este arquivo é carregado sempre que este mergulho estiver ativo do seu lado. Ele pode conter toda a funcionalidade para o seu plug in, ou pode ser usado apenas para carregar outros arquivos dependentes. É melhor nomear este arquivo da mesma forma que o nome do diretório. Apenas com a extensão de arquivo PHP. Finalmente, você precisa de um plug in head up isso ainda WordPress os metadados sobre a reprodução, tais como a inversão nome autor no mínimo, uma música que tem um nome. Ele vai funcionar a partir do que você está conectando Faulcon começar a adicionar funcionalidade, incluindo arquivos , funções de
execução e adicionando ganchos que você provavelmente irá em outros diretórios. Dentro de seu jogo em diretório como PHP inclui ativos estáticos como JavaScript e CSS e arquivos de tradução. Tudo bem, então agora você sabe o básico do que compõe um plug in. Vamos dar uma olhada na prática para que eu possa ver que tenho meu wordpress instalá-lo. E nós só temos o Olá Dolly Killian eso se entrarmos na pasta do nosso plano em conteúdo WP e criarmos uma pasta você lá chamado meu plug personalizado por enquanto e dentro dessa foto criará um arquivo PHP. Este será permanecer PHP para, para os advogados. Chamá-lo o mesmo nome é vendido no meu jogo personalizado acabar aqui árvore. E se atualizarmos o plugue na Espanha vai ver que ele não está aparecendo lá. Sim. Isso é porque nós não especificamos nenhuma dessas informações no plugue na cabeça desligada, senhor, senhor,
se eles chamarem Cleon? Sim, hum, meu costume 1.000.000. E agora eu tenho um plugue constante em aparecer. Então, isso é literalmente o que é preciso para obter um pluging up e funcionando. E então, se você está acostumado a, uh, colocar código em suas funções que arquivo PHP em sua coisa, então qualquer um desses tipos de código irá funcionar em um plug in como este. E tudo o que você precisa fazer é especificar a aplicação e, em um bloco, comentar assim por diante. A partir daí, podemos começar a adicionar nossa funcionalidade personalizada dedos dois planos. Você também pode especificar as outras informações. Então, se eu fosse no meu nome aqui, dizer isso e dar uma olhada e agora ele está indo lá então sim, isso é o básico do que compõe uma peça. E temos o nosso arquivo de conexão principal dentro da nossa foto Pilyeon no diretório INS plug e este bloco vem com o medidor de plugue
6. Padrões de programação do PHP WordPress: Wordpress tem uma série de padrões de codificação. Esses padrões ajudam a garantir que o código seja escrito de forma consistente em todo o projeto, facilitando a entrada de outros. Alguns dos padrões incluem o uso de guias para recuo,
não espaços, o uso de maiúsculas e minúsculas para nomear variáveis, funções e classes, e usar caso kebab para nomeação de arquivos. Ao contrário de muitas outras plataformas, CamelCase não é usado nos padrões de codificação WordPress PHP. Valores especiais, como null, true e false, devem usar minúsculas em vez de maiúsculas. Use condições Yoda ao verificar variáveis. Assim, o valor vem antes da variável para verificar. Isso também significa que você não pode atribuir variáveis em uma verificação condicional. Sempre use comparações rigorosas, use três sinais de igual ou uma função específica como é nula ou é md. Para comentários, arquivos, funções e classes devem sempre ter um bloco doc e comentários de linha única devem sempre terminar em uma parada completa. Para tags PHP não use tags abreviadas, e isso inclui usar o eco abreviado marcado também. Para blocos de código multi-linha, as tags
PHP devem estar em uma linha por si mesmas. Com blocos de código de linha única, eles devem estar na mesma linha. Em não inclua uma marca de fechamento no final do arquivo. Com espaçamento igual sinais em linhas adjacentes devem ser espaçados para fora para
alinhar-se como se aplica para associá-lo sobre matrizes e concatenação também. Meninos têm espaços entre parênteses e esse conteúdo, mas nenhum espaço se os colchetes estiverem vazios. Diretivas de controle como se enquanto 44, deve ser seguido por um espaço e a declaração não deve estar vazia. E os arquivos devem sempre terminar com uma linha vazia. A segurança, você deve sempre impedir o acesso direto
à execução de arquivos, a menos que seja absolutamente necessário. Você deve sempre higienizar entradas e
saídas de escape e usar nonces e verificações de capacidade para validar formulários. Estes são apenas alguns dos padrões mais comuns e é melhor usar um inverno em seu editor de código ou um script automatizado para verificar seu código. Muito bem, agora que sabemos quais
são os padrões de codificação e algumas das regras para criar padrões. Vamos dar uma olhada na prática. Então eu voltei para o plugin Hello Dolly. E eu tenho esta extensão para Sublime, que destaca ventos de corrente que violam o WordPress criando padrões. E assim como você pode, essas linhas com um ponto vermelho aqui, como você pode ver, estão destacando essa linha como um problema. O, Há um artigo realmente grande sobre como configurar essa extensão. O link que você pode segui-lo é apenas aqui. Tudo bem, então agora vamos dar uma olhada em corrigir Olá,
Dolly diz, está em conformidade com os padrões de codificação WordPress. Então vamos dar uma olhada na primeira linha. Está dizendo que está faltando uma breve descrição para o comentário do documento. Então isso tem o file.com aqui, mas está faltando uma breve descrição que vem coisas. Então este é muito fácil de consertar. Basta escrever uma breve descrição aqui. Então Dolly, plugin do Word. E certifique-se de ter uma linha, uma linha em branco entre a descrição curta e qualquer uma dessas tags. Então a próxima questão é que deve haver exatamente uma linha em branco depois dela e não há uma no momento, então isso é fácil o suficiente para consertar. Próximo. Estamos dizendo, estamos dizendo que a função aqui deve usar os comentários de estilo blog ponto. Então é provável que este bloco de comentários aqui, que é o plug-in metal, é pensar que é o comentário da função porque está diretamente acima dele, quando na verdade não está relacionado com a função em tudo. Então vamos adicionar um bloco de comentário de função. Lá vamos nós. Então agora temos um erro diferente e dizendo que este .com está vazio, então você não pode ter documentos vazios. Então esta função recebe a letra da música para atraso e lugar nenhum. Ok, então a próxima edição que temos aqui é comentários embutidos devem terminar em paradas completas, pontos exclamação ou pontos de interrogação. Então esse é muito fácil porque não é um bloco como esses comentários ou esses comentários. Precisa terminar em uma parada completa. É como uma frase. E nós temos e a próxima edição é a mesma coisa. Temos aqui, um aviso. Então o ponto amarelo indica um aviso em vez de vermelho. Portanto, o aviso não é necessariamente uma violação ou um erro com o seu atual, mas sim uma recomendação. Então, neste caso, está dizendo que o aluguel vazio é desencorajado. Use o arquivo menos previsível WP executado em vez disso. Então, neste caso, estamos dizendo, Ei, nós fizemos estão em função que faz a mesma coisa e achamos que é melhor. E por isso, você poderia simplesmente deixá-lo. Mas eu sei que essa função tem exatamente a mesma sintaxe, então é melhor substituí-la. Senhor, mais uma vez, temos os comentários inline devem terminar em uma questão de parada total. Mas neste caso é um comentário de função. Então, na verdade, seria melhor fora como um comentário de bloco. Assim como. Lá vamos nós. Isso consertou esse problema. Assim, a próxima questão é toda a saída deve ser executada através de uma função de escape. Então, como ele está ecoando aqui, espera-se que você escape para evitar qualquer tipo de script entre sites ou problemas de injeção de SQL. que pode ser muito perigoso para o
seu site se o seu plug-in não está escapando que ele é provavelmente, neste caso, é apenas um PHP e uma variável simples que será uma linha de texto dessas letras aqui. Então, neste caso, porque nós realmente queremos escapar, esta variável, irá apenas extrair o HobShare AMA a partir dessa declaração eco. E vamos fechar o PHP fora e executar o half shell, um HTML normal, e vamos apenas ecoar e escapar da variável. Então, lá temos. Cenário, ele não precisa se preocupar em escapar das tags HTML porque não há nada de perigoso sobre eles. Não há nada que precise ser verificado com esta variável que existe. Então, se adicionarmos a declaração echo de volta, que agora estará funcionando como estava. Mas, novamente, temos isso emitido. Mas agora que extraímos o HTML para fora, podemos simplesmente escapar da variável que é tudo o que precisamos. Então, neste caso, podemos usar escape HTML, que apenas irá certificar-se de que é texto simples e certificar-se não
há HTML lá, porque isso é para esperar dessas linhas. Portanto, a nossa próxima questão que dizemos é em linha comentários deve na parada completa novamente. E isso não precisa ser um comentário de bloco porque esta é uma chamada de função em vez de uma declaração. Então, ter um comentário em linha para isso é bom. Nós temos o interior comumente novamente, mas neste caso temos uma declaração de função, então isso deve ser um comentário de bloco. Novamente. Temos a questão dos comentários em linha. Novamente. É fácil de consertar conhecido ter a fuga. Ela apareceu aqui de novo. E faremos a mesma coisa. Nós só precisamos realmente escapar desta variável aqui, que aparece duas vezes, que só vai ser esquerda ou direita. Mas porque você está ecoando uma variável, você é esperado para escapar dela. E não precisamos escapar deste quarteirão inteiro. E é meio inútil se o fizermos. Então, vamos fechar o PHP aqui. Então, vamos apenas servir a tag style, como uma tag de estilo HTML normal. E assim vai apenas ecoar e escapar variáveis onde eles aparecem atributo. Então, vamos usar o atributo scale neste caso. É um pouco mais esticado, em seguida, escape HTML é, e há certos caracteres que são perfeitamente aceitáveis em HTML, mas não tão em regras CSS. Então bóias que, por ser mais atlético, nos
dão uma resposta
válida e válida, mesmo sabendo que vai ser esquerda ou direita. Mas apenas no caso de isso ser como a função mais apropriada para executar. Esta variável, fará o sinal. Lá vamos nós. E por último, mas não menos importante, removeremos essa tag PHP de fechamento porque não é recomendado que você a feche. Se ele termina em uma tag HTML, tudo bem desde que você tenha essa linha em branco no final do seu arquivo. Mas também é recomendado que você, se ele, se for PHP, que está terminando o arquivo, que você não inclua a tag PHP de fechamento. E aí estamos nós. Fizemos o amarelo, o plug-in compatível com os padrões de classificação WordPress.
7. WordPress Hooks: Ações e filtros: forma, entender os conceitos básicos de poder, Plug in funciona e sabemos os padrões de codificação PHP WordPress. Podemos quase começar a escrever um código real. Em seguida, vamos olhar para como prensas gancho Sistema funciona? O sistema é o que procura é executar código em momentos específicos que um site carrega graças
à flexibilidade que ele oferece. O sistema de gancho tem sido a força motriz entre o que pressiona popularidade e crescimento. Existem dois tipos de ganchos. Ações e filtra ações que ele usou para executar determinadas tarefas que definem lugares, enquanto que os filtros modificaram Dina passavam para eles. Coragem é ligado a uma ação ou filtro usando a ação de anúncio ou adicionar funções de filtro como essas funções. Você precisará adicioná-los antes que o gancho pretendido seja executado. Agora que entendemos a teoria por trás do sistema de gancho, vamos olhar para algum código para demonstrar o sistema Hope vai voltar para este plug personalizado em que eu configurei em um vídeo anterior e apenas em um par de exemplo, funções para demonstrar como o sistema funciona. Então, sim, há dois tipos de ganchos, ações e filtros. O Eso. Uma coisa que eu poderia fazer é usar uma ação para redirecionar para quatro páginas para a página inicial, senhor. Apenas sim. Então, apenas para criar uma pequena função que você vai detetive é 44 e, em seguida, enviá-lo de volta para a página inicial se é para completo, que é uma pequena função útil que pressionaria dá. Que o Texas é um 44 paciente, hum, três. P seguro Redirect, uh, Euro e, na verdade e bem, que esse é o modelo Redirect tomou redirecionamento e não pode soletrar força para casa. E, você sabe, se eu ativar meus funcionários de teste e, uh, se eu for para um quatro arremesso, me
redirecione para a página inicial como pretendido. Então, o modelo de redirecionamento Hook é uma ação que é executada praticamente logo antes da página começar a carregar. Então o WordPress já descobriu se é ou não um quatro a quatro páginas, ou se é para frente, é um post ou página ou que tipo de conteúdo para isso, então podemos facilmente descobrir que é um lugar com o qual podemos fazer algo. Por outro lado, são filtros, que, que, em vez de fazer certas ações como o redirecionamento, isso é usado para modificar dados. Então, uma coisa que poderíamos fazer é mudar o título do post em breve, então ele tinha um post Eu amo o primeiro post padrão é Olá. Bem, então podemos mudar isso com um filtro. A função , muda, muda os primeiros títulos. E porque estamos mudando de filha, você sempre terá um perímetro. Ser passado para o trabalho às vezes será mais do que um pouco sempre será apenas o que você
estará modificando e depois retornando. A primeira coisa que devemos fazer é retornar o cascalho sendo postura porque caso contrário ele
não vai fazer nada porque você pode modificar a variável tanto quanto você gosta. Se você sabe, enviá-lo para o outro lado, então que imprensa não vai saber o que você fez com ele. E assim, hum, muito acabou de dizer Cardinal Pools compartilhar estudantes e certificar. Normalmente eu senti a função e o título da pontuação é a esperança que eu estou procurando e, em seguida, mudar os títulos do post. Isso deve mudar de Hillary. Bem, Millea, esse é o básico de adicionar ações e filtros a você novamente
8. Referendo arquivos e diretórios: É bastante comum para plugins, toe bundle,
outros arquivos, juntamente com as informações do plug principal. Obrigado, amigos. Talvez folhas de estilo, scripts, imagens ou mais funcionalidades PHP Para temas, há o super prático Get template directory e obter um diretório template. Você está certo e equivalentes Dolph forma funções, mas infelizmente, é pouco difícil obter essa informação para orçamentos para plugins. As funções equivalentes são plug in dirt path para o caminho do sistema e jogar no euro para o euro. Onde essa diferença das funções coisa é que isso vai obter o diretório fora do arquivo. Ele está sendo chamado de, então se você está chamando de dentro de uma subpasta dentro de sua pasta de arrancamento, ele estará lhe dando alguma pasta. Então, isso é ideal para usar em seu arquivo plug in principal. Mas se você ligar para o subdiretório
, estaria lhe dando a informação certa. Não precisaremos contornar essa questão neste curso, mas é algo para manter em um. Como você começa a construir bilhões mais avançados
9. Como filmar scripts e estilos: Ueno tinha um diretório de candidatos de preferência. Podemos começar na fila de barracas e scripts que queremos que nossos plugins incluam. Podemos usar o WP no estilo Q e funções de script O P e Q como eles são a maneira padrão de
adicionar seus scripts e estilos em todo o sistema de procedimentos mundo. Você deve adicionar as chamadas de função dentro da função, ligado à criptografia WP em scripts Q. Gancho para obter seus scripts e começa a exibir no front-end do site também é o administrador e scripts COO e Logan em Q scripts ganchos, por exemplo, para adicionar seus scripts e estilos para o administrador ou a página de login. Tudo bem, então agora eu vou fazer um rápido temperamento sobre como nós iríamos sobre curando esses scripts e estilos que queremos incluir com esses milhões. Então, sem um pequeno plug demo aqui que eu configurou, eu baixei diversão incrível, e eu coloquei o CSS relevância em arquivos frontais no meu diretório plugging. Então eu quero criar uma função que significa ir até você em estilos bonitos meu é pessoa. Eu só quero parar a folha aqui, mas essa pessoa começa é uma pegada. E então eu quero correr. Ele agradeceu-lhe Style. Chamamos de diversão. Saudável. E agora queremos fazer referência a jogar na garota do diretório porque é uma loja. O Shayt. Então Glion, uh, seu homem estreito Posteridade atual inimigo e nós queremos diversão. Incrível. Existe tão velho ou malvado? Vá ver isso. E então agora se adicionarmos em ação muito inky Então hoje você estragar ups que estilos e scripts E se nós atualizou l paguei você e garotas para a frente Também lá você vê que para
irmãs incríveis está sendo em bonito e ver que há 24 barra está lá depois do jogar e diretor , você também está enfraquecer deixou cair isso fora. E então agora se instância completa, eu queria Mas neste primeiro e incluir um ícone que está vindo de diversão impressionante. Vamos gastar isso por um segundo foi só,
você sabe, você sabe, só para ter certeza que foi um adeus ido embora, uh, parece Oh, ele não vai aparecer no é, hein? Mas deve exibir na frente e um líder. E agora podemos ver que Al telefone incrível coisas que ela tem sendo bonito corretamente, e nós estamos fazendo referência conectando diretório rapidamente, também, puxando aquela nave estelar, e eles têm isso, em filas estilos e scripts do seu diretório de reprodução.
10. Como criar seu primeiro plugin - Como personalizar a página de login: De jeito nenhum vamos pegar tudo o que aprendemos nos vídeos anteriores. E quando eles iam tentar fazer o nosso primeiro que a imprensa plugging. Então o que vamos fazer aqui é criar um plano que personalize a página de login padrão do WordPress. Basta voltar para o meu site WordPress aqui e eu amo Sim, este é o padrão Chipre soprando página. Então, como você pode ver, não
é particularmente bonito página, e ele tem algum WordPress trazendo como o logotipo e links de volta para wordpress ponto off e tão bem, nós vamos mudar um pouco disso. E assim refletirá mais sobre o que é a sua marca e será muito mais agradável aos olhos. Vamos começar possível. Devíamos criar uma pasta de 1.000.000. Então, se criarmos e você dobrar no diretório appliance e chamar isso de minha
página 1.000.000.000 olhando OK para agora dentro que vamos criar fora principal agora feita arquivo de pragas. Se eu disser que o meu volume de página saudade e dar a este o mesmo nome que o seu mais velho, é grátis. Então agora vamos começar a montar um plug in. Então lembre-se para o WordPress espalhando envia você precisa fornecer um médico no topo de me
pegou para cada arquivo. E, senhor, um, começar que estimar é o uso de olhos ingleses americanos é a tela de login em um pacote é o meu longo em uma maneira Flynn. Necessidade de fornecer uma recepção no WordPress. Essa maldita fama é a minha idade. Ok, então se eu fosse olhar para trás aqui GPS ver para cima, como em exibir no cobertor fora da lista. Lá temos ele. Ative isso e fique melhor. E como você pode dizer isso, nós não fizemos nada ainda, então não vai mostrar nada diferente. Além disso, adicione alguma outra filha aqui, então a descrição personaliza a tela olhando para as voltas. Ok, você é eu, tudo bem? Então agora podemos começar a realmente clientes na página de login. Portanto, a página de logon usa esse arquivo chamado Não ser baixo. Acabar Ph sido então vamos apenas abri-lo para referi-lo. Então ele vai nos dizer quais ganchos existem que podemos usar para os clientes que desejam isso. Então, festival que vamos querer. Sim, isso é festival que vamos querer. Sim,
isso é
estilo para os líbios. Livre. Então eu posso ver aqui. Há uma ação, Logan e cripta, seus roteiros. Então, copie isso, e eu vou interagir e minha idade olhar ligar em escassez grande eu vou funcionar. E o que queremos fazer é trazer a folha de estilo que vamos criar o suficiente para você. Então, usando o que aprendemos sobre como referenciar arquivos dentro do diretório plug in, vamos descobrir como parar a folha de Cuba aqui. Então, se eu quiser um novo arquivo e vamos chamar isso de estilo começa cinemas Não, faça o fundo vermelho. Não, seja. Obrigado. Então, Então, meus estilos de barras de 1.000.000 páginas e nenhuma vez Ah, você é um arquivo de linha. Eu acredito que tem uma barra de grelha com ele. Então devemos ser difíceis de ir. Styles tem, veja é que é então que não temos nenhuma dependência. E para a versão fora da nave estelar, eu só uso o tempo modificado fora da gravidez do arquivo da nave estelar Terry a tempo. Metade Onda. Nós também precisamos agora não olhar para a função para cubos três bilhões de estilos. É a encarnação lá que também ver então sim, então que deve ser na fila do inferno. Parar folha Agora eles têm um olhar. Olhando barracas de páginas. Sim, aí está. E eu fiz um péssimo trabalho. E lá vamos nós. Veja, agora temos todos os estilos e fofos, e isso parece realmente horrível. Então não vamos fazer isso. Isso é agora. Podemos realmente começar com a aplicação de alguns estilos. O principal vai querer mudar. Aqui está o que pessoalmente? Como você pode ver, é uma imagem de fundo, então não é uma imagem real. Digo-te que é uma imagem de fundo, por isso vou procurar uma imagem para usar. A minha vida está bem? Então agora eu encontrei a imagem que eu vou usar em vez do caminho primeiro. Assim, o que está selecionado aqui procurando? Qual deles? A. De uma maneira diferente. A imagem de fundo é um mascote. Não PNG Uriel resumo. E sim, en mudou. Então isso é muito pequeno eso eu quero torná-lo tudo. Como você pode ver, ele tem uma altura definida de qualquer pixel cheio e definido com os pixels verticais. Então, o que é mais velho? Basta torná-lo 100% com e com um tamanho de fundo conter, não
há mosca. MM realmente não mudou nada, então temos que torná-lo mais alto. Então eu tenho a ordem. Oh, tendo o fundo fora 100%. Faça-o quadrado. Vá com a praça Nice e grande. O que também vai querer fazer é mudar este link e este título Então, para uma página de logon aqui e veja aqui é este longo e tinha um euro em Lilian tinha um título que você pode ver é este link
WordPress e alimentado por wordpress tempo para que possamos copiar esses filtros sobre filtro e em copiá-los com justiça. Por enquanto, era
Meilin, você é tudo opção. E porque é um filtro, nós realmente teremos um valor que está sendo patrocinado. Hum, então isso vai apenas qual deles? Estamos olhando para o seu papel. Então copie essa variável através. Isso é o que estamos recebendo. Pastor também vai querer devolver isso porque é um filtro vai ajudar. Mas veja, sim, senhor. Altera o total de atributos. Ambas as bebidas perimetrais. É uma corda. Sim, Sim, garota e retornou uma força. Ok, cara. Então você vai querer mudar isso para a sua própria Europa de mim. Eu vou sentar assim igual ao meu ainda vir. Isso faz sentido que meu logotipo de mercado mais longo será vinculado ao meu próprio site. Hum, então agora nós temos o título. O Teoh muda. Bem, então o meu tinha um abraço. A função e qual é a variável aqui? Lilian tinha um CODEL. Vai passar por ele. Sim, devolva. Mas eu não mudo assim o que foi o que cruzou a minha perna Eu acho que é os atributos cardeais . É também uma corda Não, em um abraço e devolveu a corda. Não. Bem dito Logan tinha um título. Igual, senhor. Um construído Munger é ma obter lugar. Isso soa bem. E agora, se eu atualizar isso e você pode ver que o link mudou para o meu site na parte inferior aqui. E você também pode ver que o título mudou. Senhor. Sinta-se livre para enlouquecer com a atualização da página de login para refletir sua própria marca. Substitua o logotipo WordPress e o link WordPress, direito com seus próprios detalhes e sinta-se livre para mudar as estrelas deste. Seja como for, você não precisa ser um especialista em CSS para torná-lo um pouco melhor do que é agora. Você pode querer mudar o estilo dessas mensagens que são como e-mails longos, redobráveis, redobráveis,
inválidos e esse tipo de coisa. Na verdade, podemos mudar isso a seguir, para veres se me demito. Ok. Se eu tentar e enviar o log em forma sem possível que ele me dá um árabe. Se eu der o errado se eu tentar enviá-lo com o nome de usuário errado, ele diz que views o nome está errado. E se eu der a senha errada, isso me diz que está errado. Então nós podemos realmente mudar essas mensagens também. Então isso é novamente um filtro. Tente descobrir onde estão asmensagens
do
Logan. Tente descobrir onde estão as do Então este filtro aqui, procurando mensagens e mensagens é a variável. Então vamos filtrar milhas 1.000.000 de idade na nossa. Mensagens Jean. É isso e bem, apenas tendo um pouco para que não seja tão óbvio quanto a se eles têm o
nome de usuário certo em cima. Então muda as mensagens da era procurando. Estou desviando mitos. É época. É em uma resposta string e mensagens quando consideramos sempre igual. Uh, você forneceu rehouse incorreto. Ok? Parece que ainda não está funcionando. Quero que os erros filtrem em vez das mensagens preenchidas carro. Veja se isso funciona, você forneceu incorretamente. Então você sabe, nós atualizamos. Quanto mais tempo atualizamos o link e o título. E agora nós atualizamos as mensagens de erro para sentir medo de personalizar que tanto quanto você gosta. Eu tenho alguns exemplos que estão disponíveis na descrição do curso que você pode tirar inspiração. Por exemplo, há o meu jovem gato Long in Page, que também vai interpretar o jovem capitão. Então sinta-se livre. Será que enlouqueceu? E eu estou realmente ansioso para ver o que você criou para personalizar sua
página de login .
11. Como preparar sua tradução de plugins: você deve agora ter um plug WordPress totalmente funcional em que os clientes a tela de
login WordPress . Há uma última coisa que devemos fazer, e vamos fazer um plug intraduzível com mais de metade de desconto. Quais sites pressionados estão em outros idiomas que não o inglês. Então, se você realmente fornecer, isso só está disponível em mais idiomas. Você está perdendo uma grande parte de mercado. Potencialmente, precisaremos instalar algumas ferramentas para que seu planejamento seja traduzível, então vamos dar uma olhada nisso agora. Portanto, a primeira coisa que precisamos fazer é adicionar um texto em maio. Então este é normalmente o mesmo que o seu plug in slug. Então texto o principal, o principal e assim minha longa idade jogando. E também precisamos dizer onde as línguas serão armazenadas. Então venha para baixo em uma função minha página plugins, que é, e vamos querer aprender a jogar estimativa. Então um de macarrão através do slough de L novamente começar minha inundação começar. False é o segundo perímetro. Ele está sendo replicado, e então nós vamos precisar do nome base do plug in nome base no arquivo e, em seguida, cortar idiomas. É quando vamos começar as nossas línguas e, em seguida, acrescentamos que para ser preenchendo é carregado olhar, que vai para cima logo que velho do que os fundos britânicos têm sido para cima antes. O mesmo é carregado e antes que a imprensa começa a exibir coisas que serão capazes traduzir texto antes que os usuários vejam isso e sendo meus idiomas. E vamos nos certificar de que são lugares diferentes nas línguas de ouro. Então agora vamos precisar criar uma nova pasta para idiomas. E dentro desta pasta é onde vai querer colocar nossos arquivos colocar em er e PR, que são o que WordPress usa para carregar traduções em Avançar, você precisa baixar esses dois arquivos, que eu tenho os links para na descrição do curso. Então, um grande arquivo e pacote longe. Então vamos usar uma tarefa mal-humorada para gerar o pop para o qual podemos fazer nossas traduções. Então, se você ainda não instalou nenhum Jess, você deve fazer isso primeiro. E uma vez que você colocar nenhum Js instalado, também, obter NPM, que não é nenhum gerenciador de pacotes. E então, uma vez que você fez isso e você pensou aqueles dois arquivos em seu diretório plugins. Você pode correr para ele em fezes de um console, e ele vai incutir. Tenha felicidade. Realmente? Você executou no diretório certo? O comitê contenta milhões. Olho na página de novo. Sim. Executando pagamento, alma dentro para fora diretório plugging. Ele irá instalar todos os pacotes necessários para o nosso plug in. Você sabe, você pode ver esta nova pasta sem módulos, que já tem uma tonelada de coisas nele, mesmo que nós só realmente precisamos Grant End o gorila de futebol. Então, sabes que mais? Nós pegamos que na barraca, podemos executar a função de tradução crescida que geraria parte inimigo. Sim, então você pode ver que criou esta fazenda de maconha. Eu logar ficha página em Dompok. Mas agora, ele não pegou nenhum ponto forte. Então isso é porque o que usa bolsa obter texto e nós não colocamos qualquer, embora string através, obter a função de texto. Então, quais procedimentos? A biblioteca chamada obter texto para apenas para traduzir força. E para que ele funcione corretamente, você precisa passar por uma função get text. O que pressiona várias datas, e então você sempre começa com eles para a escola. Então, temos duas strings aqui que vamos querer traduzir nosso título por mais tempo e essas mensagens de erro. Então, neste caso, é muito sublinhado se quisermos devolvê-lo. E também precisamos adicionar NB desacelerar o poço. Você não pode armazenar isso como uma variável porque o programa que irá interpretar, arquivo
Deport e os arquivos Associated Translation um realmente estar executando ph pain. Então não será difícil. É possível que o pai é lamentável e requer que você dedo do pé tentar sobre a sua lesma um número de vezes. Mas infelizmente é assim que funciona tão bem. Agora faça a mesma coisa com você lá fora. Meu nome está tocando. Então agora antes que você queira executar Oh, traduza com esse arquivo pot e você pode ver aqui ele pegou esses dois pontos fortes, então isso é exatamente o que precisamos. Agora, se cedermos à minha foto de idiomas e espero que ele instalou um programa chamado Poeta e se você não tiver feito isso agora, uma vez que você instalar isso, você não pode abrir este arquivo. E então essa mulher deixou você traduzir em línguas diferentes. Que procedimentos? EUA. Inglês por padrão. Então, para exibi-lo em qualquer outro tipo de idioma que você precisa fornecer uma tradução para. Isso é Então nós temos um arquivo pot, que é apenas um modelo que tem todos os fluxos nele. Então agora precisamos criar um arquivo de tradução baseado em nosso arquivo papa. Então eu criei uma nova tradução. Nós queríamos ser,
digamos que inglês está treinando por enquanto, porque é onde eu estou. Nós queríamos ser, Então, neste caso, não
há nada que precise ser traduzido para que pudéssemos copiar e colar nossas almas, e então podemos salvá-la. Então nós salvamos o nome como a inclinação, Minha página de login,
Obtê-lo dinheiro e, em seguida, palavras de linguagem neste caso novamente no ano letivo. E também vai gerar meu telefone para Thean. Isso é o arquivo de maconha que você diz. Então, se voltarmos para o lado L e nós meio que linguagem,
hum, um, eu tenho um pouco de cobertura. Não tem outra escola que eu não tinha certeza se eram. Se formos para as nossas sessões e se já está definido para a Austrália Inglesa, então provavelmente não
notaremos nenhuma diferença. Então se eu sim, porque são as mesmas palavras. Não há diferença. Mas se eu mudar isso para dizer não, você não poderia olhar agora se eu atualizar,
vai saber Sherry, os arquivos traduzidos preenchem esse idioma. Obviamente, você não vai querer ter algo assim como sua tradução. Mas quando você traduz palavras como cor, que têm usado em inglês australiano e britânico e não um americano, ou traduzindo para uma língua totalmente diferente como o espanhol, vai ser significativamente diferente do original texto de origem. E é assim que você faz o seu jogo na tradução pronto.
12. Considerações finais: Ei, caras entraram aqui. Só queria dizer parabéns. Construindo suas primeiras armas. Este é um passo emocionante de começar com a construção foram primeiros plugins, e eu estou realmente ansioso para ver o que você próximo neste curso nós cobiçar. Um de jogar o esconderijo diferente, também. Obrigado A França padrões de luta PHP. Como eles prendem o sistema na minha bolsa. Weps Acessando seu diretório plugins e matando, arrancando milhares específicos. Primeiro, estou ansioso para ver seus projetos de aula. Por favor, faça upload de capturas de tela da sua página longa para o seu projeto de classe, e eu ficarei feliz em lhe dar feedback a partir daí. Se você está confortável com Kit, sinta medo como se estivesse jogando para se levantar e compartilhar com o mundo. Se quiseres manter-te a par do que estou a fazer, podes seguir-me no Still Share. Terei mais cursos de desenvolvimento a sair na nação. Cada um em você também pode me encontrar em todas as redes sociais. Cameron junta-se ao vivo ao longo deste mercado e regularmente compartilhar dicas, truques e tutoriais em torno de plugging desenvolvimento e outros aspectos iria vestir como um
obrigado por fazer o curso. Gostaria de oferecer-lhe um desconto de 10% em qualquer compra plugging de momentos Marketplace. Basta ir para os mestiços que Mark colocou sobre a barra compartilhar para reivindicar seu desconto. Muito obrigado por fazer o meu curso. E eu estou realmente ansioso para ver todos os projetos antigos da turma, e eu vou te ver no próximo curso.
Cameron Jones, WordPress Developer
