Como fazer uma página de usuário. Página pessoal para uCoz como em Uraaa Como criar uma página pessoal de usuário

De vez em quando, recebo perguntas me pedindo para contar como fazer uma página de usuário, ou seja, para que cada visitante cadastrado tenha o seu própria página no site. Neste artigo, tentarei responder a essa pergunta.

Em primeiro lugar, você precisa fazer autorização... Se você não sabe como fazer isso, leia isto :. Após a autorização, cada usuário salva informações sobre seu login e senha na sessão. Agora você pode fazer página do usuário, então o algoritmo é o seguinte:

  1. Crie um arquivo, por exemplo, user.php... Traga tudo Html e CSS código, substituindo alguns dados de teste que no futuro serão exclusivos para cada usuário.
  2. No início do arquivo leia todas as informações do usuário(por exemplo, de um banco de dados) usando seu login armazenado na sessão.
  3. Substitua os dados de teste por dados específicos do usuário, informações sobre as quais você recebeu na etapa anterior.

É isso, agora todos os usuários autorizados que visitam user.php verão seus próprios dados. Que tipo de dados (nome completo, avatar, data de nascimento, etc.) não importa, ou seja, nós criou a página de usuário mais comum.

Muitas pessoas parecem saber ou já ouviram falar sobre o que são páginas pessoais e postagens no WordPress, mas talvez não muitos os tenham usado devido ao fato de não terem encontrado um uso para eles. Hoje vou dizer como você pode usar essas páginas com grande benefício para você e seu site.

Então, vamos primeiro esclarecer o que são páginas pessoais e postagens no WordPress... O status "privado" significa que o acesso ao conteúdo página específica terá apenas quem criou a página ou post e, claro, o administrador e superadministrador do site ou blog. Então, qual é o uso de páginas e postagens pessoais?

Bem, digamos que em um registro pessoal você possa deixar algumas notas, textos, links, fotografias e assim por diante para si mesmo como uma lembrança, e assim por diante. Mas não há tanto benefício nisso. Uma página pessoal, por outro lado, é um assunto completamente diferente, pois você pode criar e usar modelos personalizados para as páginas. Falaremos sobre isso, sobre páginas pessoais.

Para criar uma página pessoal, você precisa entrar no painel de controle do site (doravante significaremos que você está logado como Administrador), no bloco do menu à esquerda, selecione "Páginas" -> "Adicionar novo". O formulário de criação da página será aberto. Depois de inserir o título da página, um link para ela aparecerá abaixo. A página criada inicialmente pode ter o seguinte endereço:

Http://wpmytest.ru/?page_id=4

que não é muito memorável, então é melhor fazer um link mais compreensível, por exemplo, este (se você selecionou "Nome da postagem" nas "Opções" -> seção "Configurações de links permanentes" das configurações):

Http://wpmytest.ru/moya-laboratoriya/

No campo de conteúdo da página, insira qualquer informação desejada, qualquer texto e, em geral, a página está pronta. Mas agora é importante dar a ele um status "pessoal". Para isso, no bloco direito do painel de controle encontramos o bloco "Visibilidade: Abrir Alteração" e, clicando no link "Alterar", selecione "Pessoal" na lista que aparece e pressione o botão "OK". Então, corajosamente pressionamos o botão "Publicar" e podemos assumir que a página pessoal foi criada.


Para ter certeza de que nova página disponível apenas para você, saia de sua conta e tente abrir uma página pessoal em seu navegador no endereço que você atribuiu a ela. Como regra, você receberá uma mensagem informando que essa página não existe ou que você não tem acesso a ela. Isso é tudo, mas esta é apenas metade da batalha, e o mais interessante ainda está por vir.

A propósito, por precaução, você pode adicionar uma linha ao arquivo robots.txt para proibir o rastreamento de sua página pessoal (no meu exemplo, este é o diretório / moya-laboratoriya /) por robôs de mecanismo de pesquisa:

Disallow: / moya-laboratoriya /

Ir em frente...
Como eu disse no início deste artigo, você pode usar modelos diferentes para qualquer uma das páginas. Muitos temas, mesmo os padrões que vêm com o próprio pacote WordPress, podem conter alguns modelos de design especificamente para as páginas. Para este exemplo, usei o tema Twenty Eleven padrão, onde você pode escolher os seguintes modelos para a página:

Template básico
- Modelo de demonstração
- Modelo de barra lateral

Para atribuir um modelo a uma página, você precisa selecionar a página que você criou para alterar, no bloco direito do painel de controle, encontre "Atributos da página" -> "Modelo" e selecione o desejado lá.

Mas podemos não estar muito interessados ​​em modelos prontos, nos quais há muitas coisas desnecessárias, e criaremos os nossos próprios.

Para criar seu próprio template para a página, você só precisa entrar no diretório onde estão os arquivos do tema, que é usado no site em Atualmente e crie um novo arquivo PHP lá. Por experiência pessoal Direi que é melhor ainda fazer uma cópia de um dos arquivos aí localizados e alterar um pouco seu código. Como exemplo, usei o tema padrão "Twenty Eleven" e uma cópia do arquivo "showcase.php", que renomei para "showcase-2.php" e, em seguida, joguei fora tudo que eu não precisava de seu código . No final das contas, foi o que aconteceu:

