WordPress için Robimo şablonu psd ile. WordPress için basit temalar oluşturma. İşlevsellik şablonunu seçin

Merhaba, bugün site düzeninin oluşturulmasıyla ilgili bir makale yayınlamaya karar verdim, daha sonra bunu yükledik ve çektik. wordpress motoru. Bu nedenle, bu makalelerin yayınını kaçırmak istemiyorsanız, en son bloga abone olmayı unutmayın ve makalenin yayınlanmasının ardından hemen bilgilendirileceksiniz. Bir web sitesi için psd düzeni oluşturmak, tıpkı wordpress şablonu oluşturmakla aynı, aslında çok basit bir işlem ve her şeyi benim talimatlarıma göre indirebileceğinizi ve kendi benzersiz şablonunuzu alabileceğinizi hatırlıyorum.

Bir şablon oluşturmak için çok fazla bilgiye, bilgi birikimine ihtiyacımız var. HTMLі CSS, Blogunuzdaki konulardaki makaleleri okumanız yeterli. DIV etiketleri ve SPAN etiketlerinin kullanımına özellikle dikkat edilmelidir.

Şimdi bir PSD düzeni oluşturmak ve site için bir şablon oluşturmak için neye ihtiyacımız olduğunu bulalım. Aslında internetten indirebileceğiniz bir Photoshop programına da ihtiyacınız yok, bunun için çıktı materyalleri almanız sizin için sorun olmayacaktır diye bahse girerim.

Ayrıca yakında site için doku ve arka planların nasıl oluşturulacağını anlatacağım makaleler yayınlayacağım, bu yüzden yeni bloga abone olun.

Belgenin oluşturulması.

Şimdi düzeni oluşturma ve yeni bir belge oluşturma zamanı. Bir dosya seçin - oluşturun. Belgenin boyutları seçilebilir 960 Açık 1600 piksel

İki yön görüntülenir; sol ve sağ. Bunun için çizgilere tıklayıp çizgileri görüntülemeniz yeterli.

Şimdi tuvalin boyutunu değiştirmemiz gerekiyor. Kimin için seç Resim-Rozmir tuval'i seçin ve tuvalin boyutunu 1200 x 1600 piksel olarak seçin. Bundan sonra “Doldur” aracını hareketsiz bırakarak bu alanı beyaz renkle doldurun.

Şablon için gruplu.

Şimdi site için bir grup oluşturalım. Tüm şablonlarda standart gruplar oluşturabiliriz: sitenin üstbilgisi, menüsü, içeriği, yan sütunu ve altbilgisi. Bunu yapmak çok basit, paylaşım menüsünde klasör resimlerine tıklıyoruz, oluşturulan grubu yeniden adlandırmak için alt tıklamaların adına tıklamanız ve gerekli adı girmeniz yeterli.

Web sitesi başlığı.

Şimdi site için başlık oluşturmayı bitirelim. Yapmanız gereken ilk şey dokuyu isimle açmak. "Doku 1". Artık siyah arka planı kırpmamız gerekiyor, bir araç seçmek daha da kolay "Büyüleyici çubuk" ve siyah arka plana tıklayın, şimdi açık alana tıklayın sağ düğme Ve “Görünür alanın ters çevrilmesi” öğesini seçin.

Daha sonra farenin sağ tuşunu ve kenarı belirleyecek öğeyi seçerek kenarlarımızın doğruluğunu belirleyeceğiz. І tüm ayarları resimde gösterildiği gibi ayarlayın.

Şimdi "'yi seçin paylaş - yeni - yeni paylaşıma kopyala" Şimdi ayıyla birlikte topu alıp küçük çocuğumuzun üzerine sürüklüyoruz.

Yere bastığımızda bebeği ters çevirmemiz gerekiyor. Bunun için yıl okuna karşı Düzenle-dönüştür-90 derece döndür'ü seçiyoruz. Farenin sol tuşuna bastıktan sonra topunuzu aşağıdaki küçük resimde gösterildiği gibi hareket ettirmeniz gerekecek.

Şimdi görselimizin yoğunluğunu artırmamız gerekiyor ve bunun için sekmeye gidiyoruz Görüntü - Düzeltme - Ton / doygunluk. Şimdi resmin parlaklığını -100 olarak değiştirmemiz gerekiyor. Girmekten suçlu olduğumuzu eksenlendiriyorum:

Şimdi site için logomuzu yazalım. Bunun için yeni bir yazı tipi yüklememiz gerekiyor. Sanırım çıktı materyallerini içeren dosyayı zaten indirdiniz ve ayrıca arşivde bir yazı tipi dosyası da var. Önce yazı tipini paketinden çıkarmamız gerekiyor. Şimdi klasöre gitmemiz gerekiyor (çoğunlukla C: / windows - Yazı Tipleri Sürücüsü).
Ve tüm yazı tipi dosyalarını oraya kopyalayın. Şimdi programı yeniden başlattığınızda bu yazı tipini kullanabilirsiniz.
Şimdi Metin aracını seçin ve yazı tipimizi, beyaz rengi seçin ve sol kılavuz boyunca bir logo oluşturun. Ne aldım?

Şimdi sağ tarafta bir menü oluşturalım. Üç ana noktadan oluşur: Baş, Kişiler ve yazar hakkında. Metin aracını tekrar seçin ve gerekli yere basın. Rengi beyaz olup yazı tipi Wide Latin olup boyutu 18 pikseldir.

Yeni bir top oluşturalım. Şimdi “düz çizgi lazeri” aracını alıyoruz ve girişlerden birinin yanında bir düğme görüyoruz.

Görünen alanı 2A2A2A rengiyle dolduruyorum. Şimdi topların sırasını değiştiriyoruz, harfli topu dolgulu topun üzerinde hareket ettiriyoruz.

Sitenin ana içeriği.

Ve artık tıkladıktan sonra bir menü butonumuz var. Şimdi İçerik klasörüne gitmemiz ve içinde yeni bir top oluşturmamız gerekiyor.

açık bebek 3 Ve biz onu tüm inançların altına yerleştiriyoruz. Ek dönüşümle, tüm alanı doldurana kadar görüntünün boyutu artar.

Artık dokunun parlaklığını ve kontrastını ayarlayabiliriz. Kimin için düğmeye basıyoruz? Ctrl + Üst Karakter + U. Görüntü - düzeltme - Eğriler'i seçin.

Bebeğe göre ayarları yapıyoruz.

Yeni bir top oluşturuyoruz ve artık içerik alanını görebilirsiniz. İçerik alanımız beyaz renkte ve 660 x 1200 piksel boyutlarında olacaktır. “Düz alan ve stil - oranları ayarla” aracını seçtiğimiz için alan boyutlarını girmeniz ve ardından “Doldur” aracıyla alanı doldurmanız gerekiyor.

Artık alanımızın ana hatlarını belirlememiz gerekiyor. Resmimizin olduğu topu seçip “Topa stil ekle” butonuna tıklıyoruz ve açılan menüden Kontur seçeneğini seçiyoruz.

І geçerli ayarları yapın - kalınlık 1 piksel ve renk c8c7c7.

şimdi aç onu resim 4,Ek ölçeklendirme, sağ ve sol elini kullananların beyaz alanında on piksel daha fazla olması nedeniyle boyutu değiştirir. Üstte ve altta 50-60 piksellik girintiler oluşturmak gerekir.

Şimdi butonların kombinasyonuna basıyoruz Ctrl + Üst Karakter + U dokuyu yumuşatmak ve eğrileri kullanarak parlaklığı ayarlamak için. Resimdeki gibi ayarlandı.

Beyaz kanvasımızla topu seçin, sağ düğmeye basın ve “öğeyi seçin” piksellere bakın».

Şimdi gri renkli bir top seçip itiyoruz vizyon - değişiklik - sıkıştırma, Ve bunu üç piksel küçültecek şekilde ayarlayın. Bu nedenle zaten oluşturduğumuz vizyonumuzu tersine çevirmek gerekiyor ve bunu yapmak çok kolay, biz seçiyoruz Vizyonu tersine çevirme, Düğmesine basın Del. Girmekten suçlu olduğumuz eksen:

Şimdi aynı gri top için bir maske oluşturuyoruz.

Siyah beyaz bir degrade seçin ve yan tarafın ortasından altına doğru sol düğmeye basın ve böylece geçişi yumuşatın.

