Fala galera me chamo Rafael Motos que sala Ninja cara o vídeo Hoje eu vou te mostrar como você vai estar uma área de membros com o jet and Dean tá galera e dentro dessa área de vendas aqui cara você vai ter uma área interna onde você vai conseguir oferecer conteúdos PDF De acordo com cada usuário Então vai ter área de registro a parte de login e vai ter a área interna e a gente vai conseguir oferecer qualquer tipo de conteúdo que a gente queira seja um e-book e um PDF né um vídeo exclusivo com determinado
que nem a gente vai conseguir desenvolver Beleza então é isso vai ser o site que eu vou mostrar para vocês é logo de cara você vê que é o site bem simples Tá mas eu quero mostrar aqui a lógica por trás desse sistema então a gente consegue fazer o login ou fazer o registro vou mostrar aqui para vocês formulário de login padrão vamos lá esse padrão até que nem uma novidade Porém quando a pessoa vem aqui fazer o login Então já tem o usuário aqui Maria Costa Ela é uma paciente dessa Clínica aqui a clínica
Ninja ela vai fazer o login olha só ela teve uma consulta dia 16/12 e já tá aqui o prontuário digital né dessa consulta que ela fez para ela fazer o download se ela voltar aqui a qualquer outro dia que seja se faz dia 18 20 tanto faz e o dono da Clínica cadastrar ou atendente já vai aparecer aqui também dia 18 né E cada vez que essa cliente ou na clínica que tiver um prontuário e tiver algum cadastro de alguma coisa e a gente vai conseguir cadastrar e tudo isso vai aparecer na área dela então
que dia 16/02 tudo certinho porém se vier agora o Pedro Silvestre olha só que interessante eu vou fazer o login aqui né um outro usuário um outro paciente dessa Clínica né um outro cliente independente que seja uma clínica médica né a nutricionista enfim a um treinador quer passar um tênis individual para cada pessoa independente do que seis eu consegui adaptar essa ideia tá fazer login olha só a gente pode ver que o Pedro foi aqui dia 18 né aqui já tá o ponto ar totalmente diferente da Maria enfim cada usuário que for fazer o login
aqui a gente vai conseguir filtrar e vai mostrar de acordo com a pessoa então Pedro mostra Pedro tudo certinho se a Maria acessar e assim por diante para qualquer tipo de cliente que a gente tem ou nessa clínica médica ou qualquer tipo de Outra área de menos é o horário interno que a gente quer desenvolver e disponibilizar algum material exclusivo para os nossos clientes Então nesse vídeo eu vou te mostrar passo a passo como você vai ter essa aula de membros muito da hora aí com de atingir Beleza se você curte esse tipo de vídeo
você gosta de conteúdo já faz o seguinte se inscreve no canal lá já comentem embaixo se curte esse tipo de vídeo né E quais outros vídeos você quer ver aqui no canal relacionado a elemento e também né os plugins cocoblog comentem aí embaixo que eu quero saber porque a sua opinião sobre feedback é bem importante aqui para gente tá inclusive galera vou deixar aí embaixo na descrição o link do nosso treinamento principalmente o nosso curso o getninja pro todo esse site que você tá vendo aqui vai ser disponibilizado já tá no é tá disponibilizado como
o tempo de disponível para dar hoje no nosso curso getninja pro nesse vídeo eu vou te ensinar como que faz mas se quiser baixar esse tempo de modelo base totalmente funcional modo responsivo tudo tudo certinho já tá disponível no nosso curso getnegro para quem é aluno fazer o download lá beleza então se não cara confere na descrição porque tá valendo super a pena além desse tempo ele tem vários outros tá tá tudo na página beleza mas vamos lá para o vídeo para gente começar a desenvolver esse sistema aqui vocês vão curtir bastante então vamos lá
galera seguinte vou mandar as páginas aqui ó páginas é capaz de Inicial Eu chamo de Homeland que chama de início tanto faz tá minha conta login registro show basicamente essas páginas que a gente tivesse para montar o nosso sistema Obviamente você aprendeu a lógica aqui velho se adapta para qualquer coisa se quiser e pode adicionar mais páginas adicionar mais coisas tá eu tô com um olho de prazer Adão aqui para gente né Lembrando que para criar esse sistema a gente vai precisar do elemento pro que é plug pago e também o jetbox e o de
atingindo você comprando uma licença do cocoblock já vem esses dois tá na nossa loja virtual e aí você compra também mais uma licença de elementor pro caso você não tenha Rafa como que eu encontro como que funciona eu vou deixar um link aqui embaixo na descrição ninja dos plugins tá é a nossa loja virtual onde lá a gente tem tanto elementor próprio para vender quanto o cocoboc também eu vou deixar o link aí para vocês beleza os plugins é bom que as páginas então home minha conta e Registro página adicional nova home Lembrando que o
foco dessa aula aqui galera é o sistema tá então essas partes de página aqui eu não vou dar tantos detalhes assim tá minha conta e Registro adicionar nova registro bem simples Quero adicionar mais páginas tem que painel você vai ajustando tá porque na página errada pode mover para mexer ou renomear ela basicamente isso tá então com as páginas criadas Vamos criar um menu para gente ter o nosso cabeçalho que eu rodapé a gente cria o corpo do site monte de sistema e já era tá é como que a gente vai criar esse menu aparência é
menus vou chamar aqui de menu principal na verdade galera é eu vou fazer diferente tá eu não vou criar o menu por aqui não eu vou usar o plugin Cat box para fazer o menu por ele esqueci de anotar aqui ó a gente vai precisar deixar instalado ali como essa área de membros vai ser mais simples né a gente não vai ter outras páginas a gente vai basicamente utilizar isso daqui a gente consegue ter essas páginas de forma dinâmica então a pessoa tá logada no site não vai aparecer para ela fazer o login já vai
aparecer para essa minha conta mesma coisa se a pessoa ainda não tiver registrada esses botões vão se alterar automaticamente mostrando o login e registre por exemplo vocês vão entender na prática como que funciona eu vou mostrar para vocês tá então é o menugetbox cabeçalho como que encher o cabeçalho Rafa modelos consultor de tema ou teme buildre se eu tiver em inglês ó vai carregar aqui para gente ó cabeçalho clicando mais aqui ou aqui ele vai redirecionar a gente para o elemento tá fechar eu vou poupar uma estrutura aqui de duas dois containers aqui tá nesse
WordPress tá com sessão ainda se eu tiver como sessão Lara Eu particularmente eu trabalho só container agora tá você pode vir aqui em elemento configurações experimentos e você habilita o Flex box com o tênis dependendo do momento que você estiver vendo esse vídeo talvez essa opção já venha habilitada tá de novo eu quero eu prefiro trabalhar com sessão em coluna eu não recomendo Mas se caso você queira você pode trabalhar também não tem problema tá vou puxar aqui minha logotipo eu Rafa como que você puxou e veio aqui logotipo já deixei cadastrado aqui né aluga
as cores nas configurações do site tá vou puxar aqui também galera petbox a gente tem aqui o formulário de login eu vou puxar esse áudio aqui para gente trabalhar porque ele vai ser uma a lógica um pouco aqui do nosso sistema tá através dele a gente vai ter aqui ó o redirecionamento para o login e direcionamento para sair registro e minha conta tá então vamos começar aqui galera eu quero mostrar o link de login sim aqui eu posso copiar o URL da página Então vem aqui ó eu tenho direito copiar vem que cola beleza é
uma forma de fazer uma segunda forma você tem que pegue dinâmicas puxar que o URL interno E aí que tipo que é é um conteúdo qual conteúdo login ele vai puxar a página de login mas a maneira para gente tá esse daqui já tem uma conta eu retiro aqui eu vou passar aí beleza é Direct após a pessoa sair eu quero levar para home page para URL específica Quero manter na mesma página eu prefiro levar a pessoa para peixe do site esse texto que faz sentido para você eu vou traduzir para lá registre link eu
vou colocar registro no arquivo ou e aqui eu consigo colocar o URL também ou então o URL interno clicou aqui né tag dinâmicas o RL interno e a gente vai selecionar conteúdo e vou mandar só para página de registros esse registro link aqui vai ser quando o usuário já estiver registrado tá vou fazer a mesma coisa Tais dinâmicas URL interno e a gente vai trabalhar a página minha conta perfeito gênero aqui você pode sentar a ordem então por exemplo lá eu quero que venha login logout registro né e registrado então eu posso inverter isso tanto
faz eu vou ganhar esse aqui é direita inclusive galera vamos até fazer melhor Vamos fazer melhor fazer o seguinte eu vou adicionar uma estrutura somente em container eu vou arrastar isso para cá tá quente economiza no Contenda deixa sete mais leve deixa eu puxar ele para cá é que nada demais coloquei no lado do outro aqui em vez de utilizar dois containers eu utilizei um somente um então aqui ó um dois três aqui somente um dessa forma a gente deixa o site mais leve né economizando recursos dum que chama do site né quanto menos sessões
se tiver menos carga de um você tem logo o site tem que ficar mais rápido obviamente Essa é uma das partes da otimização né Tem várias luzes também a gente vai ter um curso de otimização de velocidade tá Fica de olho você entrar centralizar aqui quais espaço entre né que ficam na ponta esquerda outro na ponta direita espaço perfeito entre eles login e tal vamos só utilizar esse aqui para mobile rapidão trabalhar um pouquinho aqui ó vou selecionar essa logotipo avançado personalizar vem aqui porcentagem e deixe mais ou menos aqui uns 35% , eu posso
selecionar essa outra área e trabalha aqui em personalizar porcentagem 65 quebrado é porque tudo isso aqui não vai estar aparecendo tá ele só aparece a parte de só aparecer metade do que tá aparecendo aqui então por exemplo login e sair só vai mostrar esses dois ou vai mostrar isso daqui enfim vai mostrar os dois juntos tá já vou entender então significa que aqui no mobile ele vai ficar mais ou menos metade do que tá aqui vai conseguir se ajustar a essa esse ajuste aqui que eu mostrei para vocês beleza não ficar legal a gente volta
aqui ajuda enfim publicar adicionar a condição em todo o site só vai fechar tá lembrando que você quer é obrigatório coloca em todo o site eu vim aqui galera esse meu e foi e deu um contra o F5 para atualizar ele ficar segurando o cash no navegador tá enfim página home configurações leitura e a gente coloca essa parte na Roma como a Roma pedido do site beleza então lá já defini aqui nossa página home cabeçalho a minha conta minha conta e clicar aqui em sair ele vai fazer o logotipo você pode ver aqui ó essa
parte aqui de baixo que ele vai dar um Action de logotipo você já vai sair da conta que tiver lugar aqui no site tá vamos criar o rodapé aqui rapidão só para ficar bonitinho no site rodapé mais [Música] ou o que é o bem simples mesmo tá e eu vou tirar aqui a cor de fundo E você tá aqui galera é o nome da clínica por exemplo a clínica Ninja 2022 os direitos reservados tipografia publicar adicionar condição em todo o site então F5 aqui ó homem tal Beleza já é a primeira parte do sistema né
a gente tem um cabeçalho dinâmico se a pessoa essa página aqui em aba anônima o que vai acontecer login ou registro e aqui aparece ao contrário sair em minha conta porque exatamente esse cabeçalho que a gente utilizou Ele é dinâmico Ou seja a pessoa não tiver alugada aparece para fazer o login ou se registrar E se ela já tiver logado a participação tá aí ou entrar aqui na parte da minha conta para ela conseguir ver os pontuais digitais dela beleza Vamos trabalhar aqui galera antes de mexer no formulário só a página home aqui porque ela
vai fazer a linguagem né então ela vai limpar para categoria né brincar para minha conta ou login enfim como que a gente faz Rafa tem aqui em páginas tá homem seleciona está com elemento na página bem simples tá galera mostrar aqui para vocês basicamente ó vem aqui na engrenagem eu quero dizer que seja uma base para que você consiga qualquer tipo de coisa que você queira ou seja essa base aqui vai adaptar o seu projeto ou projeto que você está de governo do seu cliente show e eu vou colocar aqui ó prontuário digital simplificado vou
adicionar aqui uma descrição também posso arrastar o título mesmo tá ixe ou terá que a cor Ok tipografia vou dar uma centralizada nela aqui mais alguns ajustes como por exemplo a altura de linha também tá 24 pixels 30 perfeito pegar esse container vou dar uma centralizada nele então eu posso trabalhar ele aqui ao centro eu acho que fica mais interessante para o conteúdo não ficar colado Aqui nem com a parte superior nem com a parte inferior e aqui adicionar dois botões fazer login login aqui esse login eu posso botar aqui para login ele tem que
a puxar a página posso vir aqui tag dinâmicas utilizar um URL interno eu puxo de forma dinâmica também login e duplico esse botão aí você pode mexer um pouco mais estilo tá deixa ela bonitinho aqui só para gente duplicar não precisa mexer no outro botão direito duplicar esse outro vai ser fazer cadastro nele eu vou ver que o RL interno e que a parte de registro perfeito eu gosto de colocar esses botões uma lá do outro né para não ficar dessa forma escadinha Como que eu posso fazer isso eu vou selecionar esse Meu Container vou
caminhar horizontal você fala você quebrou o site é bem simples e ajustar isso tá vou selecionar aqui o título avançado largura vou colocar esse título em Lagoa 100%. esse outro avançado largura 100% também né e é um poder fazer essa quebra de linha utilizando a função envolver ou app essa daqui ó só clicar nesse botão ele faz a quebradinha para gente tá posso trabalhar Ezequiel centro alinhar conteúdo centro também bem simples de fazer ó já tá tudo alinhadinho esse botão aqui galera eu vou colocar ele um azul um pouquinho mais escuro tá para gerar um
contraste diferente aqui e já tá pronto essa área uma coisa que curte fazer também é colocar uma parte de benefícios aqui enfim que a gente pode fazer isso eu vou adicionar uma estrutura de linha mesmo seleciona que benefícios as partes aqui cara então eu tenho um pouco mais rápido porque o objetivo aqui nem é mexer no elemento é construir o sistema mas eu tô te mostrando desde o básico caso você não saiba nada a construção aqui de uma maneira pouco mais rápido e simplificada Tá eu vou utilizar imagem eu vou selecionar ele arrasto para cá
E aí mais uma vez a gente vai precisar fazer essa quebra de linha né utilizar a função rap como que a gente faz Rafa seleciono layout e dá esse envolver aqui que ele faz essa quebra de linha para gente nesse primeiro eu vou estar aqui como exemplo mesmo sei lá materiais extras prontuário online enfim vai depender que você tiver trabalhando aí no site tá posso pegar aqui Eu tenho uns ícones que eu baixei no meu computador arrastei para cá o ícone aqui em estilo a gente pode vir aqui em conteúdo descrição e alterar essa essa
cor né e a gente pode ajustar aqui também ó para deixar um espaçamento padrão entre os itens tá orçamento ou vem aqui em avançar a largura e colocar a largura aqui mais ou menos 32% e aí Altera a cor de fundo desse item para gerar uma caixinha mais bonitinha eu gosto de trabalhar bastante isso tá usando meu site ó posso pegar aqui trabalhar mais ou menos assim beleza como que tá bacana já perfeito deixa eu ver aqui no modelinho que eu queria antes o bom sei lá vai ter cupom de desconto para cliente de clínica
é muito comum né Mas a gente pode colocar também aqui é PDF tratamento sei lá pode ver que não manjo muito de clínica médica né mas o exemplo aqui é bacana por vocês poderem utilizar tá perfeito galera tá aqui a nossa página Vamos e depois você vem na e a justa tanto para o mobile quanto o desktop tá é fazer uma just bem rápido aqui porque eu quero ir logo para parte do sistema Inclusive a sala tá ficando até mais longa do que eu gostaria ó [Música] sempre Gosto de tocar uma margem no lado tá
tanto no celular quanto no desktop porque Rafa meu conteúdo fica colado aqui ou com a esquerda com a direita tá é horrível somente a gente tem que ter celular que tem borda sabe que aquela bordinha arredondada aí ficou a parte do site importado no celular do cliente é ficou horrível isso aqui Lembrando que eu expliquei nessa parte que é para vocês né ele vai se ajustar depois você pode mudar isso aqui para uma única linha também tá bem tranquilo bem simples de fazer no celular então Lembrando que falando que atinge a prova vai pegar esse
sistema que todo funcionando só para fazer o download tá já vai estar disponível lá no nosso grupo de alunos beleza galera a página Vamos Ok vamos trabalhar agora começa a trabalhar a parte legal tá como a hora de registro e formulário de login uma coisa interessante que esse plugin aqui ó o jetbox ele já tem formulário de login formulário de registro ou seja Vai facilitar a criação dessa página aqui para a gente tá porém caso você ah quero fazer um formulário de registro mais personalizado e adicionar Campos aí você pode fazer com que atingir mas
eu vou mostrar aqui para vocês como que eu vou criar Ó você tá toda parte de login a página de registro vamos ver quem está com elemento vamos lá galera que cola aqui na engrenagem pois quando o título beleza é aqui vou dar um péssima inferior esse aqui é obrigatório tá não é opcional da pele a não ser que você quer trabalhar de forma amadora mas é obrigatório trabalhar com pés no site tá espaçamento é uma das leis e vou colocar aqui o formulário de login basicamente isso tá Então como que a gente vai fazer
isso Rafa vou dar o nosso país mais uma vez aqui superior essa sessão eu vou alterar o cor de fundo dela colocando cinza claro para gerar um destaque ou formulário tá sempre gosto de usar Tons de Cinza puxado para o azul eu acho que fica mais é mais sofisticado Na minha opinião tá perfeito vou colocar o formulário nessa parte e esse deck login você vê que tem aqui ó login informa que é um elite do jetbox tá eu vou colocar usuário tenha lembrar-me fazer login e depois o login galera que é importante depois o login
eu vou levar a pessoa para qual página custa um URL E aí vou puxar aqui ó Se não me engano aqui não tem um link interno deixa eu ver eu tava montando aula para vocês e aqui não tá aparecendo link interno tá aparecendo para mim mas até não tem problema o botão direito aqui na página de minha conta copia Aí você vem aqui e cola dessa forma quando a pessoa for acessar ela vai ser redirecionada né Depois que eu fizer login vai ser direcionada para página em minha conta show quando a pessoa tiver logado e
conseguir de alguma forma a parte de login você pode deixar uma mensagem você já está logado beleza acho que é muito grandão Não curto lá para fora no site da forma eu preferi um pouco menor tá esse sangue de largura então eu posso vir aqui galera e trabalhar uma lagoa mais ou menos em 700 tá mais ou menos assim mexer aqui na cor de fundo né colocando uma cor de fundo branca coloca uma borda arredondada e coloca o que uma sombra no bloco perfeito aborda coco sólido e vou trabalhar Uma boa cor de borda tirando
um pouco a pastagem para deixar mais suave aqui na minha opinião fica bem melhor tá aqui neigos mesma coisa trabalhar aqui o deck perfeito igual a margem superior beleza e submete hoje está aqui bem rapidinho bem tranquilo e vou tirar essa borda não sei se eu conseguir enxergar mas tem uma borda vermelha que a gente retira porque é horrível essa borda [Música] do de login funcionando agora vou fazer a parte a página de registro Então vem aqui em páginas editar um vídeo no elemento e que eu vou fazer para facilitar vai ser mais a mesma
estrutura a única coisa que eu vou fazer ó é já que eu pego algumas coisas que eu já tenho Então como que a gente vai fazer isso Rafa você vai vir aqui ó o botão direito do seu Mouse você copia isso tá você pode salvar como o modelo também ó Mas só copiar botão direito e cola se você salvou com o modelo como você faz para importar você vem aqui meus modelos e vai clicar em inserir tá botão direito vou copiar esse aqui botão direito colar esse formulário a gente vai tirar porque eu vou adicionar
você pode ver que tá dando erro o formulário de registro está desabilitado e ele não vai funcionar para novos usuários por favor habilite-se formar de registro nas configurações Gerais ou remover seu limite da página não entendi nada eu vou exemplificar para você basicamente você vai vir aqui ó de geral e você marca essa opção tá Qualquer pessoa pode se registrar no teu site atualizar aqui no F5 e cadê sumiu aquela informação tá pode trabalhar aqui o bege né perfeito galera vamos traduzir trabalhar os estilos e depois a gente vai para outra parte do sistema que
vai ser aqui a parte de minha conta tá e-mail confirme assim eu sei que botar essa parte de confirmação você pode colocar não é obrigatório não tá você desabilitar aqui basicamente fazendo queira beleza depois que o usuário se registrar quer levar ele para onde para a página de minha conta né Óbvio porque senão o usuário pode ficar perdido o pior cola aqui normalmente sempre tira aqui ó vem atrás da Barra porque você pode retirar que vai funcionar também então ah tá em dúvida coloca o link inteiro aí tá Beleza beleza só vim agora em estilo
trabalhar aqui ó tipografia exatamente da forma que eu fiz na parte de login tá infelizmente não tem como copiar o estilo tentei já acho até estilo eu tentei não foi Então a gente vai ter que fazer mas é bem tranquilo bem simples [Música] que a gente chama de hierarquia né então o título sabendo que tá maior né aqui os campos menores enfim a gente vai estar aparecendo aqui o site fica visualmente muito melhor tá e quem quiser perder mais sobre isso ver nosso treinamento aí na descrição banner pro ou o ninja PSD que eu explico
mais sobre design corda nenhum show galera ó login registro tudo certinho tá então agora vem aqui login no meu caso está logado obviamente tá funcionando a pessoa se registrou aqui realmente vai se registrar no seu painel administrativo do WordPress tá e usar vai conseguir fazer o login e vai ter acesso a parte de minha conta beleza essa é a metade do sistema Inclusive eu poderia pausar essa aula fazer a parte 2 vamos continuar galera só para que vocês entendam pele junto comigo aqui tá beleza aqui eu montei a infraestrutura para eu conseguir implementar meu sistema
então tem a parte de registro tá a parte de login são recapitulando para vocês parte de registro login essencial temos as páginas no sistema também é justamente ou seja o primeiro passo foi concluído com sucesso e foi a infraestrutura desse sistema agora que que a gente vai fazer Vai implementar as funcionalidades né basicamente é isso tá e como que a gente vai fazer a gente vai criar um CPT de paciência como que a gente faz Rafa vamos lá na administrativo de WordPress e atinger aqui eu vou colocar prontuário perfeito e dentro do prontuário eu quero
colocar algumas informações então por exemplo Advance WordPress dá algumas informações para a gente tem uma Rafa quero colocar uma descrição ali para o meu cliente é por exemplo você pode tomar tantas doses de tal coisa pode ter que tomar três por dia de tal coisa deixa aqui o editor tá Para que você consegue colocar essa descrição aí para ele um passo a passo de alguma coisa por exemplo tá Ah eu quero colocar uma imagem também você pode usar que thumbnail tá enfim outros Campos aqui você consegue colocar que eu vou pegar o ícone de usuário
posso trabalhar menos position aqui 2 para ele ficar posicionado bem aqui em cima o meu CPT ah falando não sei o que é CPT custa um post-tape tá Rafa não sei o que aconteceu a gente tá querendo um outro porque não tem aqui prontuar para a gente poder utilizar se a gente queria um do zero para a gente trabalhar de uma maneira mais interessante basicamente é isso tá galera vamos trabalhar aqui ó CPF posso deixar aqui como Tech mesmo e o metafield vão trabalhar aqui prontuário prontuário vai ser um PDF vou mostrar para vocês Como
cadastra também tá prontuário paciente se caso eu quero colocar posso adicionar vários Campos aqui ó data do atendimento tá por exemplo aí se não me engano a gente tem o dente aqui ó Ira né enfim posso puxar ele também você vai cadastrando com os campos você quiser inclusive você pode calaçar aqui ó de Michaels aqui de uma maneira diferenciada na listagem mas não simplificar aqui eu quero que sempre para vocês poder entender coloquei é uma olhadinha aqui no canto superior pronto você vem aqui Adicionar novo e já consigo cadastrar prontuários no meus clientes então eu
até tirar esse daqui ó eu quero fazer um cadastro de usuário só que antes eu precisa fazer um outro negócio tá vim aqui me atingindo e metabox eu acabei nem colocando aqui no passo a passo visuais depois a gente puxa o licença mas interessante que seria a metade Rafa você vem aqui usuários galera é que meu celular você pode ver que só tem os campos padrões né Rafael é apelido aqui e tal não tem muito que eu possa mexer E aí para criar o cadastro o registro de usuário eu já tenho aqui a parte de
registro só vem aqui e tirando aquele formulário ou então eu posso criar direto pelo painel aqui do WordPress até aí tranquilo porém dentro desse metabox eu preciso ter uma identificador único que vai fazer ela encaixa com o Custom postar porque eu coloquei você falava Agora complicou vamos lá porque exemplificar para você na página é minha conta é quando o João aparecer você vai aparecer os prontuários do João quando a Maria logar na conta dela só vai aparecer os prontuários dela mas como que o sistema vai identificar quem é quem para mostrar ali corretamente os prontuais
através desse identificador único que nesse caso vai ser um CPF Ou seja a gente aqui no CPT e o campo de CPF certo até Ok se acabar de criar aqui comigo e aí agora em cada usuário eu preciso citar um CPF também porém eu não tenho campo de CPF aqui como que a gente vai fazer a gente vai tirar o metabox para isso tá [Música] vamos chamar aqui galera de dados do paciente tá isso vai aparecer aonde Rafa Poxa não né aqui visível aonde Edite e user profile e que metafield eu vou colocar o identificador
que vai ser CPF eu vou colocar aqui o underline tá e você precisa saber e esse é o metafield então aqui é um identificador eu vou entregar com esse porém não pode ter o mesmo nome é o mesmo a edita se não vai funcionar Outro ponto né Para que ela no curso já sabe aqui você não pode colocar a carta especial nada do tipo tá underline pode mas é espaço tracinho não coloca tá add metabox agora olha só que interessante usuários CPF Olha só as possibilidades que abrem aqui Você pode adicionar logotipo do cliente né
a gente fez no processo de classificados do curso pro aqui eu coloquei logotipo do cliente endereço da loja e assim por diante cada concessionárias concessionária que tá no meu site de classificados tá um treinamento ela tem esses campos aqui únicos né dessa forma quando o cliente acessa a página de classificados a concessionária x só mostra os carros concessionárias dessa concessionária única né e mostra o telefone dela mostra o WhatsApp dela o interesse assim por diante Como que você fez através dessa funcionalidade aqui né e algumas outras que tipo implementando também vai querer projeto tá perfeito
já coloquei ali o campo do usuário agora vamos cadastrar esses clientes lembrando eu posso cadastrar na página de registro e a gente fez né porém a parte a página de registro ela ela tá sem esse campo de CPF que a gente colocou aí o usuário pode fazer o cadastro e depois você vem aqui em usuários e coloca o CPF de cada um nesse caso para facilitar como sua administradora do site eu vou vir aqui usuários vou adicionar por aqui Maria Costa Lembrando aqui cara coloquei dados fictícios tá só para a gente poder trabalhar que legal
você vai ter qualquer uma senha aqui ó depois a gente fazer o login em cada cada usuário a gente faz um login diferente para vocês verem que tá tudo funcionando tá assinante pode estar com assinante mesmo Adicionar novo usuário vim aqui Maria Costa e a qual que CPF dela então as fictícios também tá galera tudo fictício aqui beleza Pedro Silvestre não coloca espaçamento aqui no e-mail né negócio meio Óbvio mas estou explicando aqui só para que você não tenha seu sistema não fique funcionando corretamente tá senha vamos vir agora mais uma vez aqui a gente
repete a operação para o último é bem tranquilo eu vou dar uma acelerada aqui é que vocês já viram Como funciona o procedimento João Silva uma dica aqui nome de usuário não pode ter acento tá é corrigir aqui então fica de olho nisso Vou colocar aqui a senha também agora só entrar aqui no João Silva e cada só cpf dele para que eu consiga me comunicar para que eu consiga falar na página de minha conta somente com ele específico tá então show estamos aqui com nossos cadastro de usuários vamos fazer agora galera o cadastro de
[Música] da Clínica mesmo né o cadastro de prontuário faltou isso pronto áries Então vamos lá como que a gente vai fazer isso prontuário Adicionar novo e que eu vou colocar todas as informações então por exemplo eu tenho aqui ó bom e pela ordem Maria Costa acabou com o título Tá eu já gosto de colocar o celular a data você pode colocar ali tem você tem um sistema que gera número de atendimento você coloca aqui né aqueles número de atendimento quando a gente liga para algum local Ah você anota esse número de atendimento você pode colocar
qualquer identificador aqui no caso para facilitar como esse sistema tá bem básico eu vou colocar uma data mesmo tá aqui eu poderia colocar uma descrição então explicando a Maria é assim que vai funcionar esse tratamento Total tem que tomar remédio tantas horas Ah é assim que vai funcionar seu treino você tem que 4 a 5 vezes por semana treinar meia hora enfim ah é dieta você vai ter que comer isso e se isso durante esse dia tal tal enfim eu vou passar todo o cadastramento aqui do que eu quero tá nesse caso esse vídeo aqui
vai passar de uma hora eu não quero então eu não vou colocar essas informações porque é bem simples tá vamos só colocar o CPF e aqui vem o segredo né eu tenho que colocar Exatamente no mesmo CPF que tá lá senão não vai funcionar Beleza fica de olho nisso prontuário do paciente como que eu vou cadastrar prontuário você pode subir esse prontuário esse PDF no Google Drive ou no sistema aí da sua empresa e coloca o link ali para o cliente fazer o download ou então para cor de pele tem como a gente fazer isso
Rafa como que faz vamos lá mídia Adicionar novo Eu tenho um PDF aqui ó olha só como o pdf tá bem zoado velho olha só é esse daqui galera vou ter um ícone tá mas obviamente não sei mas tá tudo bonitinho né tal enfim basicamente você pega o pdf arrasta para cá tá e seu painel administrativo depressa você vem aqui ó copiar URL né E a gente vai colocar um botão quando a pessoa clicar lá fazer o download desse PDF tá data do atendimento 12 então não publicar Ah mas eu volto aqui dia 14 Vamos
criar um novo cadastro para Maria Qual que é o nome dela mesmo é Maria Costa né ela voltou dia 15 por exemplo do 12 aí eu coloco aqui ó aconteceu dia 15/12 né eu vou colocar a descrição aqui você pode colocar Posso colocar outro ponto a área vou pegar o meu aqui só para facilitar para a gente eu boto outra data aqui ó Ah agora o novo cliente deu entrada aqui o nome desse cliente deu é que deu entrada Silvestre ou eu vou ali CPF o prontuário do paciente que você vai subir no por um
né e é esse esse cliente veio sei lá dia 20 do dia 20/12 Ah tem outro cliente aqui agora o último exemplo tá a gente dá continuidade aqui foi o João Silva tal colocou ali ó o seu CPF colocou vou pegar aqui o pdf e a data de atendimento desse lá para o dia 22 por exemplo tá pode ser a mesma data Lógico que pode pode ter sei lá na mesma data tanto faz tá perfeito Então já tem um cadastro dos pacientes né fizemos cadastro dos prontuários também tudo funcionando agora só criar o lixo em
personalizado e puxar para página da minha conta olha só que simples para criar lista personalizada você vai vir aqui ó vou puxar prontuário e que eu vou estar prontuário Loop Ray E aí galera vamos continuar aqui ó vou adicionar a estrutura né o container adicionou e aí Eu sempre gosto de vir e trabalhar um pouco a largura né Lembrando que isso aqui é só um preview seja largura do preview mas Eu gosto de trabalhar aqui ó vai ficar mais bonitinho para a gente configurar depois puxar lá para nossa página Tá eu vou puxar aqui poderia
puxar via elemento de trabalhar a vida vou ter aqui a cor Rafa tem que ser feito pode ser um pouco rápido vou voltar aqui preciso entender tá eu simplesmente peguei o glitter mesmo que fiz e arrastei Mas como que ele já puxou o nome porque ele puxa o Titan e o tyle é um nome aqui do posto Esse é o tyle Lembrando que a gente vai criar um modelo único que vai se aplicar para todos isso daqui e depende seja quatro nosso exemplo se 50 500 5 milhões tanto faz beleza é vamos centralizar aqui galera
mexer um pouquinho acho mais bonitinho é talvez aumentar um pouco também da fonte né tipografia 24 show vou puxar aqui também galera um outro dinâmico e vou puxar talvez aqui a data ou data do atendimento E aí tomou cuidado com isso tá você pode deixar dessa forma do jeito que eu coloquei aqui ó jeito que ele puxa automático que eu acho feio se você vier aqui em filterfield hotput Ou seja eu vou aplicar um filtro de saída Rafa Não entendi vamos lá Call Back que é o retorno formate date ou seja data em português tá
vulgo data ó Puxou desenhober eu não quero eu quero esse segundo 22 de dezembro Rafa não tá no padrão brasileiro aí tu tem que pegar aqui ó o j e colocar atrás do F tá bom pronto e você vai adaptando toma cuidado para não perder Rafa me ferrei apaga isso aqui sem querer vem aqui ó documentação do WordPress tá escrito não tem nada a ver com a documentador de pressa é você vê que todos os formatos te dá para você trabalhar da maneira que você achar mais interessante show aqui eu vou clicar em cima eu
vou pesquisar aqui por calendário ou data o vem que estilo vamos centralizar e esse ícone o icon eu vou colocar o laranja que eu acho que vai ficar maior bonitinho não pera aí ela tá mais bonita vou puxar agora aqui um botão eu posso puxar bem esse botão aqui mas como a gente está trabalhando só o blog vamos fazer pelo coco Box tá mas dá para fazer com elementor também tem que link selecionou vou estar aqui ó download pronto digital aí o cliente vai ter acesso a esse ponto aro ou esse essa dieta ou esse
plano de treino enfim Depende do que seja direto no painel dele ele vai ficar no botão vai fazer o download se eu vou entender como que vai funcionar isso daqui tá eu vou puxar aqui ó pronto o ar do paciente por isso que a gente copia o link você vai copiar o link vai colocar aqui outro ponto interessante coloca oping ou seja bem nova janela tá Por que Rafa e nova janela porque quando a pessoa clicar no pdf se não abrir uma janela vai sair do seu site o cliente vai perder o seu site ali
no navegador dele em nova janela mantém o seu site aberto e só abre o pdf nova janela para ele abrir no celular ou no computador tá bom eu centralizar esse aqui galera laranja a cor branca para quem tipo é secundária ó trabalhar o pad mais ou menos assim tá é tipografia vou colocar mais ou menos 14 pizzas porque eu quero um botão um botão menor Deixa eu ver se eu acho para centralizar essas informações é botão eu vou colocar um pequeno arredondamento então borders eu acho que eu posso juntar um pouco mais isso Rafa como
que a gente pode juntar Ah vou dar margem negativa não vem aqui no container trabalho GAP é isso aqui tá aí você consegue fazer esse juntar um pouco mais esses itens e ter um pouco mais de Harmonia entre eles Dom atualizar vou fechar e vamos agora para parte de puxar isso para nossa página de minha conta então páginas ou páginas minha conta selecionar vou vir aqui está com elemento perfeito galera carregou aqui para gente eu venho aqui na engrenagem esconde o título e colocar elemento largura Total tá bom vou clicar no mais aqui ó já
vou dar os pés inferior beleza e aqui olha só que interessante olha só que vou fazer aqui ó eu vou estar aqui bem vindo bem vindo de ícones mesmo e eu vou conseguir me comunicar com cliente falando o nome dele aqui nessa página Ah foi como que você vai fazer isso olha só eu vou ficar aqui nesse nessa tag dinâmica e aqui ó eu posso puxar informações de usuário e aí qual que eu quero exibir aqui o nome de usuário O Rafael é bom a gente alterar Com certeza tô conseguindo enxergar mas a gente vai
alterar a cor Vai ficar certinho Tá deixa eu só clicar aqui ó olha só cliquei aqui tá vou puxar aqui o Elite não o ícone de user tá de usuário pronto quando a Maria fizer o login vai aparecer Maria quando Pedro fizeram aparecer Pedro e assim por diante Beleza agora simplesmente olha só que a gente vai fazer vou puxar um listing para não pegar esse aqui eu vou pedir a nova funcionalidade do elemento Tá mas não é esse Inclusive tem vídeo aqui no canal explicando como que faz como que funciona você vai pegar esse aqui
ó esse Beleza então cuidado para não pegar o errado se não vai funcionar vou puxar listagem que a gente criou pro aqui eu vou digitar você ainda não tem prontuários cadastrados a pessoa acessou aqui não tem prontuário cadastrado e vai mostrar essa mensagem para ela tá eu vou trabalhar e você Ah quero duas colunas Rafa Depende do que você quer trabalhar tá bom vou deixar assim mesmo e aqui é só no modo responsivo eu vou brincar aqui colocar uma coluna Lembrando que forma onde atinge a próxima não for cara além desse projeto aqui você vai
ter vários outros e vai estar todo otimizado com mobile tudo funcionando revisado Enfim tive alguma dificuldade mas não funcionou entra no nosso treinamento Tem suporte para dúvidas vários outros projetos para você aprender e atingir esse aqui é só o básico que eu tô mostrando e ainda ganha esse tempo de como download tempo de mobiliar tempo de química médica que é um outro né que tem ajudamento online tempo de loja virtual de pousada classificados e de calendário orçamentos orçamentos digitais tá tá tudo lá para vocês ó a gente vai fazer o seguinte galera se alguém tá
na verdade isso não esse post Carrie você vem aqui ó e puxa o metacary meta e aí eu quero puxar o Haiti Ó presta atenção nisso aqui tá Qual é que a gente vai puxar do posto CPF paciente em copiar exatamente do jeito que tá aqui tá ó esse CPF paciente é igual a ao que aí eu tenho que puxar aqui ó é um Custom Field CPF ou seja ele vai concatenar os dados e se for exatamente igual ele vai mostrar como CPF é o identificador único por padrão porque cada um tem o CPF Isso
aqui vai funcionar perfeitamente beleza vamos autorizar não tá funcionando porque tá falando aqui ó você ainda não tem prontuário se cadastrados por quê Porque o usuário que eu tô logado aqui é o Rafael ainda não tem nenhum prontuário cada sala aqui ó por isso que não tá mostrando Mas vamos fazer o login agora recuperar isso aqui abrir aba anônima eu vou fazer o login aqui com a Maria Ó Maria Costa fazer login tudo funcionando tá pega a senha que a gente cadastrou fazer login Olá e é 15 de dezembro e 12 de Dezembro download de
prontuário clicou abre o pdf aqui bonitinho para ela com ponto alto todas as informações você vai passar outro ponto Rafa tá parecendo essa barra aqui velho algumas formas de retirar isso tá eu vou te mostrar que é mais simples é você vir aqui em usuários na hora que você cadastrar você desabilite sua opção mostrar barra de ferramentas aí quando a pessoa acessar vai sumir a barrinha de ferramentas Aqui também tá a pessoa faz o download aqui enfim Maria posta tudo funcionando se eu sair daqui e fazer o login como Pedro vamos ver se está funcionando
mesmo olha só agora vamos para o próximo aqui galera é o João Silva login Vamos ver aí João Silva tudo funcionando tudo certinho um baita de um sistema aí cara para você desenvolver e ganhar dinheiro com Web Design isso aqui tem muitas aplicabilidades né dá para adaptar por diversos nichos Enfim tudo que precisa de uma área de cadastro interna para colocar algum tipo de material para cliente para quem é registrado você vai conseguir aplicar isso aqui beleza e aí galera que vocês acharam cara viu só a quantidade de possibilidades que ave né o leque de
possibilidades que abre quando a gente aprende a trabalhar com atingir né que é trabalhar com site dinâmico a gente tem sites mais simples como sites institucionais que a gente faz sono no elemento arrastão no bloquinhos porém a gente tem um outro nível de site que é um site mais avançado mas que paga melhor porque você consegue criar cadastro você consegue criar sistemas enfim um sistema de área interna como esse que a gente acabou desenvolver e adaptar para diversos nichos diversos tipos de clientes que você foi desenvolver e o nome disso chama site dinâmicos né quando
a gente cadastra alguma coisa em um canto puxa em outra e vai competenando e desenvolvendo todo o sistema tá Enfim vocês curtiram cara a gente faz o seguinte se inscreve no canal e comenta embaixo que você achou desse vídeo e quais outros vídeos você quer ver aqui no canal beleza galera inclusive Rafa é faz uma parte desse vídeo sei lá faz é algum outro tipo de sistema com jeitinho comenta embaixo que eu posso verificar sua ideia e montar um vídeo bem legal para vocês Outro ponto para quem ainda não é o nosso curso e cocô
Block né que tem um gatinho ali todo explicado do zero cara recomendo demais vai estar na descrição que é o getninja pro nosso treinamento de elemento ele ficou com o blog porque eu não sei para vocês galera ficou básico do básico do treinamento cara tem mais de 200 aulas aí tudo explicando como que cria site de Imobiliária classificados Clínica Médica enfim só site inclusive tô liberando como bônus agora para os alunos o tempo te dá essa aula aqui gratuitamente para que aluno do Jet Ninja pro beleza ficou interessado era acesso também que na descrição Vale
super a pena Beleza se você chegou até o final do vídeo muito obrigado aí pela audiência abraço e até a próxima valeu
