Şablon kişisel sayfa html css. Kar - Ücretsiz HTML5 ve CSS3 Açılış Sayfası Şablonu

Bu koleksiyon, çeşitli meslekler için şablonlar içerir, ancak genel olarak programcılar, web tasarımcıları veya yerleşim tasarımcıları, tasarım ve yapı açısından onlar için daha uygun oldukları için konuyu takdir edecektir.

Daha önce bir portföy oluşturmak için şablonlar içeren koleksiyonlar yayınlamıştık. Örneğin:

Temiz

Bağımsız bir web geliştiricisi için kişisel bir portföy ve kişisel sayfa oluşturmak için profesyonel, temiz. Tasarımcılar, düzen tasarımcıları veya programcılar için mükemmeldir.
Şablon tamamen duyarlıdır, tamamen geçerli kodla kaydırırken görünen harika bir öğe animasyonuna sahiptir.

Gorgo Portföyü

Ücretsiz, çok temiz ve şık tasarımcı portföy şablonu... Minimalizm tarzında yapılmıştır. Ayrıca harika bir tam ekran menüsü var.
Çalışma örneklerinin yer aldığı ızgara, bir trend olduğu için çok sevindirici olan bir satranç tahtası örneğini takip ederek yapılmıştır. Çalışma sayfasının kendisi, muhtemelen yüksek kaliteli demo içeriği nedeniyle beni çok etkiledi. Bu özel tasarımı kişisel bir sayfa olarak kullanmayı düşünüyorsanız, işin kendisinin kaliteli tasarımına dikkat edin.

Lityum

Özgür duyarlı şablon modaya uygun Düz, bir web geliştiricisi veya bir fotoğrafçı olsun, hemen hemen her serbest çalışan için uygundur, çünkü sayfa hem iş kategorisine göre bir filtre ile tanıdık bir portföy hem de bir fotoğraf galerisi sunar.

Brendi

Başka bir son derece kişisel bir portföy oluşturmak için kaliteli şablon... Herkesin çok sevdiği birçok güzellik var: Paralaks efektleri, kaydırma sırasında blokların görünümünün etkisi, yumuşak kaydırma, çeşitli sayaçlar ve tabii ki portföyün kendisinin bloğu.
Şablon tamamen ücretsizdir ve herhangi bir BT mesleğinin serbest çalışanları için uygundur.

Kongo

İlginç html tasarımcı portföy şablonu... İlk ekranda fotoğrafınızı yerleştirebilir, kendinizi tanıtabilir ve uzmanlığınızı yazabilirsiniz.
Şablondaki hemen hemen tüm bloklar, standart Açılış sayfasında görmeye alıştığımız blokları uygular.
Renk şemasına gelince, onu değiştirirdim. Çok zehirli.

MyFolio

Harika duyarlı tek sayfalık portföy yeşilin tonlarında. Hem solo serbest çalışan hem de geliştirme ekibi için uygundur. Şablon yüksek kalitede yapılır ve dikkati hak eder.

Temel

Sıkı mavi desen portföy oluşturmak için. Bootstrsp 3.2 üzerine inşa edilmiştir. İlk ekrandaki simgeleri değiştirirseniz, herhangi bir faaliyet alanında freelance çalışanlar için kullanabilirsiniz.

Küçük

Küçük düz stilde bir sayfa html şablonu... %100 yüksekliğe sahip üç ekrana bölünmüştür. İlk ekran bir fotoğraf ve freelancer hakkında kısa bilgilerdir.
İkinci ekran portföydür. Son Portföyünüzden dribbble'da 8 eser... Yani, tek yapmanız gereken ile entegrasyonu kurmak ve bu kadar. Görüntüler, Dribbble etkinliğinizle senkronize olarak kendilerini güncelleyecektir.
Üçüncü ekran İletişim Bilgileri'dir.

Kelvin

Yüksek kaliteli, çok yönlü HTML5 CSS3 şablonu. Yukarıdaki bu koleksiyonda yer alan Ceevee'ye çok benzer, ancak çalışma örnekleri ile blok kavramında ve bir serbest çalışanın becerilerini gösteren grafiklerde bazı farklılıklar vardır. Çeşitli bloklar kullanarak kendiniz hakkında ayrıntılı bir hikaye oluşturma imkanı sağlanır.

portio

İlginç, evrensel bir şablon, kullanmayacağım pek çok şey olmasına rağmen: bunlar aptal yazı tipleri, zayıf düğmeler. Belki birisi bu seçenekle ilgilenecektir. Sonuçta - parlak bir renk şeması. biraz düzeltirsen CSS stilleri, iyi bir sonuca varabilirsiniz.