Şimdi yan gezinme butonları oluşturalım. Bunun için sadece bir dikdörtgeni siyah renge boyamamız gerekiyor, boyutunu kendi takdirinize göre seçebilirsiniz. Buton içerisine sayfaların isimlerini de yazmanız gerekmektedir. Yazmak için vikorystmo yazı tipi Times New Roman ve boyut 18 piksel

Şimdi ikonların bulunduğu resmi açalım ve bunları ana menünün ön kısmına ekleyelim. Artık her biri yirmi piksellik iki taraftan erişime sahip içeriğe ihtiyacımız var. Şimdi ilk yazımıza metni siyaha boyayan bir başlık eklememiz gerekiyor. Yorumların tarihi ve sayısı için cb8154 rengini kullandım.

Artık site yerine ana başlık eklemek için bir çizgi çizmeniz gerekiyor. Düz çizgi çizmek için Olive aracını seçip Shift tuşunu basılı tutarak koçanı basıp çizginin sonuna kadar çizerek çizgi çizmeniz gerekmektedir.

Şimdi önizleme için bir yer oluşturmamız gerekiyor. İhtiyacımız olan boyutlarda bir dikdörtgen oluşturmak için 165 x 165 piksel ve her zaman siyah renkle çalışmayı tercih ettim. Şu ayarları yapabilirsiniz: anahat ve gölge.

Daire içine alınmış.

Gölge.

Şimdi daha fazla metin ekleyeceğim. Girmekten suçlu olduğumuz eksen:

Artık yazıları bitirdikten sonra 30 pikseli ve gri rengi (ssssss) artırmanız gerekiyor. Daha sonra 32 x 32 piksel ölçülerindeki kareleri boyayıp içlerini 8E0A13 kırmızı rengiyle dolduruyoruz.

Shukov formunun boyanması.

Bunu yapmak için, önüne iç gölgenin yerleştirildiği düz bir alanı beyaza boyamamız yeterli.

Şimdi aynı boyuttaki 32 x 32 kırmızı butonu kırmızı renge boyayıp “beyaz renkte” kelimesini yazıyoruz. Aramak».

Yan menü.

Yeni top 270 piksel genişliğinde bir dikdörtgenle boyanmış ve 1F1F1F rengiyle doldurulmuştur. Ayrıca 270 piksel genişliğinde ve 25 piksel yüksekliğinde siyah renkle doldurulmuş bir başlık ekliyoruz.

Şimdi blog için kategoriler yazmamız gerekiyor. Metin Times New Roman yazı tipinde ve 16 piksel boyutundadır. Her menü öğesine bir resim eklemeniz gerekir. seçme " güzel figür"Raster noktasının şeklini seçiyorum" süs 4»818181 rengiyle doldurulmuştur.

Sitenin altbilgisi.

Bodrum katıyla fazla uğraşmayacağız, tüm alanı siyah renkle doldurup Times New Roman yazı tipinde, 18 piksel boyutunda ve E6E6E6 renginde bir menü ekleyeceğiz.

Sizinkine benzer bir şablon indirmek istiyorsanız düğmeye tıklayın ve indirme seçeneğine erişebileceksiniz. Bu makale bitti ve artık bir WordPress şablonu oluşturmanın ilk adımının site için bir PSD düzeni oluşturmak olduğunu bildiğinizi düşünüyorum.

Bu makale size WordPress için en basit temanın nasıl oluşturulacağını anlatacaktır. Kodeks bu yiyecekle ilgili pek çok belge sunsa da, yeni başlayanlar için biraz bunaltıcı görünüyor. Bu derste WordPress temalarının ilkelerini açıklayacağım ve size basit bir HTML şablonunu bunlara nasıl uyarlayacağınızı göstereceğim. Bu durumda PHP bilgisine ihtiyacınız yok, bunun yerine tasarımı oluşturmak için Photoshop ve CSS kullanacaksınız.

1. Ön uç blogu

Bundan önce, standart bir WordPress temasına bakalım ve bunun neyle ilgili olduğunu görelim. Önemli öğeler (başlık, yazı başlığı, arama formu, gezinme, alt bilgi vb.).

Standart Ön Sayfa ( index.php)

Standart Tek Kişilik ( tek.php)

2. Photoshop düzenleri

