Hogyan készítsünk felhasználói oldalt. Személyes oldal az uCoz számára hogyan Uraaa Hogyan hozzunk létre személyes felhasználói oldalt

Időről időre olyan kérdések jönnek hozzám, hogy mondjam el, hogyan készítsünk felhasználói oldalt, vagyis hogy minden regisztrált látogatónak legyen saját saját oldal az oldalon. Ebben a cikkben erre a kérdésre próbálok választ adni.

Először is szüksége van tegyen felhatalmazást. Ha nem tudja, hogyan kell ezt csinálni, akkor olvassa el ezt:. Az engedélyezés után minden felhasználó elmenti a bejelentkezési adatait és jelszavát a munkamenetben. Most megteheti felhasználói oldal Tehát az algoritmus a következő:

  1. Hozzon létre egy fájlt, például, user.php. Tedd be az összeset HTMLÉs css kódot, helyettesítve néhány tesztadatot, amelyek a jövőben minden felhasználó számára egyediek lesznek.
  2. A fájl legelején olvassa el az összes felhasználói információt(például adatbázisból) a munkamenetben tárolt bejelentkezési adataival.
  3. Cserélje ki a tesztadatokat meghatározott felhasználói adatokra, amelyről az előző lépésben kapott információkat.

Minden, most minden jogosult felhasználó hozzáfér a user.php látni fogja a saját adatait. Az, hogy milyen adatok (teljes név, avatar, születési dátum stb.) nem számítanak, vagyis mi létrehozta a leggyakoribb felhasználói oldalt.

Hogy mik a személyes oldalak és bejegyzések a WordPress-ben, úgy tűnik, sokan ismerik vagy hallottak róla, de talán kevesen használták, mert nem találták hasznát. Ma elmondom, hogyan használhatja ezeket az oldalakat saját maga és webhelye számára.

Tehát először tisztázzuk, mik ezek személyes oldalak és bejegyzések a WordPressben. A „privát” állapot a tartalomhoz való hozzáférést jelzi adott oldal csak az lesz, aki létrehozta az oldalt vagy bejegyzést, és természetesen az oldal vagy blog rendszergazdája és szuperadminisztrátora. Mire valók tehát a személyes oldalak és bejegyzések?

Nos, mondjuk egy személyes rekordban hagyhatsz magadnak néhány feljegyzést, szöveget, linket, fotót, stb. emlékbe, stb. De ennek az előnye nem annyira. A személyes oldal azonban teljesen más kérdés, hiszen az oldalakhoz speciális sablonokat hozhat létre és használhat. Ennyit, a személyes oldalakról, majd megbeszéljük.

Személyes oldal létrehozásához be kell lépnie a webhely vezérlőpultjába (a továbbiakban azt feltételezzük, hogy rendszergazdaként van bejelentkezve), a bal oldali menüblokkban válassza az „Oldalak” -> „Új hozzáadása” menüpontot. Megnyílik az oldalkészítési űrlap. Az oldal címének megadása után alul megjelenik egy hivatkozás. Az eredetileg létrehozott oldal URL-címe a következő lehet:

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

ami nem túl emlékezetes, ezért érdemes egy érthetőbb linket készíteni, például ezt (ha az "Options" -> "Permalink settings" beállításnál a "Bejegyzés címe" van kiválasztva):

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

Az oldal tartalmi mezőjébe bármilyen információt, szöveget beírunk, és általában kész is az oldal. De most fontos, hogy „magán” státuszt adjunk neki. Ehhez a vezérlőpult jobb oldali blokkjában megtaláljuk a "Láthatóság: Szerkesztés megnyitása" blokkot, majd a "Szerkesztés" hivatkozásra kattintva válassza ki a "Személyes" lehetőséget a megjelenő listából, majd nyomja meg az "OK" gombot. . Ezután bátran kattintson a „Közzététel” gombra, és feltételezhetjük, hogy a személyes oldal létrejött.


Hogy megbizonyosodjon arról új oldal csak az Ön számára érhető el, jelentkezzen ki fiókjából, és próbálja meg megnyitni személyes oldalát a böngészőben az Ön által hozzárendelt címen. Általában egy üzenetet fog kapni arról, hogy ilyen oldal nem létezik, vagy nincs hozzáférése ehhez az oldalhoz. Ez minden, de ez még csak a csata fele, és a legérdekesebb még hátravan.