Observe que o código do arquivo contém a linha "Nome do modelo: Meu modelo 1". Isto é muito importante, pois apenas a presença da etiqueta "Nome do Modelo" nos permitirá, ao alterar os parâmetros da nossa página, ao escolher um modelo, já veremos um modelo denominado "Meu Modelo 1" na lista.

Uma vez que já criamos um novo modelo, resta atribuí-lo à nossa página pessoal. Novamente, selecione a página que você criou para alterar, no bloco direito do painel de controle, encontre "Atributos da página" -> "Modelo" e lá selecionamos o "Meu modelo 1" que apareceu, criado por nós a partir da lista :

Meu modelo 1


Nós salvamos as alterações e abrimos nossa página pessoal para verificação. Agora a página terá a parte superior (cabeçalho), a parte inferior (rodapé) e o conteúdo da própria página (se, é claro, você adicionou algum texto ou outra coisa ao editá-la). E nada mais!

Então, o que há de tão especial nisso? - você pergunta. Sim, o fato é que agora é no código do modelo de página que criamos que você pode adicionar o que desejar. Por exemplo, códigos php que não puderam ser inseridos no conteúdo da página a partir do painel de controle. Por exemplo, scripts para coletar estatísticas de recursos de SEO, estatísticas de visitas ao site e muitos outros. E também não será difícil fazer isso sem acesso FTP ao site, já que você pode chamar o arquivo de modelo de página pessoal para edição através do painel de controle do site: “ Aparência"->" Editor "e à direita" Meu modelo 1 "Modelo de página (showcase-2.php)"

Novo modelo disponível no editor WordPress


Agora você deve ter notado que não é muito conveniente para visualizar página pessoal sempre vá ao painel de controle e procure por esta página lá. Algo deve ser feito.

Afinal, no início da criação de uma página pessoal, atribuímos um link para ela, então vamos usá-lo. Embora até mesmo um link possa ser esquecido acidentalmente, especialmente se for complicado. Mas tornar a página mais fácil de acessar é simples.

Em qualquer lugar do seu modelo (em um dos arquivos de modelo, por exemplo, em um arquivo que exibe painel lateral) Você pode adicionar um link para sua página pessoal, mas para que o link não seja visível motores de busca, ou para qualquer outra pessoa, você precisa adicionar uma condição que permitirá o acesso apenas ao administrador do site:

No entanto, alguns podem querer se proteger ainda mais do acesso direto de terceiros ou outras contas do site ao conteúdo de sua página pessoal, apenas para garantir. Para fazer isso, você precisa adicionar uma verificação semelhante ao arquivo que você criou como um modelo para sua página pessoal, como fez para ocultar o link:

Assim, apenas o administrador terá acesso ao conteúdo da página, mesmo se você acidentalmente desmarcar o status "Privado" dessa página.

E, finalmente, deixe-me lembrá-lo mais uma vez que você pode adicionar qualquer código ao arquivo de modelo em si, incluindo scripts PHP e qualquer outra informação que não estará disponível para mecanismos de pesquisa e estranhos de forma alguma. Além disso, os códigos adicionados ao arquivo de modelo de página pessoal não afetarão de forma alguma o desempenho do site, exceto talvez quando você mesmo se referir a esta página.

Por exemplo, você pode adicionar um pequeno widget de site pr-cy.ru, que mostrará as datas atuais dos últimos ups de PR e TCI


"; ?>

Esta é a aparência do código-fonte do seu modelo de página pessoal:

"; ?>

Os scripts adicionados ao modelo de página pessoal não afetarão o funcionamento do seu site ou blog de forma alguma. Qualquer Scripts JavaScript, PHP ou outros, exceto, é claro, se você usou scripts para gravar no banco de dados. Em geral, você pode testar com segurança seus novos scripts e conduzir outros experimentos. Mas se de repente você cometeu um erro no código do modelo de página que criou e não sabe como resolver o problema (por exemplo, em vez de sua página pessoal, você vê uma janela vazia ou uma mensagem de erro), então este arquivo de modelo pode simplesmente ser excluído ou nas configurações da página, você pode simplesmente selecionar outro modelo (por exemplo, modelo padrão).

Isso é tudo. A última captura de tela mostra uma parte da minha página pessoal no WordPress (os números nos contadores são fictícios e a maioria dos resultados dos scripts estão ocultos, já que as informações na minha página pessoal são confidenciais), dou como exemplo de uso de um página pessoal com meu próprio modelo para ele:

Uso bem-sucedido e útil de páginas pessoais no WordPress!

Olá a todos, há muito tempo não publico artigos novos, pois eram tantos trabalho diferente+ além disso, fiz vários cursos de criação de sites. Agora, eu acho, vou publicar várias notas interessantes para webmasters com mais frequência.

Vou aprender, talvez, com úteis Plugins WordPress o que realmente foi útil na prática.