Başlat dışarıdan görünüm standart konular, blogunuz için Photoshop düzenleri geliştirin. Popo için kedi içermeyen temalarımdan biri olan vikorist GlossyBlue'yu kullanacağım. Bitmiş Photoshop dosyasını indirmek için demo.zip'i indirin.

3.HTML ve CSS

PSD tasarımı hazır olduğunda dış görünüm tarafı için bir HTML + CSS şablonu oluşturun. Bu talimatları izleyerek GlossyBlue HTML dosyalarımı şuradan düzenleyebilirsiniz: demo.zip. Arşivleri açtıktan sonra öğreneceksiniz indeks.html, tek.htmlі sayfa.html. Daha sonra bunları bir şablona dönüştürmek için kullanacağım.

Statik HTML oluşturmaya başlamalı mıyım? Gelişim sürecini basitleştirmek için önemli olan bu nedenlerden dolayı baş rütbesi oluşturulmuştur. Bu yüzden her şablon için bir HTML dosyası oluşturuyorum, geçerliliğini (HTML ve CSS düzeni) tüm tarayıcılarda kontrol ediyorum. Bundan sonra artık WordPress kodunu düzenlemenize ve eklemenize gerek kalmayacak. Yani artık HTML veya CSS'deki değişiklikler konusunda endişelenmenize gerek yok.

4. WordPress teması nasıl çalışır?

Standart temalar klasörüne gittiğinizde ( wp-içerik/temalar/varsayılan), O zaman çok sayıda php dosyanız (şablon dosyaları olarak adlandırılır) ve bir dosyanız olacak. stil.css. Bir WordPress sayfası oluşturmak için şablon dosyalarının vikoryst dosyasını indirin ( index.php , Başlık.php, kenar çubuğu.php,і altbilgi.php).

Daha fazla ayrıntı Kodeks'te: "Site Mimarisi" ve "Şablon Hiyerarşisi".

5. Şablon dosyalarının çoğaltılması

HTML klasörünü GlossyBlue'dan klasöre kopyalayın wp içeriği/temalar. Bundan sonra varsayılan dizine gidin, kopyalayın yorumlar.phpі aramaformu.php bir klasöre parlak mavi.

6. Stil.css

Varsayılan klasöre gidin, dosyayı açın stil.css. Yorumlanan metni dosya başlığına kopyalayın ve yapıştırın stil.cssşu GlossyBlue. İsterseniz başlığı ve yazara ait bilgileri değiştirebilirsiniz.

7. Dosya alt bölümü

Şimdi HTML dosyalarını parçalara nasıl böleceğimizi anlamamız gerekiyor: başlık.php, kenar çubuğu.php ve altbilgi.php. Aşağıdaki ekran görüntüsünde indeks dosyasının basitleştirilmiş bir versiyonunu ve bu alt bölümün ilkesini görebilirsiniz.

8.Header.php

Aç indeks.html. Bölümü yukarıdan bittiği yere kadar düzenleyip yeni bir php dosyasına yapıştırıp kaydetmeniz gerekiyor. başlık.php.
Varsayılan temalar klasörüne gidin, yeni bir tane açın başlık.php. Php kodunda bulunan etiketleri kopyalayıp değiştirin: başlık, bağlantı, stil sayfaları, h1 ve div sınıfı = açıklama.

Gezinme menüsü (wp_list_pages) Etiketleri değiştirin li V ul kimliği = navüzerinde;

9. Kenar Çubuğu.php

Şuraya dön: indeks.html, Kodu başladığı yerden yazın form kimliği = arama formu ve etiket kapatılıncaya kadar div kimliği = kenar çubuğu, Yeni bir php dosyasına yerleştirin ve kaydedin kenar çubuğu.php.

• yer değiştirmek form kimliği = arama formu her şey bir arada.
• etiketleri değiştir li kategoriler
• etiketleri değiştir li arşivler

10. Footer.php

Şuraya dön: indeks.html. Kodu girmeyi unutmayın div kimliği = altbilgi div id = altbilgi ve sonuna kadar etiketle birlikte /html sonra yenisine yerleştirin altbilgi.php.

yakın zamanda Gönderilenler Burada kalan 5 blog yazısını görüntülemek için query_post'u seçtim.