Egyébként minden esetre hozzáadhat egy sort a robots.txt fájlhoz, amely megtiltja személyes oldalának (az én példámban ez a /moya-laboratoriya/ könyvtár) keresőrobotok általi feltérképezését:

Disallow: /moya-laboratoriya/

Lépj tovább...
Ahogy a cikk elején mondtam, bármelyik oldalhoz különböző sablonokat használhat. Sok témában, még a magával a WordPress-hez tartozó szabványos témában is, lehet néhány kifejezetten oldalakhoz készült tervezősablon. Ebben a példában az alapértelmezett "Twenty Eleven" témát használtam, ahol a következő oldalsablonok közül választhat:

Alap sablon
- Kirakatsablon
- Oldalsáv sablon

Egy oldalhoz sablon hozzárendeléséhez ki kell választania a szerkesztésre létrehozott oldalt, a vezérlőpult jobb oldali blokkjában keresse meg az „Oldalattribútumok” -> „Sablon” menüpontot, és ott válassza ki a kívántat.

De lehet, hogy nem nagyon érdekelnek minket a kész sablonok, amelyekben sok a fölösleges, és elkészítjük a sajátunkat.

Az oldal saját sablonjának létrehozásához csak be kell lépnie a könyvtárba, ahol a témafájlok találhatók, és amelyet az oldalon használnak jelenleg, és hozzon létre ott egy új PHP-fájlt. Által személyes tapasztalat Azt mondom, hogy még mindig jobb, ha másolatot készítünk az ott található fájlokról, és kicsit módosítjuk a kódját. Példához az alapértelmezett "Twenty Eleven" témát és a "showcase.php" fájl másolatát használtam, amit átneveztem "showcase-2.php"-re, majd a kódjából kidobtam mindent, amire nem volt szükségem. Ennek eredményeként a következő történt:

Felhívjuk figyelmét, hogy a fájl kódja tartalmazza a "Sablon neve: Saját sablon 1" sort. Ez nagyon fontos, hiszen csak a „Sablon neve” címke jelenléte teszi lehetővé, hogy oldalunk paramétereinek megváltoztatásakor, sablon kiválasztásakor már a listában egy „Sablon 1” nevű sablont látunk majd. .

Mivel már létrehoztunk egy új sablont, csak hozzá kell rendelni a személyes oldalunkhoz. Ismét válassza ki a szerkesztésre létrehozott oldalt, a vezérlőpult jobb oldali blokkjában keresse meg az "Oldalattribútumok" -> "Sablon" elemet, és ott kiválasztjuk a listából a megjelenő, általunk készített "Sablon 1"-et:

Az én sablonom 1


Mentjük a változtatásokat, és ellenőrzésre megnyitjuk személyes oldalunkat. Most lesz az oldalnak egy felső része (fejléc), egy alsó része (lábléc) és magának az oldalnak a tartalma (kivéve persze, ha a szerkesztés során szöveget vagy valami mást adott hozzá). És semmi több!

Nos, mi olyan különleges benne? - kérdezed. Igen, az a helyzet, hogy az általunk készített oldalsablon kódjában most már benne van, amit a szíved kíván. Például olyan php kódok, amelyeket nem lehetett beilleszteni magába az oldal tartalmába a vezérlőpultról. Például a keresőoptimalizálási forrásokból származó statisztikák gyűjtésére szolgáló szkriptek, webhelylátogatási statisztikák és sok más. És ezt sem lesz nehéz megtenni a webhelyhez való FTP-hozzáférés nélkül, mivel a személyes oldalsablonfájlt a webhely vezérlőpultján keresztül szerkesztheti: " Kinézet" -> "Szerkesztő" és jobb oldalon "Sablonom 1 Oldalsablon (showcase-2.php)"

Az új sablon elérhető a WordPress szerkesztőben


Most valószínűleg észrevette, hogy nem túl kényelmes a megtekintése személyes oldal mindig menjen a vezérlőpultra, és ott keresse meg ezt az oldalt. Valamit tenni kell.

Hiszen a személyes oldal létrehozásának kezdetén hozzárendeltünk egy linket, úgyhogy használjuk. Bár még egy linket is el lehet felejteni véletlenül, főleg ha összetett volt. De az oldalhoz való hozzáférés egyszerűsítése egyszerű.

Bárhol a sablonban (az egyik sablonfájlban, például egy olyan fájlban, amely megjelenik oldalsáv) Hozzáadhat egy hivatkozást a személyes oldalához, de úgy, hogy a linket ne lássa senki kereső motorok, sem bárki másnak, hozzá kell adnia egy feltételt, amely csak a webhely rendszergazdája számára engedélyezi a hozzáférést:

