Cum se face o pagină de utilizator. Pagina personală pentru uCoz cum să Uraaa Cum se creează o pagină personală de utilizator

Din când în când îmi vin întrebări care mă cer să spun, cum se face o pagină de utilizator, adică pentru ca fiecare vizitator înregistrat să aibă al lui pagina proprie pe site. În acest articol voi încerca să răspund la această întrebare.

În primul rând, ai nevoie face o autorizatie. Dacă nu știi cum să faci asta, atunci citește asta:. După autorizare, fiecare utilizator salvează informații despre autentificarea și parola sa în sesiune. Acum poți face pagina utilizatorului Deci algoritmul este următorul:

  1. Creați un fișier, de exemplu, utilizator.php. Pune în toate HTMLși css cod, înlocuind unele date de testare care vor fi unice pentru fiecare utilizator în viitor.
  2. Chiar la începutul dosarului citiți toate informațiile despre utilizator(de exemplu, dintr-o bază de date) folosind datele de conectare stocate în sesiune.
  3. Înlocuiți datele de testare cu date specifice utilizatorului, informații despre care ați primit la pasul anterior.

Totul, acum toți utilizatorii autorizați care accesează utilizator.php vor vedea propriile lor date. Ce fel de date (nume complet, avatar, data nașterii etc.) nu contează, adică noi a creat cea mai comună pagină de utilizator.

Ce sunt paginile personale și postările în WordPress, mulți oameni par să știe sau au auzit despre el, dar poate că nu mulți oameni l-au folosit pentru că nu le-au găsit o utilizare. Astăzi vă voi spune cum puteți folosi astfel de pagini pentru un mare beneficiu pentru dvs. și site-ul dvs.

Deci, să clarificăm mai întâi care sunt acestea pagini personale și postări în WordPress. Starea „privat” indică acel acces la conținut pagina specifică va avea doar cel care a creat pagina sau postarea, si bineinteles administratorul si super-administratorul site-ului sau blogului. Deci, la ce folosesc paginile și postările personale?

Ei bine, să presupunem că într-o înregistrare personală puteți lăsa câteva note, texte, link-uri, fotografii și așa mai departe pentru tine ca amintire și așa mai departe. Dar beneficiul acestui lucru nu este atât de mult. Dar o pagină personală este o chestiune complet diferită, deoarece puteți crea și utiliza șabloane speciale pentru pagini. Cam atât, despre paginile personale, mai vorbim.

Pentru a crea o pagină personală, trebuie să intrați în panoul de control al site-ului (în continuare vom presupune că sunteți autentificat ca Administrator), selectați „Pagini” -> „Adăugare nou” în blocul de meniu din stânga. Se va deschide formularul de creare a paginii. După introducerea titlului paginii, mai jos va apărea un link către aceasta. Pagina creată inițial poate avea următoarea adresă:

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

care nu este foarte memorabil, deci este mai bine să faci un link mai ușor de înțeles, de exemplu acesta (dacă ai selectat „Titlul postării” în secțiunea de setări „Opțiuni” -> „Setări permalink”):

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

În câmpul de conținut al paginii introducem orice informație, orice text, iar în general pagina este gata. Dar acum este important să îi acordăm statutul de „privat”. Pentru a face acest lucru, în blocul din dreapta al panoului de control găsim blocul „Vizibilitate: Deschide Editare” și, făcând clic pe linkul „Editează”, selectăm „Personal” în lista care apare și apăsăm butonul „OK”. Apoi faceți clic cu îndrăzneală pe butonul „Publicați” și putem presupune că pagina personală a fost creată.


Pentru a te asigura că pagina noua este disponibil numai pentru dvs., deconectați-vă de la contul dvs. și încercați să vă deschideți pagina personală în browser la adresa pe care i-ați atribuit-o. De regulă, veți primi un mesaj în care se spune că o astfel de pagină nu există sau că nu aveți acces la această pagină. Asta e tot, dar aceasta este doar jumătate din bătălie, iar cea mai interesantă urmează să vină.

Apropo, pentru orice eventualitate, puteți adăuga o linie la fișierul robots.txt pentru a interzice accesarea cu crawlere a paginii dvs. personale (în exemplul meu, acesta este directorul /moya-laboratoriya/) de către roboții motoarelor de căutare:

Nu permiteți: /moya-laboratoriya/

Mergi mai departe...
După cum am spus la începutul acestui articol, puteți folosi diferite șabloane pentru oricare dintre pagini. Multe teme, chiar și cele standard care vin cu WordPress în sine, pot avea câteva șabloane de design special pentru pagini. Pentru acest exemplu, am folosit tema implicită „Twenty Eleven”, unde puteți alege dintre următoarele șabloane de pagină:

Șablon de bază
- Șablon de prezentare
- Șablon de bară laterală

Pentru a atribui un șablon pentru o pagină, trebuie să selectați pagina pe care ați creat-o pentru editare, în blocul din dreapta al panoului de control, găsiți „Atribute pagină” -> „Șablon” și selectați-l pe cel de care aveți nevoie acolo.

Dar s-ar putea să nu fim foarte interesați de șabloane gata făcute, în care sunt multe de prisos, și le vom crea pe ale noastre.

Pentru a crea propriul șablon pentru pagină, trebuie doar să introduceți directorul în care se află fișierele teme, care este folosit pe site în acest moment, și creați un nou fișier PHP acolo. De experienta personala Voi spune că este totuși mai bine să faci o copie a unuia dintre fișierele aflate acolo și să-i schimbi puțin codul. Pentru exemplu, am folosit tema implicită „Twenty Eleven” și o copie a fișierului „showcase.php”, pe care l-am redenumit „showcase-2.php”, apoi am aruncat tot ce nu aveam nevoie din codul său. Ca urmare, iată ce s-a întâmplat:

Vă rugăm să rețineți că codul fișierului conține rândul „Nume șablon: șablonul meu 1”. Acest lucru este foarte important, deoarece doar prezența etichetei „Nume șablon” ne va permite, la modificarea parametrilor paginii noastre, la alegerea unui șablon, vom vedea deja un șablon cu numele „Șablonul meu 1” în listă. .

Deoarece am creat deja un șablon nou, rămâne să-l atribuim paginii noastre personale. Din nou, selectați pagina pe care ați creat-o pentru editare, în blocul din dreapta al panoului de control, găsiți „Atribute de pagină” -> „Șablon” și acolo selectam din lista pe care a apărut, creat de noi „Șablonul meu 1”:

Șablonul meu 1


Salvăm modificările și deschidem pagina noastră personală pentru verificare. Acum pagina va avea o parte superioară (antet), o parte inferioară (subsol) și conținutul paginii în sine (cu excepția cazului în care, desigur, ați adăugat ceva text sau altceva atunci când o editați). Si nimic mai mult!

Ei bine, ce este atât de special la asta? - tu intrebi. Da, adevărul este că acum, în codul șablonului de pagină pe care l-am creat, poți adăuga orice dorește inima ta. De exemplu, coduri php care nu au putut fi inserate în conținutul paginii în sine din panoul de control. De exemplu, scripturi pentru colectarea de statistici din resursele SEO, statistici privind vizitele pe site și multe altele. Și, de asemenea, nu va fi dificil să faceți acest lucru fără acces FTP la site, deoarece puteți apela fișierul șablon de pagină personală pentru editare prin panoul de control al site-ului: „ Aspect„ -> „Editor” și în dreapta „Șablonul meu 1 pagină (showcase-2.php)”

Noul șablon este disponibil în editorul WordPress


Acum probabil ați observat că nu este foarte convenabil de vizualizat pagina personala Mergeți întotdeauna la panoul de control și căutați această pagină acolo. Ceva trebuie făcut.

La urma urmei, la începutul creării unei pagini personale, i-am atribuit un link, așa că haideți să o folosim. Deși chiar și un link poate fi uitat accidental, mai ales dacă era complex. Dar pentru a simplifica accesul la pagină este simplu.

Oriunde în șablonul dvs. (într-unul dintre fișierele șablon, de exemplu, într-un fișier care se afișează bara laterală) Puteți adăuga un link către pagina personală, dar pentru ca linkul să nu fie vizibil pentru nimeni motoare de căutare, nici oricui altcineva, trebuie să adăugați o condiție care să permită accesul numai administratorului site-ului:

Cu toate acestea, unii pot dori, pentru orice eventualitate, să se protejeze și mai mult de accesul direct al persoanelor din afară sau al altor conturi de site la conținutul paginii tale personale. Pentru a face acest lucru, în fișierul pe care l-ați creat ca șablon pentru o pagină personală, trebuie să adăugați o verificare similară, așa cum ați făcut pentru a ascunde linkul:

Astfel, doar administratorul va avea acces la conținutul paginii, chiar dacă ați eliminat din greșeală starea „Privat” pentru această pagină.

Și, în sfârșit, permiteți-mi să vă reamintesc încă o dată că puteți adăuga orice cod în fișierul șablon în sine, inclusiv scripturi PHP și orice altă informație care nu va fi disponibilă pentru motoarele de căutare și persoane din afară. În plus, codurile adăugate la fișierul șablon de pagină personală nu vor afecta în niciun fel performanța site-ului, cu excepția, poate, atunci când accesați singur această pagină.

De exemplu, puteți adăuga un mic widget pentru site-ul pr-cy.ru, care va afișa datele reale ale celor mai recente up-uri PR și TCI


"; ?>

Iată cum ar putea arăta codul sursă al șablonului de pagină personală:

"; ?>

Scripturile adăugate șablonului de pagină personală nu vor afecta în niciun fel funcționarea site-ului sau blogului dvs. Dacă Scripturi JavaScript, PHP sau altele, cu excepția, desigur, dacă ați folosit scripturi pentru a scrie în baza de date. În general, puteți testa în siguranță noile scripturi și puteți efectua alte experimente. Dar dacă brusc ați făcut o greșeală în codul șablonului de pagină pe care l-ați creat și nu știți cum să rezolvați problema (de exemplu, în loc de pagina personală vedeți o fereastră goală sau un mesaj de eroare), atunci puteți pur și simplu ștergeți acest fișier șablon sau pur și simplu selectați un alt șablon în setările paginii (cum ar fi șablonul implicit).

Asta e de fapt tot. Ultima captură de ecran arată o parte din pagina mea personală de pe WordPress (numerele de pe contoare sunt fictive și majoritatea rezultatelor scripturilor sunt ascunse, deoarece informațiile de pe pagina mea personală sunt confidențiale), dau ca exemplu de utilizare a unui pagină personală cu propriul șablon pentru aceasta:

Succes și util pentru utilizarea paginilor personale pe WordPress!

Salutare tuturor, nu am mai publicat articole noi de mult timp, deoarece au fost multe lucrari diverse+ la tot, am urmat mai multe cursuri pe tema crearea de site-uri web. Acum cred că voi publica mai des diverse note interesante pentru webmasteri.

Voi începe, poate, cu util Pluginuri WordPress ceea ce m-a ajutat cu adevărat în practică.

Astăzi voi vorbi despre Portalul Clientului - Pagini de utilizator private și plugin de autentificare.

De ce aveam nevoie de el?

Acum aproximativ o lună, dezvoltam un site web pentru o școală de limbi străine. Printre sarcinile de aspect și funcționalitate a fost sarcina de a crea pagini personale pentru toți elevii școlii și, în același timp, ar trebui să fie convenabile de completat pentru un editor neexperimentat. Desigur, la început am început să caut pluginuri pentru a crea un cont personal pentru utilizator, dar toate erau prea greoaie și aveau o funcționalitate uriașă care pur și simplu nu era necesară și doar îngreuna site-ul. În timpul căutării, am ajuns la Client Portal - Pagini de utilizator private și pagina de plugin de conectare și mi-am dat seama că asta este ceea ce am nevoie. Un plugin ușor care vă permite să creați pagini personale pentru fiecare utilizator.

După instalarea acestui plugin, în panoul de administrare din secțiunea „Utilizatori”, când treci cu mouse-ul peste oricare dintre utilizatori, vei vedea un link către pagina ta personală. Cum arată așa cum am arătat în captură de ecran.

Când faceți clic pe el, veți vedea un editor obișnuit. În cazul meu, editorul site-ului a publicat un program de lecție pentru fiecare student și mici anunțuri organizaționale acolo.