Liman

Ücretsiz ve hatta Bootstrap'a dayalı zarif bir sayfa şablonu diyebilirim. Şahsen ben kırmızıyı severim aktif elemanlar... İş örnekleri içeren blok, karmaşık bir ızgara şeklinde yapılmıştır ve bu bir artıdır. Bu şablon, p oluşturmak için mükemmel bir çözüm olacaktır. bir web tasarımcısının veya programcısının ortholiosu.

altıgen

Farklı bir renk şemasında başlıkta bir kaydırıcı bulunan Çok Sayfalı Düz ​​şablon - yeşil. Bu çözümü kullanarak, çalışma örnekleri ve bir blog içeren harika bir kartvizit sitesi oluşturabilirsiniz.

Serbest çalışan

Harika tek sayfa düz stil ve yeşil renkler. İlk ekran, bir fotoğraf için bir yer veya daha iyisi, stili bozmamak için site sahibinin çizilmiş bir otoportresini sağlar.
Şablon küçük ve bu büyük bir artı çünkü amaçlarımız için ayak bezleri kullanmaya gerek yok. Şaşırtıcı bir şekilde çok kaliteli yapılmış. Tamamen duyarlıdır ve Bootstrap çerçevesine dayanır.

Top Sürme Portföyü

Portföy içeren başka bir şablon Dribbble ile entegre... Sadece en son çalışmaların yüklenmesini ayarlamanız ve kişisel sayfanızdaki portföyün sürekli, sıkıcı güncellemesini unutmanız gerekiyor.
Şablon katı, modern bir renk düzeninde yapılmıştır. Her şey çok temiz görünüyor.
Tıpkı önceki Dribbble şablonu gibi, küçüktür. Hatta özlü diyebilirim. Genel olarak puanım 10 üzerinden 9'dur.

Geek

Fena değil, biraz ağır olsa da serbest çalışan portföy şablonu olarak Açılış sayfası... Aktivite profillerinde beceri seviyesini görsel olarak göstermek için çeşitli çizelgeleri var - bu ilginç. Ayrıca, çalışmanızı sergilemek için kullanabileceğiniz bir referans kaydırıcısı ve güzel bir fotoğraf ızgarası vardır.

Top Sürme Folyosu V2

Özgür otomatik doldurulmuş portföy şablonu... Eserler siteden ithal edilmektedir top sürme... Bu çözümü kullanmadan önce Dribbble profilinizle entegrasyonu ayarlamayı unutmayın.
Maalesef demo yok.

Liman

orijinal html css mor tonlarda desen kişisel bir web sitesi oluşturmak için. Bu, ana sayfanın tek sayfalık bir tarzda tasarlandığı çok sayfalı bir temadır, ancak sırayla iç sayfalar da vardır. Oluşturmak için uygun serbest çalışan kişisel web sitesi herhangi bir uzmanlık.

İÇİNDE modern dünya bazen kendi web sitenize sahip olmak, bir telefon numarası veya adrese sahip olmak kadar önemlidir E-posta... Ne yazık ki, herkes kendi başına güzel bir profesyonel web sitesi yapamaz ve bazen bir eğri bile oluşturmaz. Herkesin karşılayamayacağı için programcılardan sipariş vermek de ideal bir çözüm değildir.

Böyle bir durumdan kurtulmanıza yardımcı olacaklar ücretsiz html Web sitelerinin şablonları. HTML site şablonu, belirli bir konudaki bir site için bir dizi hazır statik sayfadır. Temel HTML işaretleme bilgisine sahipseniz, böyle bir şablonu kullanarak sadece birkaç saat içinde basit bir web sitesi oluşturabilirsiniz. HTML bölümünde birkaç saat daha ders çalışırsanız bu bilgiyi edinirsiniz ve CSS bölümünde harcadığınız zamandan pişman olmazsanız HTML site şablonlarının tasarımını tam olarak kontrol edebilir ve tamamen özelleştirebilirsiniz. ihtiyaçlarınıza uygun.

Web sitesi şablonlarının tartışılmaz bir başka avantajı da, genellikle profesyoneller tarafından yazılmış olmalarıdır. Altında profesyonel şablon sitenin sadece güzel olduğu anlaşılmıyor ve modern dizayn ama aynı zamanda kod yazıldığından beri. Arama motorları web sitenizin nasıl yazıldığına, kodun SEO optimizasyonlu olup olmadığına bakarlar, buna dayanarak arama sonuçlarındaki konumlarınızı düşürür veya artırırlar. Bu nedenle iyi bir sitenin sadece güzel ve modern olması değil, aynı zamanda kod açısından da doğru yazılmış olması önemlidir.