Hoje falarei sobre o plugin do Portal do Cliente - Páginas privadas de usuários e login.

Por que eu preciso disso?

Há cerca de um mês, estava desenvolvendo um site para uma escola de línguas estrangeiras. Entre as tarefas de layout e funcionalidade estava a tarefa de criar páginas pessoais para todos os alunos da escola e ao mesmo tempo deveria ser conveniente preenchê-las para um editor inexperiente. Claro, no começo eu comecei a procurar plug-ins para criar uma conta pessoal para um usuário, mas eles eram muito complicados e tinham uma funcionalidade enorme que simplesmente não era necessária e apenas tornava o site mais difícil. Durante a pesquisa, cheguei à página do plugin do Portal do cliente - Páginas privadas do usuário e login e percebi que é disso que preciso. Plugin leve que permite criar uma página pessoal para cada usuário.

Depois de instalar este plugin, no painel de administração na seção "Usuários", ao passar o mouse sobre qualquer um dos usuários, você verá um link para sua página pessoal. Mostrei como fica na imagem.

Ao clicar nele, você verá um editor comum. No meu caso, o editor do site publicou lá o cronograma de aulas de cada aluno e pequenos anúncios organizacionais.

Como conectar corretamente?

Baixando e instalando o plugin do portal do cliente - páginas privadas do usuário e login. Você precisará vinculá-lo de alguma forma ao usuário para que, depois que ele entrar no site, ele acesse exatamente sua página pessoal.

Primeiro, você precisa criar uma página com um nome como "Conta pessoal". Em seguida, copie o código de acesso lá -.

Para o redirecionamento, usei um plugin - Theme My Login. Como você pode ver na imagem abaixo, indiquei um link para o redirecionamento do usuário para o diretório de que precisamos.

Com esses dois plugins, consegui resolver o problema e, ao mesmo tempo, não coloquei pesado contas pessoais isso apenas confundiria o administrador do site.

É tudo por hoje, espero que este material seja útil para alguém.

2015-09-15 13231 33 Denis Abdullin

V forma pura como espalhar algo em Uraaa raramente acontece porque tudo é feito em sistema unificado e os usuários devem receber algo universal... É claro que, em qualquer caso, surgirão questões e problemas. Este design é feito para um fundo claro, então você terá que refazer muito por si mesmo. No entanto, tentei fazer algo mais versátil e fácil de instalar.

Aqui é uma página pessoal do uCoz como no Uraaa. Não estou dizendo que inventei algo original, estou apenas compartilhando um estilo moderno para uma página pessoal. Impossível não notar que os avatares redondos no centro são uma espécie de tendência no mundo das interfaces.

Como fazer uma página pessoal igual
como estão as outras páginas do site?

Esta questão provavelmente não foi formulada com precisão, não completamente, mas deve-se começar com ela. Página pessoal no uCoz por padrão, é totalmente independente e pequeno, como se não fizesse parte do site, mas algo desnecessário. É o mesmo com algumas outras páginas, como mensagens privadas, mas não vamos falar sobre elas agora. Então, como você torna a personalização realmente parte do modelo?

Primeiro, selecione a abertura "Na janela atual" da página pessoal nas configurações do módulo "Usuário".

Em segundo lugar, copie o código do wireframe para Design Management - Site Pages.


Agora substitua completamente o código em "Gerenciamento de Design - Usuários - Página pessoal" pelo que você tirou de "Páginas do site". Nele, substitua $ CONTENT $ pelo conteúdo original da página pessoal entre e... Você pode substituir imediatamente $ CONTENT $ por um código de página pessoal de Uraaa (abaixo).

Aqui está o que temos:


Página pessoal como no Uraaa

Use o seguinte código em "Design Management - Usuários - Página pessoal". Substitua $ CONTENT $ por este código de acordo com as instruções acima:

200? "200px": "" + (this.scrollHeight + 5) + "px"); ">



"alt =" "/>



$ MODER_PANEL_RIGHT $$ _GROUP_NAME $

Para alterar os dados$ _STATUS $



$ _NAME $$ _USERNAME $

$ _COUNTRY $, $ _CITY $


$ _LOAD_ENTRIES $ arquivos
$ _COM_ENTRIES $ comentários
$ _FORUM_ENTRIES $ respostas

Conecte-se:
$ _USERNAME $

Cadastro:
$ _REG_TIME $

Data de Login:
$ _LOG_TIME $

Site:
$ _WWW $

AOL:
$ _AOL $

ICQ:
$ _ICQ $

MSN:
$ _MSN $

Yahoo:
$ _YAHOO $

Telefone:
$ _PHONE $
(Telefone oculto)

O email:
$ _EMAIL $
(O endereço está oculto)

$ _EMAIL $
(O endereço está oculto)
*

Escreva uma carta para o usuário
$ _EMAIL $



[ Confirmar e-mail ]

Assinatura:
$ _SIGNATURE $


perfil uID

Mensagens lidas ( $ UNREAD_PM $)envie uma mensagem

Isto é o que obtemos, uma página pessoal do uCoz. A propósito, removi o preenchimento do elemento pai, parece moderno.