Cum să te conectezi corect?

Descărcați și instalați Portalul Client - Pagini de utilizator private și plugin de conectare. Va trebui să-l legați cumva de utilizator, astfel încât după ce acesta intră pe site să ajungă exact la pagina lui personală.

Mai întâi trebuie să creați o pagină cu un nume precum „Cont personal”. Apoi copiați codul scurt acolo - .

Pentru redirecționare, am folosit pluginul - Theme My Login. După cum puteți vedea din captura de ecran de mai jos, am specificat un link către redirecționarea utilizatorului către directorul de care avem nevoie.

Cu aceste două plugin-uri, am reușit să rezolv problema și, în același timp, nu am pus voluminos conturi personale, ceea ce nu ar face decât să deruteze administratorul site-ului.

Atât pentru azi, sper că acest material va fi de folos cuiva.

2015-09-15 13231 33 Denis Abdullin

LA formă pură cum să postezi ceva pe Uraaa rareori reușește pentru că totul este făcut în sistem unificat, iar utilizatorii ar trebui să ofere ceva universal. Desigur, în orice scenariu, vor apărea întrebări și probleme. Acest design este făcut pentru un fundal deschis, așa că va trebui să refaceți o mulțime de lucruri „pentru dvs.”. Cu toate acestea, am încercat să fac ceva mai universal și mai ușor de instalat.

Aici este o pagină personală pentru uCoz like pe Uraaa. Nu spun că am venit cu ceva original, doar împărtășesc un stil modern pentru o pagină personală. Este imposibil să nu observați că avatarele rotunde din centru sunt o tendință în lumea interfețelor.

Cum să faci o pagină personală la fel
cum sunt celelalte pagini ale site-ului?

Această întrebare, cel mai probabil, nu este formulată exact, nu complet, dar ar trebui să începem cu ea. Pagina personală pe uCoz implicit, complet independent și mic, de parcă nu ar face parte din site, ci ceva inutil. Este la fel și cu alte pagini, cum ar fi mesajele private, dar nu vom vorbi despre ele acum. Deci, cum faceți „personalul” într-adevăr o parte din șablon.

Mai întâi, alegeți să deschideți „În fereastra curentă” a paginii personale în setările modulului „Utilizator”.

În al doilea rând, copiați codul wireframe în Design Management - Site Pages.


Acum înlocuiți complet codul din „Gestionare design - Utilizatori - Pagina personală” cu cel pe care l-ați luat din „Pagini site”. În el, înlocuiți $CONTENT$ cu conținutul original al paginii personale între și. Puteți înlocui imediat $CONTENT$ cu codul personal al paginii de la Uraaa (mai jos).

Iată ce avem:


Pagina personală like pe Uraaa

Utilizați următorul cod în „Gestionarea designului - Utilizatori - Pagina personală”. Înlocuiți $CONTENT$ cu acest cod conform instrucțiunilor de mai sus:

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



"alt="" />



$MODER_PANEL_RIGHT$$_GROUP_NAME$

Pentru a schimba datele$_STATUS$



$_NAME$$_USERNAME$

$_COUNTRY$, $_CITY$


$_LOAD_ENTRIES$ fișiere
$_COM_ENTRIES$ comentarii
$_FORUM_ENTRIES$ răspunsuri

Autentificare:
$_USERNAME$

Înregistrare:
$_REG_TIME$

Data intrarii:
$_LOG_TIME$

Site:
$_WWW$

AOL:
$_AOL$

ICQ:
$_ICQ$

MSN:
$_MSN$

Yahoo:
$_YAHOO$

Telefon:
$_PHONE$
(Telefon ascuns)

E-mail:
$_EMAIL$
(Adresa ascunsa)

$_EMAIL$
(Adresa ascunsa)
*

Scrieți o scrisoare utilizatorului
$_EMAIL$



[ Confirmați adresa de e-mail ]

Semnătură:
$_SIGNATURE$


profil uID

Citiți mesaje ( $UNREAD_PM$)Trimite un mesaj

Aceasta este ceea ce obținem, o astfel de pagină personală pentru uCoz. Apropo, am eliminat liniuțele din elementul părinte, arată modern.