"Kalan yorumlar" Eklenti tarafından oluşturulan "Kalan yorumlar" (konular klasöründe bulunur)

11. Index.php

Şimdi senin indeks.html sadece kaybetmek suçlu div kimliği = içerik. Farklı kaydet index.php. Satırları girin: get_header, get_sidebar, і get_footer kokunun desende kümelenme sırasına göre.

12. Döngünün analizi

Döngü, siz onları ayarlarken, durumdaki tüm blog girişlerini sırayla görüntüler. Aşağıdaki ekran görüntüsü robotunu göstermektedir. Döngü başlangıçta kayıtların kullanılabilirliğini kontrol eder ve eğer bulunamazsa bir bildirim olarak görünür. "Bulunamadı".

13. Döngünün kopyalanması

Varsayılan dizine gidin, açın index.php. Döngüyü standart olandan kopyalayın index.php senin - arasında div kimliği = içerik ../ div. Bundan sonra, statik metni WordPress şablon etiketleriyle değiştirin: gönderi tarihi, başlık, kategori, yorumlar, sonraki ve önceki bağlantı.

14. Konuları önizleyin

Uçuyorum! Genel bir bölüm (şablonun ana kısmı) oluşturdunuz. Şimdi yönetim paneline gidin, sekmeye gidin Tasarım, GlossyBlue temasını düzenlemek sizin hatanız. Etkinleştirin ve eylemin sonuçlarını görmek için halka açık kısma gidin.

15. Single.php

Bir şablon oluşturmanın zamanı geldi tek.php. İsterseniz kodu standart olanlardan aktararak adımları tekrarlayabilirsiniz. Yaratılışların vikorizmini affetmek daha iyi gibi görünüyor index.php, Paranızdan tasarruf edin tek.php. Aç tek.php Standart temalardan şablon etiketlerini gerekli konuma kopyalayın. hadi bağlanalım yorumlar_template. Resmin aşağıdaki ekran görüntüsünde değişiklikler yaptım:

16.Sayfa.php

şimdi yeni tek.php isme göre kaydet sayfa.php. Kayıt tarihini, yorum formunu ve önceki/önceki ayrıntıları seçin. Eksen, güç ve her şey sizin şablonunuzdur sayfa.php hazır.

17. HTML dosyalarını görüntüleme

Bir klasördeki tüm HTML dosyalarını silin parlak mavi(Artık kokuya ihtiyacımız yok). Teknik olarak bu, temel WordPress temaları oluşturmak için yeterlidir. Siz melodik bir şekilde standart temada daha fazla PHP dosyası bulunduğunu fark ettiniz. Aslında kokuya değil, basit bir konuya ihtiyacın var. Mesela sanırım arama.php ya da başka 404.php Papa'nın listesinde olmadığı için WordPress otomatik olarak vikorist olacak index.php sayfayı görüntülemek için. Daha fazla bilgi için Şablon Hiyerarşisi'ni okuyun.

18. WordPress Kenar Çubuğu Şablonu

Ve şimdi son nokta - size, blogunuzdaki tüm gönderilerin bir listesini içerecek (site haritası için manuel olarak) Arşiv sayfası için bir vikorist Sayfa Şablonu'nun nasıl oluşturulacağını göstereceğim. Kopyala arşivler.php standart temalar klasöründen. Gereksiz kodu kaldırın ve burayı tıklayın:

Merezha'nın WordPress için çok sayıda hazır şablona sahip olduğu bir sır değil. Ücretsiz olanlarla başlayıp, güçlü çerçevelere sahip pahalı premium şablonlarla biten.

Neden fark? Web siteniz için en iyi tasarım nedir?

Bu makale, web sitelerini WordPress'e dayalı olarak planlayan ve bir şablon seçmekle karşı karşıya kalanlar için hazırlanmıştır.

Hadi kedisiz olanlarla gidelim. Avantaj açıktır - fiyat veya daha doğrusu maliyet. Herkese açık şablonların ana dezavantajı, şablonun oldukça iyi olmasına rağmen zaten çok sayıda siteyi hesaba katmasıdır. Ve sizin veya müşterilerinizin tasarım açısından birbirinin aynısı bir siteyle karşılaşma olasılığınız daha da yüksektir. Bu nedenle, yalnızca bütçeniz gerçekten sınırlıysa ve sitenin görsel işlevlerinden özellikle rahatsız değilseniz, herkese açık şablonları tercih edin. Dolayısıyla, elbette, küçük bir çaba veya yatırım maliyetiyle, genel bir şablonu bilinmeyen bir noktaya benzersiz bir şekilde (uyarlayabilirsiniz) yapabilirsiniz. Ve yine de en ucuz çözümlerden biri olacaksınız.