Ücretsiz indir HTML Şablonları site ve hiçbir zaman projelerinizi oluşturun.

WP eklentisi WP-Recall, üçüncü taraf eklentilerle genişletilebilir. İçinde bu anı çözdük.

WP-Recall eklentilerinin ayrı bir kategorisi vardır: - eklenti kataloğuna giden bağlantıyı takip edin ve mevcut şablonlara göz atın (hem ücretsiz şablonlar hem de VIP ve premium LC şablonları vardır).

şablonlar kişisel hesap- kullanıcının kişisel hesabını (LC) wp'de tamamen farklı bir ekranda temsil eden hazır bir çözüm. Birçok eklenti, kullanıcıların kişisel hesaplarını, görünümlerinde basit bir değişiklik olasılığı olmadan sunar - WP-Recall'da bu sorun, yönetici panelindeki basit bir anahtarla çözülür.

Yazarın kişisel hesabını WordPress sitenizde kolayca genişletebilirsiniz - yalnızca birkaç tıklama alır.

Üzerinde şu an eklentinin temel paketinde kişisel hesaba ait 2 ücretsiz eklenti şablonu vardır: Sunshine ve Grace. Bunlar, kişisel hesabınız için duyarlı şablonlardır (şu wordpress teması uyarlanabilir). Kullanıcıya hem PC'de hem de tabletlerde kabinin rahat bir şekilde kullanılmasını sağlarlar. mobil cihazlar... Sekme menüsü, iyi bilinen "burger" de uygun şekilde gruplandırılmış ve gizlenmiştir - üzerine tıklayarak bir simge mobil menü... Böylece, kişisel hesaptaki çok sayıda sekme hesap şablonunu bozmaz ve uygun bir kullanıcı arayüzü sağlar.

Kişisel hesap şablonu yükleme, etkinleştirme ve güncelleme:

Kişisel hesap şablonu yükleme: yeni WP-Recall eklentisini kurmaktan farklı değil.
Yönetici paneline gidin: "WP-Recall" -> "Şablonlar" ve "WP-Recall için eklentiyi .zip formatında indir" bölümünde, kişisel hesap şablonu için eklentinin zip arşivini seçin ve yükleyin sunucuya.

Kişisel hesap şablonunu etkinleştirme:- aynı anda yalnızca bir kişisel hesap şablonunu etkinleştirebilirsiniz. "WP-Recall" -> "Şablonlar" sayfasında etkinleştirmek için listede istediğiniz şablonun üzerine gelin ve "Bağlan"a tıklayın.

Güncellemeüçüncü taraf şablonları, 1. bölümde tartışılan çalışma olan üçüncü taraf eklentilerle aynı şekilde yapılır. Eklenti güncellendiğinde temel şablonlar güncellenir.

Kişisel hesap şablonlarının ana yapısı:

%100 eşleşme elbette kullanılan şablona bağlıdır, ancak kural olarak kabinin yapısı aşağıdaki gibidir:

Üst alanda, şablonlar kenar çubuklarını kaydeder (yönetici panelinde: " Görünüm"->" Widget'lar ") - yani herhangi bir kısa kod, metin veya diğer widget'ları oraya yerleştirebilirsiniz.
Eylemlerde, sayaçlarda ve menü alanlarında, eklentiler düğmelerini gösterir ve menü alanında düğmeler taştıklarında bir "mobil menü" haline gelir. LC'nin ortasında kişisel hesabınız için bir içerik alanı vardır - bu aynı zamanda widget'lar için bir kenar çubuğu alanıdır.

Ve LC'nin bodrumunda, widget'lar için kayıtlı alanınızı da görebilirsiniz.

Böylece, programlama yapmadan, kullanıcının kişisel hesabını ihtiyaç duyduğumuz bilgilerle tamamlayabiliriz - sadece widget'lar aracılığıyla işaretleyin.

Kişisel hesap şablonunun özelleştirilmesi:

Widget alanları sizin için yeterli değilse, kişisel hesap şablonunu kendi alanlarınızla tamamlayabilir veya hesabın düzenini kendinize göre ayarlayabilirsiniz.