Néhányan azonban minden esetre még jobban meg akarják védeni magukat attól, hogy kívülállók vagy más webhelyfiókok közvetlenül hozzáférjenek az Ön személyes oldalának tartalmához. Ehhez a személyes oldal sablonjaként létrehozott fájlban egy hasonló pipát kell hozzáadnia, mint a hivatkozás elrejtéséhez:

Így csak a rendszergazda férhet hozzá az oldal tartalmához, még akkor is, ha véletlenül eltávolította az oldal „Privát” állapotát.

És végül hadd emlékeztesselek még egyszer arra, hogy magának a sablonfájlnak bármilyen kódot hozzáadhat, beleértve a PHP-szkripteket és minden olyan információt, amely nem lesz elérhető a keresőmotorok és a kívülállók számára. Ezen túlmenően, a személyes oldalsablonfájlhoz hozzáadott kódok semmilyen módon nem befolyásolják a webhely teljesítményét, kivéve talán akkor, ha Ön maga lép fel erre az oldalra.

Például hozzáadhat egy kis widgetet a pr-cy.ru webhelyhez, amely megmutatja a legutóbbi PR és TCI frissítések tényleges dátumait.


"; ?>

Így nézhet ki személyes oldalsablonjának forráskódja:

"; ?>

A személyes oldalsablonhoz hozzáadott szkriptek semmilyen módon nem befolyásolják webhelye vagy blogja működését. Hogy JavaScript szkriptek, PHP vagy mások, kivéve persze, ha szkripteket használtál az adatbázisba való íráshoz. Általánosságban elmondható, hogy biztonságosan tesztelheti új szkriptjeit, és más kísérleteket is végezhet. De ha hirtelen hibát vétett a létrehozott oldalsablon kódjában, és nem tudja, hogyan oldja meg a problémát (például a személyes oldala helyett üres ablakot vagy hibaüzenetet lát), akkor egyszerűen törölje ezt a sablonfájlt, vagy egyszerűen válasszon másik sablont az oldalbeállításokban (például az alapértelmezett sablont).

Ez tulajdonképpen minden. Az utolsó képernyőképen a személyes oldalam egy része a WordPress-en látható (a számlálókon lévő számok fiktívek, és a szkriptek eredményeinek nagy része rejtve van, mivel a személyes oldalamon lévő információk bizalmasak), példaként adok egy személyes oldal saját sablonnal hozzá:

Sok sikert és hasznot hoz a személyes oldalak használatához a WordPress-en!

Üdvözlet mindenkinek, régóta nem publikáltam új cikket, mert nagyon sok volt különféle munkák+ mindenre több tanfolyamot is elvégeztem weboldalkészítés témában. Most azt hiszem, gyakrabban teszek közzé különféle érdekes megjegyzéseket a webmesterek számára.

Kezdem talán a hasznossal WordPress bővítmények ami nagyon sokat segített a gyakorlatban.

Ma az Ügyfélportálról - Privát felhasználói oldalakról és a bejelentkezési bővítményről fogok beszélni.

Miért volt szükségem rá?

Körülbelül egy hónapja egy nyelviskola weboldalát fejlesztettem. Az elrendezési feladatok és a funkcionalitás között szerepelt az is, hogy az iskola minden tanulója számára személyes oldalakat készítsenek, ugyanakkor gyakorlatlan szerkesztő számára is kényelmesen kitölthetők legyenek. Természetesen eleinte elkezdtem keresni a beépülő modulokat, hogy személyes fiókot hozzak létre a felhasználónak, de mindegyik túlságosan körülményes volt, és hatalmas funkcionalitással bírtak, amelyekre egyszerűen nem volt szükség, és csak megnehezítették az oldalt. Keresés közben eljutottam az Ügyfélkapu - Privát felhasználói oldalak és a bejelentkezési plugin oldalra, és rájöttem, hogy erre van szükségem. Könnyű beépülő modul, amellyel minden felhasználó számára személyes oldalakat hozhat létre.

A beépülő modul telepítése után az adminisztrációs panel „Felhasználók” részében, ha valamelyik felhasználó fölé viszi az egérmutatót, megjelenik egy hivatkozás a személyes oldalára. Így néz ki, ahogy a képernyőképen mutattam.

Ha rákattint, egy közönséges szerkesztő jelenik meg. Az én esetemben az oldal szerkesztője minden tanulóhoz kiadott egy órarendet és ott kisebb szervezeti kiírásokat.