Telgrafıma abone olun ve sitede bulunmayanlar da dahil olmak üzere yeni materyalleri ilk izleyen siz olun.

Ücretsiz PSD web sitesi şablonları iş, portföy ve diğer web sitesi türlerini oluşturmak için kullanışlıdır. İnternette her yerde bulunabilirler. Çoğunun çirkin olduğunu söylemiyorum ama nadiren standartlarınızı aşacak bir şey bulamazsınız. Adobe Photoshop "kullanımı kolay, uzmanlaşması zor" programlardan biri olduğundan, yeni başlayanların ve profesyonellerin çoğu ilk web siteleri için PSD şablonlarını kullanmayı tercih ediyor. Bunun nedeni, PSD web şablonlarının kurulumunun, düzenlenmesinin ve kullanımının kolay olmasıdır. Ancak bu web şablonlarını güvenilir kaynaklardan almanız gerekir. Bir web şablonu tasarımına aşık olmak, onu heyecanla indirmek ve Photoshop'ta paketini açmak kolaydır, ancak bunun tam bir karmaşa olduğunu ve yolunuzu bulamayacağınızı fark edersiniz.

İyi web şablonları estetik açıdan hoştur ve gözleri rahatlatır. Öte yandan harika web şablonları, en iyi göz alıcı ve kullanımı kolay şablonları oluşturmak için bu tür güzelliği kullanışlılıkla birleştirir.

İster bir portföy web şablonu, ister kişisel bir blog şablonu, bir e-ticaret şablonu veya bir restoran şablonu istiyor olun, en iyi ücretsiz PSD şablonlarının bu listesini gerçekten yararlı bulacaksınız.

SINIRSIZ İNDİRME: 500.000'den fazla Web Sitesi Şablonu ve Tasarım Varlığı

İhtiyacınız olan tüm Web Sitesi Şablonları ve diğer birçok tasarım öğesi, Envato Elements'e aylık abonelikle mevcuttur. Aboneliğin ücreti aylık 29$'dır ve size sınırsız erişim devasa ve giderek büyüyen bir kütüphaneye 500,000+ ihtiyaç duyduğunuz sıklıkta indirebileceğiniz öğeler (Stok fotoğrafları da)!

ŞİMDİ İNDİRİN

Tasarımınız hazır olduğunda, onu herkese ilham verecek şekilde sergilemenin zamanı gelir. Basit bir ekran görüntüsü kullanabileceğiniz gibi, PSD web sitesi şablonuyla da işleri tamamen yeni bir seviyeye taşıyabilirsiniz. Bu özel paket, kendi yararınıza kullanabileceğiniz yedi farklı stil içeriyor. iMac, Macbook ve tek sayfadan iki iPhone ve kırpılmış Macbook'a kadar seçenekler parmaklarınızın ucunda. Ayrıca arka planı şeffaf tutarak düzenleyebilir veya renk ve hatta resim ekleyebilirsiniz. İşleri istediğiniz gibi yapın ve çalışmalarınızı mümkün olan en iyi ışıkta sergileyin.

Web sitenizin esnekliğini sergilemek için kullanabileceğiniz son derece minimal, temiz ve çarpıcı cihaz maketleri. Kit içerisinde her biri orijinal, yaratıcı ve dikkat çekici on iki farklı varyasyon bulunmaktadır. Üstelik Macbook, iPad ve iPhone arasında seçim yapabilirsiniz. Reklam öğelerinizi sürükleyip bırakın ve istediğiniz şablonun bunları anında görüntülemesine izin verin. Diğer güzellikler arasında on bir gölge katmanı, özelleştirilebilir arka plan ve altı ana renk seçeneği yer alıyor. Artık dikkatleri üzerine çekecek bir sunum yapmak için eksiksiz bir çözüme sahipsiniz. İşleri basit ve minimum düzeyde tutmak sizin işinizse bu maket paketi tam size göre.