1. bölümde WP-Recall şablonlarının (kişisel hesabın şablonlarıyla karıştırılmaması gereken şablonlar) işlevselliğinden bahsetmiştim.
Yani: Düzende bir şeyi değiştirmeniz gerekirse, kişisel hesabınızın şablonunu değiştirebilirsiniz - "WP-Recall eklentisindeki şablonların işlevselliğini kullanma. Şablonların listesi" kılavuzunu okuyun. Kişisel hesabınızın şablonunun klasöründe bir office.php şablonu var - güvenli bir yol boyunca kopyalayın ve orada değişiklik yapın. Böylece eklenti ve eklentileri LC şablonlarına güncellerken bunları kaybetmezsiniz.

WP-Recall eklentisinin kancaları ve filtreleri vardır - ancak bu başlangıç ​​kitabı için geliştirme konularını ele almayacağız.

Eklentinin temel sürümünün kişisel hesapları:

Eklentinin temel sürümü, kişisel hesabınız için 2 eklenti şablonuyla birlikte gelir. Onlar Sunshine ve Grace. Özelliklerini ve görünümlerini göz önünde bulundurun:

WP-Recall Sunshine Kişisel Hesap Şablonu

"Sunshine" şablonunun görünümü

Şablon, kullanıcının şablon başlığında kapağı ayarlamasına (sağ üstteki simge), avatarı ayarlamasına (avatar alanındaki simge), kullanıcı hakkında bir bilgi bloğu görüntülemesine (en üstteki "I" simgesi) izin verir. avatarı" detaylı bilgi"):

Kullanıcı bilgileri şunları içerir: diğer kullanıcılar için profil alanı yöneticisinde görüntülenen avatar artışı, durum (açıklama) ve profil alanları.

Kişisel hesap şablonu, üç widget alanını kaydeder: RCL: Kişisel hesap içeriğinin Kenar çubuğu, RCL: Kişisel hesabın üzerindeki Kenar çubuğu ve RCL: Kişisel hesabın altındaki Kenar çubuğu. Yönetici paneline bakın: "Görünüm" -> "Widget'lar"

Şablon, menü alanındaki düğmeleri hem dikey hem de yatay görünümde görüntülemenizi sağlar (yönetici panelindeki ayar: "WP-Recall" -> "Ayarlar" -> " Genel Ayarlar"->" Sekme ekran düğmelerinin yerleşimi ").

Taşma durumundaki yatay düğmeler, mobil menüden daraltılacaktır:

"Burger" simgesine tıkladığınızda, kişisel hesabınızın kalan düğmelerini göreceksiniz:

Düğmelerin rengi genel ayarlar aracılığıyla ayarlanır: "WP-Recall" -> "Ayarlar" -> "Genel ayarlar" -> "Görünüm" -> "Ana renk" - böylece onları renginize uyacak şekilde özelleştirebilirsiniz. senin siten.

Eklentinin temel sürümünde, yazarın kişisel hesabı şunları görüntülemenizi sağlar:
1.chat (özel mesajlarda yazışmalar)
2. profil ayarlarını görüntüleyin (isteğe bağlı profil alanlarını doldurun) - kullanıcı bunları yönetici paneline (wp-admin) girmeden doldurabilir.
3. oluşturulan grupları görüntüleyin
4. para çekme işlemi yapmak wordpress gönderileri bu yazar
5. yayın formunu görüntüleyin
6. Ücretsiz Ticaret eklentisine dayalı olarak çevrimiçi mağazada oluşturulan siparişler
7. Oluşturulan forum konularının bir listesini görüntüleyin (PrimeForum eklentisi)
8. kullanıcı derecelendirme ayrıntılarını görüntüleyin
9. diğer yazarlara abonelerin ve aboneliklerin bir listesini görüntüleyin
10 ... yönetici alanında yönetici tarafından oluşturulan özel sekmeler

Ofisin uyarlanabilir tasarımı, hem PC'lerde hem de tabletlerde ve cep telefonlarında eşit derecede kullanışlı olmalarını sağlar:

Grace WP-Recall Kişisel Hesap Şablonu

Grace şablonu, kişisel hesabın Sunshine ile aynı özelliklerini sağlar (hariç: kişisel hesabın sekmelerini görüntülemek için düğmeler - yalnızca dikey bir görünüm ve kabinin üstünde ve altında 2 widget alanı kaydeder), bu nedenle yukarıdakiler doğrudur onun için.

bunun dış görünüşüne bakalım WordPress Şablonu kişisel hesap:

"Grace" şablonunun görünümü

Ve bir mobil cihazdaki görünümü:

Üçüncü taraf kişisel kullanıcı hesapları:

Üçüncü taraf kişisel eklenti şablonları - şu sayfada bulunan diğer tüm LC şablonları: WP-Recall Kişisel Hesap Şablonları