Hogyan kell helyesen csatlakozni?

Töltse le és telepítse az Ügyfélportál – Privát felhasználói oldalak és bejelentkezési bővítményt. Valahogy össze kell kötnie a felhasználóval, hogy miután belépett a webhelyre, pontosan a személyes oldalára kerüljön.

Először létre kell hoznia egy oldalt olyan névvel, mint például "Személyes fiók". Ezután másolja oda a rövid kódot - .

Az átirányításhoz a Theme My Login plugint használtam. Amint az alábbi képernyőképen látható, megadtam egy hivatkozást a felhasználó átirányítására a szükséges könyvtárba.

Ezzel a két bővítménnyel sikerült megoldanom a problémát, ugyanakkor nem tettem bele terjedelmeseket személyes számlák, ami csak megzavarná az oldal rendszergazdáját.

Mára ennyi, remélem valakinek hasznos lesz ez az anyag.

2015-09-15 13231 33 Denis Abdullin

BAN BEN tiszta forma hogyan kell közzétenni valamit az Uraaa-n, ritkán sikerül, mert minden készen van egységes rendszer, és a felhasználóknak kínálniuk kell valamit egyetemes. Természetesen bármilyen forgatókönyv esetén kérdések és problémák merülnek fel. Ez a kialakítás világos háttérre készült, így sok mindent újra kell csinálnia "maga számára". Igyekeztem azonban valami univerzálisabbat és könnyen telepíthetőt készíteni.

Ez egy személyes oldal az uCoz számára, mint az Uraaa-n. Nem azt mondom, hogy valami eredetit találtam ki, csak egy modern stílust osztok meg egy személyes oldalhoz. Nem lehet nem észrevenni, hogy a középen lévő kerek avatarok divatosak az interfészek világában.

Hogyan készítsünk egy személyes oldalt ugyanolyannak
milyenek az oldal többi oldala?

Ez a kérdés valószínűleg nincs pontosan, nem teljesen megfogalmazva, de kezdjük vele. Személyes oldal az uCoz-on alapból teljesen független és kicsi, mintha nem is az oldal része lenne, hanem valami felesleges. Hasonló a helyzet néhány más oldallal, például a privát üzenetekkel, de ezekről most nem beszélünk. Tehát hogyan lehet a "személyes"-et valóban a sablon részévé tenni?

Először válassza ki a személyes oldal "Az aktuális ablakban" megnyitását a "Felhasználó" modul beállításainál.

Másodszor, másolja át a drótváz kódot a Design Management – ​​Site Pagesbe.


Most teljesen cserélje ki a „Tervezéskezelés – Felhasználók – Személyes oldal” kódot a „Webhelyoldalak” közül vett kódra. Ebben cserélje ki a $CONTENT$-t a közötti személyes oldal eredeti tartalmára És. A $CONTENT$ azonnal lecserélhető az Uraaa személyes oldalkódjával (lent).

Íme, amit kaptunk:


Személyes oldal, mint az Uraaa-n

Használja a következő kódot a „Tervezéskezelés – Felhasználók – Személyes oldal” részben. Cserélje ki a $CONTENT$ elemet ezzel a kóddal a fentiek szerint:

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



"alt="" />



$MODER_PANEL_RIGHT$$_GROUP_NAME$

Az adatok megváltoztatásához$_STATUS$



$_NAME$$_USERNAME$

$_COUNTRY$, $_CITY$


$_LOAD_ENTRIES$ fájl
$_COM_ENTRIES$ megjegyzés
$_FORUM_ENTRIES$ válasz

Belépés:
$_USERNAME$

Bejegyzés:
$_REG_TIME$

Belépés dátuma:
$_LOG_TIME$

Weboldal:
$_WWW$

AOL:
$_AOL$

ICQ:
$_ICQ$

MSN:
$_MSN$

Jehu:
$_YAHOO$

Telefon:
$_PHONE$
(Telefon rejtve)

Email:
$_EMAIL$
(Cím elrejtve)

$_EMAIL$
(Cím elrejtve)
*

Írjon levelet a felhasználónak
$_EMAIL$



[ E-mail megerősítés ]

Aláírás:
$_SIGNATURE$


uID profil

Üzenetek olvasása ( $UNREAD_PM$)üzenetet küldeni

Ezt kapjuk, egy ilyen személyes oldalt az uCoz számára. A szülőelemről egyébként a behúzásokat eltávolítottam, modernnek tűnik.