Altı farklı izometrik görünüme sahip, çarpıcı, modern ve kullanıcı dostu bir web sitesi maket şablonu. Çevrimiçi varlığınız için spor yapmak istediğiniz sunum tarzı buysa, bunu çok kısa sürede gerçekleştirin. Bir şablon bunu bir parmak hareketiyle gerçekleştirebildiğinde, çalışmanızı nasıl sergilemek istediğinize dair sayısız saatler harcamanıza gerek yok. Sadece tasarımlarınızı kaydırın ve bu kadar. Web sitenizin tamamını sergilemek için birden fazla sayfa düzeni ekleyebilir ve arka planı düzenleyebilirsiniz. Kısacası nihai ürün, yeni müşteriler kazanmanıza yardımcı olacak gerçek bir şaheser olacaktır.

Farklı cihazlara sahip çeşitli web sitesi modellerinden oluşan eksiksiz bir koleksiyon. Artık sayfanızın esnekliğini iPhone'lara, iMac'lere, Macbook'lara ve iPad'lere aktarabilirsiniz. Ayrıca 4000 x 2500 piksel boyutunda on dört farklı PSD sahnesi bulacaksınız. Bunları web sitesi tasarım vitrininin ötesine geçen her türlü farklı sunum için kullanabilirsiniz. Diğer özellikler arasında gölgeler ve ışık ayarı, akıllı nesneler (sadece sürükleyip bırakma), %50 yakınlaştırma ve daha fazlası yer alır. Ayrıca değiştirebilirsiniz arka plan rengi ve çok ayrıntılı özelleştirmenin keyfini çıkarın. Süper hızlı düzenleme ve iyileştirme sayesinde, birkaç dakika içinde birden fazla farklı sunumu hazır hale getirebilirsiniz.

Tasarımınızı görüntüleyecek bir cihaz aradığınız diğer tüm web sitesi maket şablonlarına bir başka harika alternatif. Bu durumda, kit içerisinde 4000 x 2500 piksel boyutlarında on iki farklı PSD dosyası bulunur. Kusursuz düzenleme için nesneler ve gölgeler ayrılmıştır. Bu model paketinin, sayfa tasarımınızın çarpıcı ve fotogerçekçi görünümünü gerçekleştirme yolculuğunuzda size yardımcı olacak talimatlarla birlikte geldiğini unutmayın. Akıllı nesne katmanları sayesinde bu maket düzenlerini etkinleştirmek için çok fazla zaman ve enerji harcamanıza gerek yok. Sadece görüntünüzü kaydırın ve anında çalışırken görün.

Avire

Avire, düz stilde bir tasarıma sahip, son derece özelleştirilebilir tek sayfalık bir şablondur. İhtiyaçlarınıza uyacak şekilde kullanımı ve değiştirilmesi kolaydır. Burada ve orada birkaç ince ayar ile kesinlikle tüm gereksinimlerinizi karşılayabilir.

Altıgen

Hexal, web sitenizin ziyaretçilerine kalıcı izlenimler bırakması garanti edilen benzersiz bir portföy şablonudur. Web tasarımcıları, grafik tasarımcıları ve yaratıcı zekaya sahip herkes için kesinlikle mükemmeldir.

Dokulu Tasarım

Bu ücretsiz PSD dosyasını hem kişisel hem de ticari amaçlarla kullanabilirsiniz. Yaratıcı insanlara hitap eden tek sayfalık bir portföy web şablonudur.

Anahtar

Switch, önyükleme 3D çok amaçlı bir web şablonudur; bu, ne olmasını istiyorsanız ona dönüşebileceği anlamına gelir! Tüm ihtiyaçlarınıza yönelik çeşitli çözümler sunan harika bir tek sayfalık şablon görevi görür.

Kappe

Kappe yaratıcı, çok amaçlı bir web şablonudur. Izgara tabanlı tasarımıyla, birkaç fare tıklamasıyla kişisel bir bloga veya iş web sayfasına dönüştürebilirsiniz.

Bildir

Notify, web'deki en iyi uygulama açılış sayfasıdır. Şık ve modern tasarımı, mesajınızın tam da hayal ettiğiniz gibi iletilmesini sağlayacaktır.