Açıklama sayfasında olasılıkların bir açıklamasını bulacaksınız. Ekran görüntüleri de var. Aşağıda, wordpress kabininin adlarını içeren birkaç ekran görüntüsü sunacağım - "bütünlük için":

LC Şablonu "Okyanus Boyunca"
LC Şablonu "Across Ocean PRO"
LC Şablonu "Tema Çizgisi"
Şablon LC "Teması Açık hava"
LC Şablonu "Tema Kontrolü"
LC Şablonu "Tema Kontrolü" ve ek " Kullanıcı bilgisi sekmesi "
LC Şablonu "Işık"

LC şablonları yeteneklerinin karşılaştırmalı tablosu:

Bu tabloda, WP-Recall eklentisi için mevcut tüm WordPress kişisel hesap şablonlarını analiz ettim. Onlardan ana noktaları ve özellikleri vurguladı:

Tablo için açıklamalar:
1. ekran, wp kişisel hesabına girildikten hemen sonra gelen ekrandır, yani. ek geçişler olmadan.

Tüm şablonlardan yalnızca bir şablon - "Tema Kontrolü", eklenti aracılığıyla yeteneklerinin genişletilmesini destekler.
Bu, Kullanıcı Bilgileri Sekmesi eklentisidir

Özelleştirici (WP Özelleştirici): Bu, şablonun kullanıcının özel renkleri özelleştirmesine izin verdiği anlamına gelir. Ana hatlar, dolap alanlarının rengi, kare veya yuvarlak avatar seçimi. Yönetici panelinde "Görünüm" -> "Özelleştir" yoluyla ayarlanırlar. Tüm ayarlar gerçek zamanlı olarak gerçekleşir - yani. sayfayı yeniden yüklemeden yaptığınız değişiklikleri anında görürsünüz.

LC şablonlarının yaşam tüyoları:

Kişisel hesabınız bir kısa kod aracılığıyla görüntüleniyorsa:
"WP-Recall" -> "Ayarlar" -> "Genel ayarlar (gelişmiş ayarlar dahil)" -> "Kişisel hesabı görüntüleme prosedürü" -> "wp-recall kısa kodu ile"

Ardından, "Kişisel ofis" kişisel hesabının başlığını kendinize göre değiştirebilir veya tamamen silebilirsiniz:

Belki de VI temanız, kabini tam genişlikte görüntülemenize izin verebilir. Bunu yapmak için, yönetici panelinde girilen wp-recall kısa kodlu sayfaya gidin ve sayfa özelliklerinde sağda (veya aşağıda) sayfa özelliklerinde "şablon" seçeneğini seçin (yukarıdaki ekran görüntüsüne bakın)

Aynı sayfada hesabın URL'sini kendiniz değiştirebilirsiniz - sayfa başlığının altında: "kalıcı bağlantı" - "değiştir" (yukarıdaki ekran görüntüsüne bakın)

Eklentinin gelişmiş ayarlarında kişisel hesabınıza bağlantının biçimini değiştirebilirsiniz. Örneğin, yukarıdaki can hack ile, zaten kısa kodlu sayfadaki hesap sayfasının slugunu değiştirdik. Şimdi ikinci parametreyi değiştirelim:

Diğer:
Aşağıdaki görünümün kabine bağlantısını istiyorsanız: siteniz / yazar / masha / burada masha, kayıtlı olduğu kullanıcının kullanıcı adıdır, o zaman kabinin çıktısını yazar.php aracılığıyla yapılandırmanız gerekir. WordPress şablon dosyası. Bunun nasıl yapılacağı hakkında biraz bilgi sahibi olmanız gerekir. Açıklamayı bulacaksınız - ikinci yol.

Veya bu çalışmanın zaten uzmanlar tarafından yapıldığı hazır bir alt VI şablonu seçin ve satın alın. Alt şablonlara bağlantı

Kullanıcılarınıza, oturum açmanın bulunduğu URL'nin bölümünü kendinize ait, daha çekici olanla değiştirme fırsatı verebilirsiniz. Bu, Pretty URL Author eklentisi ile yapılabilir - yani. url'deki adı aşağıdaki gibi değiştirme işlevini elde edin sosyal ağ Temas halinde.

Bir WordPress kontrol paneli eklentisi mi arıyorsunuz? WP-Recall bu görev için mükemmeldir.

Kitabın ücretsiz çevrimdışı sürümünü almak için kaydolun: "Bir Acemi için WP-Recall for a Newbie" pdf formatında.
Lütfen bu kitabı tamamlanır tamamlanmaz size göndereceğim e-posta adresinizi girin.