Zaman zaman bana bir kullanıcı sayfasını nasıl yapacağınızı söylememi isteyen sorular geliyor, yani kayıtlı her ziyaretçinin kendi sayfası olsun kendi sayfasıÇevrimiçi. Bu yazıda bu soruyu cevaplamaya çalışacağım.
Öncelikle yetkilendirme yapmanız gerekmektedir. Bunu nasıl yapacağınızı bilmiyorsanız, şunu okuyun:. Yetkilendirmeden sonra, her kullanıcı oturumdaki kullanıcı adı ve şifresiyle ilgili bilgileri kaydeder. Artık kullanıcı sayfasını alabilirsiniz, böylece algoritma aşağıdaki gibidir:
İşte bu kadar, artık user.php'ye erişen tüm yetkili kullanıcılar kendi verilerini görecekler. Bunun ne tür bir veri olduğu (isim, avatar, doğum tarihi vb.) önemli değil, yani en yaygın kullanıcı sayfasını oluşturduk.
WordPress'teki kişisel sayfalar ve gönderiler nedir, birçok kişi bunu biliyor veya duymuş gibi görünüyor, ancak belki de pek çok kişi kullanmadı çünkü onlar için bir kullanım bulamadılar. Bugün size bu tür sayfaları kendiniz ve siteniz için büyük fayda sağlayacak şekilde nasıl kullanabileceğinizi anlatacağım.
Öyleyse, önce WordPress'te hangi kişisel sayfaların ve gönderilerin olduğunu netleştirelim. "Gizli" durumu, içeriğe erişimin belirli sayfa sadece sayfayı veya gönderiyi oluşturan kişi ve elbette sitenin veya blogun yöneticisi ve süper yöneticisi olacaktır. Peki kişisel sayfalar ve gönderiler ne işe yarar?
Pekala, kişisel bir kayıtta kendinize hatıra olarak bazı notlar, metinler, bağlantılar, fotoğraflar vb. bırakabileceğinizi varsayalım. Ancak bunun faydası çok fazla değil. Ancak, sayfalar için özel şablonlar oluşturabileceğiniz ve kullanabileceğiniz için kişisel bir sayfa tamamen farklı bir konudur. Bu konuda, kişisel sayfalar hakkında konuşacağız.
Kişisel bir sayfa oluşturmak için site kontrol paneline girmeniz (bundan sonra Yönetici olarak giriş yaptığınızı varsayacağız), soldaki menü bloğunda “Sayfalar” -> “Yeni Ekle” seçeneğini seçmeniz gerekir. Sayfa oluşturma formu açılacaktır. Sayfanın başlığını girdikten sonra, aşağıda bir bağlantı görünecektir. Başlangıçta oluşturulan sayfa aşağıdaki URL'ye sahip olabilir:
http://wpmytest.ru/?page_id=4
bu çok akılda kalıcı değildir, bu nedenle daha anlaşılır bir bağlantı oluşturmak daha iyidir, örneğin şu ("Seçenekler" -> "Kalıcı bağlantı ayarları" ayarlar bölümünde "Yazı Başlığı" seçiliyse):
http://wpmytest.ru/moya-laboratoriya/
Sayfanın içerik alanına herhangi bir bilgi, herhangi bir metin giriyoruz ve genel olarak sayfa hazır. Ama şimdi ona "özel" statüsü vermek önemlidir. Bunu yapmak için, kontrol panelinin sağ bloğunda "Görünürlük: Düzenlemeyi Aç" bloğunu buluyoruz ve "Düzenle" bağlantısını tıklayarak beliren listeden "Kişisel" i seçip "Tamam" düğmesine basıyoruz. Ardından cesurca "Yayınla" düğmesine tıklayın ve kişisel sayfanın oluşturulduğunu varsayabiliriz.
Emin olmak için yeni sayfa yalnızca sizin için kullanılabilir, hesabınızdan çıkış yapın ve kişisel sayfanızı, ona atadığınız adreste tarayıcıda açmayı deneyin. Kural olarak, böyle bir sayfanın bulunmadığını veya bu sayfaya erişiminizin olmadığını belirten bir mesaj alacaksınız. Hepsi bu, ancak bu savaşın sadece yarısı ve en ilginç olanı henüz gelmedi.
Bu arada, her ihtimale karşı, kişisel sayfanızın (benim örneğimde, bu /moya-laboratoriya/ dizini) arama motoru botları tarafından taranmasını engellemek için robots.txt dosyasına bir satır ekleyebilirsiniz:
İzin verme: /moya-laboratoriya/
Devam etmek...
Bu makalenin başında da söylediğim gibi, herhangi bir sayfa için farklı şablonlar kullanabilirsiniz. Pek çok tema, hatta WordPress ile birlikte gelen standart olanlar bile, özellikle sayfalar için birkaç tasarım şablonuna sahip olabilir. Bu örnek için, aşağıdaki sayfa şablonlarından seçim yapabileceğiniz varsayılan "Yirmi Onbir" temasını kullandım:
Temel Şablon
- Vitrin Şablonu
- Kenar Çubuğu Şablonu
Bir sayfaya şablon atamak için, kontrol panelinin sağ bloğunda düzenlemek üzere oluşturduğunuz sayfayı seçmeniz, "Sayfa Nitelikleri" -> "Şablon" seçeneğini bulmanız ve orada ihtiyacınız olanı seçmeniz gerekir.
Ama pek ilgilenmeyebiliriz hazır şablonlar, içinde çok fazla gereksiz var ve kendimizinkini yaratacağız.
Sayfa için kendi şablonunuzu oluşturmak için, sitede kullanılan tema dosyalarının bulunduğu dizine girmeniz yeterlidir. şu anda, ve orada yeni bir PHP dosyası oluşturun. İle kişisel deneyim Orada bulunan dosyalardan birinin kopyasını almanın ve kodunu biraz değiştirmenin daha iyi olduğunu söyleyeceğim. Örneğin, "Twenty Eleven" varsayılan temasını ve "showcase-2.php" olarak yeniden adlandırdığım "showcase.php" dosyasının bir kopyasını kullandım ve ardından ihtiyacım olmayan her şeyi kodundan attım. Sonuç olarak şu oldu:
Lütfen dosya kodunun "Şablon Adı: Şablonum 1" satırını içerdiğine dikkat edin. Bu çok önemlidir, çünkü yalnızca "Şablon Adı" etiketinin varlığı bize izin verecektir, sayfamızın parametrelerini değiştirirken, bir şablon seçerken, listede zaten "Şablonum 1" adında bir şablon göreceğiz. .
Halihazırda yeni bir şablon oluşturduğumuz için, onu kişisel sayfamıza atamaya devam ediyoruz. Yine, düzenlemek için oluşturduğunuz sayfayı seçin, kontrol panelinin sağ bloğunda "Sayfa Nitelikleri" -> "Şablon" öğesini bulun ve orada bizim tarafımızdan oluşturulan "Şablonum 1" görünen listeden seçiyoruz:
Şablonum 1
Değişiklikleri kaydediyoruz ve doğrulama için kişisel sayfamızı açıyoruz. Artık sayfanın bir üst kısmı (başlık), bir alt kısmı (alt bilgi) ve sayfanın içeriği olacaktır (tabii ki düzenlerken biraz metin veya başka bir şey eklemediyseniz). Ve daha fazlası değil!
Peki, bu konuda bu kadar özel olan ne? - sen sor. Evet, gerçek şu ki, artık oluşturduğumuz sayfa şablonunun kodunda canınız ne isterse ekleyebilirsiniz. Örneğin, kontrol panelinden sayfa içeriğine eklenemeyen php kodları. Örneğin, SEO kaynaklarından, site ziyareti istatistiklerinden ve diğerlerinden istatistik toplamak için komut dosyaları. Ayrıca, siteye FTP erişimi olmadan bunu yapmak da zor olmayacaktır, çünkü kişisel sayfa şablon dosyasını site kontrol panelinden düzenlemek için arayabilirsiniz: " Dış görünüş" -> "Editör" ve sağda "Şablonum 1 Sayfa Şablonu (showcase-2.php)"
Yeni şablon, WordPress düzenleyicide mevcuttur
Şimdi muhtemelen kişisel sayfanızı görüntülemek için her zaman kontrol paneline gitmenin ve bu sayfayı orada aramanın pek uygun olmadığını fark etmişsinizdir. Bir şey yapılmalı.
Sonuçta, kişisel bir sayfa oluşturmanın başında ona bir bağlantı atadık, o yüzden kullanalım. Bir bağlantı bile, özellikle karmaşıksa, yanlışlıkla unutulabilir. Ancak sayfaya erişimi basitleştirmek basittir.
Şablonunuzun herhangi bir yerinde (şablon dosyalarından birinde, örneğin, kenar çubuğu) Kişisel sayfanıza bir bağlantı ekleyebilirsiniz, ancak bağlantının kimse tarafından görülmemesi için arama motorları, ne de başkasının, yalnızca site yöneticisine erişime izin verecek bir koşul eklemeniz gerekir:
Bununla birlikte, bazıları, her ihtimale karşı, kişisel sayfanızın içeriğine yabancıların veya diğer site hesaplarının doğrudan erişiminden daha da fazla korunmak isteyebilir. Bunu yapmak için, kişisel bir sayfa için şablon olarak oluşturduğunuz dosyaya, bağlantıyı gizlemek için yaptığınız gibi benzer bir kontrol eklemeniz gerekir:
Böylece, bu sayfanın "Gizli" durumunu yanlışlıkla kaldırmış olsanız bile, sayfanın içeriğine yalnızca yönetici erişebilir.
Ve son olarak, PHP betikleri ve arama motorları ve yabancılar tarafından kullanılamayacak diğer bilgiler dahil olmak üzere herhangi bir kodu şablon dosyasına ekleyebileceğinizi bir kez daha hatırlatmama izin verin. Ayrıca, kişisel sayfa şablon dosyasına eklenen kodlar, bu sayfaya kendiniz eriştiğiniz durumlar dışında, sitenin performansını hiçbir şekilde etkilemeyecektir.
Örneğin, pr-cy.ru sitesi için en son PR ve TCI ups'in gerçek tarihlerini gösterecek küçük bir pencere öğesi ekleyebilirsiniz.
Kişisel sayfa şablonunuzun kaynak kodu şu şekilde görünebilir:
Kişisel sayfa şablonuna eklenen scriptler sitenizin veya blogunuzun işleyişini hiçbir şekilde etkilemeyecektir. Herhangi biri JavaScript komut dosyaları, PHP veya diğerleri, elbette veritabanına yazmak için komut dosyaları kullandıysanız. Genel olarak, yeni komut dosyalarınızı güvenle test edebilir ve başka deneyler yapabilirsiniz. Ancak, oluşturduğunuz sayfa şablonunun kodunda aniden bir hata yaptıysanız ve sorunu nasıl çözeceğinizi bilmiyorsanız (örneğin, kişisel sayfanız yerine boş bir pencere veya bir hata mesajı görüyorsanız), o zaman basitçe bu şablon dosyasını silin veya sayfa ayarlarından başka bir şablon seçin (varsayılan şablon gibi).
Aslında hepsi bu. Son ekran görüntüsü, WordPress'teki kişisel sayfamın bir bölümünü gösteriyor (sayaçlardaki sayılar hayalidir ve kişisel sayfamdaki bilgiler gizli olduğu için komut dosyalarının sonuçlarının çoğu gizlidir), bir kullanım örneği olarak veriyorum. kendi şablonuna sahip kişisel sayfa:
WordPress'te kişisel sayfaları kullanırken iyi şanslar ve sizin için yararlı!
Herkese merhaba, uzun süredir yeni yazılar yayınlayamıyordum çünkü çok fazla yazı vardı. çeşitli işler+ her şeye, web sitesi oluşturma konusunda birkaç kurs aldım. Artık web yöneticileri için çeşitli ilginç notları daha sık yayınlayacağımı düşünüyorum.
Belki faydalı olanla başlayacağım WordPress eklentileri bu da pratikte bana gerçekten yardımcı oldu.
Bugün Müşteri Portalı - Özel kullanıcı sayfaları ve oturum açma eklentisinden bahsedeceğim.
Neden ihtiyacım vardı?Yaklaşık bir ay önce, bir dil okulu için bir web sitesi geliştiriyordum. Düzen görevleri ve işlevleri arasında, okulun tüm öğrencileri için kişisel sayfalar oluşturma görevi vardı ve aynı zamanda deneyimsiz bir editör için doldurulması uygun olmalıdır. Tabii ki, ilk başta kullanıcı için kişisel bir hesap oluşturmak için eklentiler aramaya başladım, ancak hepsi çok hantaldı ve ihtiyaç duyulmayan ve yalnızca siteyi zorlaştıran çok büyük işlevlere sahipti. Arama yaparken Müşteri Portalı - Özel kullanıcı sayfaları ve oturum açma eklentisi sayfasına geldim ve ihtiyacım olan şeyin bu olduğunu anladım. Her kullanıcı için kişisel sayfalar oluşturmanıza izin veren hafif bir eklenti.
Bu eklentiyi kurduktan sonra, yönetici panelinde "Kullanıcılar" bölümünde, herhangi bir kullanıcının üzerine geldiğinizde, kişisel sayfanıza bir bağlantı göreceksiniz. Ekran görüntüsünde gösterdiğim gibi görünüyor.
Üzerine tıkladığınızda sıradan bir editör göreceksiniz. Benim durumumda, site editörü her öğrenci için bir ders programı ve orada küçük kurumsal duyurular yayınladı.
Nasıl doğru şekilde bağlanır?Müşteri Portalı - Özel kullanıcı sayfaları ve oturum açma eklentisini indirin ve kurun. Bir şekilde onu kullanıcıya bağlamanız gerekecek, böylece siteye girdikten sonra tam olarak kişisel sayfasına ulaşıyor.
Öncelikle "Kişisel Hesap" gibi bir adla bir sayfa oluşturmanız gerekir. Ardından kısa kodu oraya kopyalayın - .
Yönlendirme için eklentiyi kullandım - Tema Girişim. Aşağıdaki ekran görüntüsünden de görebileceğiniz gibi, kullanıcının ihtiyacımız olan dizine yönlendirmesi için bir bağlantı belirledim.
Bu iki eklenti ile sorunu çözmeyi başardım ve aynı zamanda hantal yüklemedim. kişisel hesaplar, bu sadece site yöneticisinin kafasını karıştırır.
Bugünlük bu kadar, umarım bu materyal birileri için faydalı olur.
2015-09-15 13231 33 Denis Abdullin
İÇİNDE saf formu Uraaa'da nasıl bir şey yayınlanacağı nadiren başarılı olur çünkü her şey yapılır birleşik sistem ve kullanıcılara evrensel bir şey sunulmalıdır. Tabii ki, herhangi bir senaryoda, sorular ve sorunlar ortaya çıkacaktır. Bu tasarım hafif bir arka plan için yapılmıştır, bu nedenle birçok şeyi "kendiniz için" yeniden yapmanız gerekecek. Ancak, daha evrensel ve kurulumu kolay bir şey yapmaya çalıştım.
Burası Uraaa'daki gibi uCoz için kişisel bir sayfa. Orijinal bir şey bulduğumu söylemiyorum, sadece kişisel bir sayfa için modern bir tarz paylaşıyorum. Merkezdeki yuvarlak avatarların arayüz dünyasında bir trend olduğunu fark etmemek mümkün değil.
Kişisel bir sayfa nasıl aynı hale getirilirsitenin diğer sayfaları nasıl?
Bu soru büyük olasılıkla tam olarak formüle edilmemiştir, tamamen değil, ancak onunla başlamalıyız. Varsayılan olarak, uCoz'daki kişisel sayfa, sanki sitenin bir parçası değil, gereksiz bir şeymiş gibi tamamen bağımsız ve küçüktür. Özel mesajlar gibi diğer bazı sayfalarda da durum aynı ama şimdi onlardan bahsetmeyeceğiz. Peki "kişisel" olanı şablonun gerçekten bir parçası haline nasıl getirirsiniz?
İlk olarak, "Kullanıcı" modülünün ayarlarında kişisel sayfanın "Geçerli pencerede" açmayı seçin.
İkinci olarak, tel kafes kodunu Tasarım Yönetimi - Site Sayfalarına kopyalayın.
Şimdi "Tasarım Yönetimi - Kullanıcılar - Kişisel Sayfa"daki kodu tamamen "Site Sayfaları"ndan aldığınız kodla değiştirin. İçinde, $CONTENT$ ile ve arasındaki kişisel sayfanın orijinal içeriğini değiştirin. $CONTENT$'ı hemen Uraaa'daki (aşağıda) kişisel sayfa koduyla değiştirebilirsiniz.
İşte sahip olduklarımız:
Uraaa'daki gibi kişisel sayfa "Tasarım Yönetimi - Kullanıcılar - Kişisel Sayfa" bölümünde aşağıdaki kodu kullanın. $CONTENT$'ı yukarıda anlatıldığı gibi bu kodla değiştirin:
200?"200px":""+(this.scrollHeight+5)+"px");">
if (window.name.length>2)(window.resizeTo(750,420);)
işlev uSocialConnect(obj)(
var sosyal = obj.id.split("-");
nesne = $(nesne);
if(obj.hasClass("bağlı"))(
if(confirm("Hesabınızı devre dışı bırakmak istediğinizden emin misiniz?")(
obj.addClass("bekle");
_uPostForm("",(type:"POST",url:"/index/sub/", data:(a:4,s:social)));
}
)else if(!obj.hasClass("bekle"))(
uSocialLogin(sosyal);
}
yanlış dönüş;
}
.social hesapları ( dolgu:10px 0 3px )
.social-accounts a ( opacity:.4 )
.social-accounts .is-connected ( donukluk:1!önemli )
.social-accounts .wait i ( background:url(/.s/img/icon/ajsml.gif) tekrarlanmayan merkez merkezi!önemli )
.social-accounts a.cursor-default, .social-accounts a.cursor-default i ( imleç:default!önemli )
.statusÇevrimdışı (renkli:#979797)
.statusÇevrimiçi (renkli:#5ac92e)
Sc-over (dolgu:0px 20px)
.sc-cover (arka plan:url("https://wallpaperscraft.com/image/spots_background_light_blur_68629_1920x1080.jpg") #1d1d1d;background-size:cover;position:relative;height:180px;margin-bottom:60px)
.sc-cover-in (genişlik:100%;konum:mutlak;sol:0px;alt:-50px;)
.sc-avatar (genişlik:100px;yükseklik:100px;margin:0px otomatik)
.sc-avatar (kenarlık:4px katı #fff)
.sc-avatar img (genişlik:100px;yükseklik:100px;nesne sığdırma:kapak)
.sc-avatar, .sc-avatar img (-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;)
.sc-top (metin hizalama:sağ;padding:15px 0px;position:absolute;bottom:-50px;left:20px;right:20px;z-index:2)
.sc grubu (kayan:sol)
.sc-adı (yazı tipi boyutu:19px)
.sc-city (font-size:13px;color:#959595)
.sc-counter, .sc-counter:hover (ekran:inline-block;font-size:21px;padding:15px 7px;color:#000;text-decoration:none)
.sc-sayacı aralığı (ekran: blok; yazı tipi boyutu: 13 piksel;)
.sc-tabs (max-width:420px;text-align:left;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:7px;margin:7px auto )
.sc-tabs div (kayan nokta:sol;genişlik:110px;renk:#959595)
.sc-alt, .sc-button (dolgu:10px 0px)
.sc-düğmesi a, .sc-düğmesi a:hover (dolgu:7px 14px;yazı tipi boyutu:13px;kenarlık:2px katı #3785dc;renk:#3785dc;metin dekorasyonu:yok;ekran:satır içi blok;- webkit-sınır yarıçapı: 10 piksel; -moz-sınır yarıçapı: 10 piksel; sınır yarıçapı: 10 piksel;)
