2016'daki en iyi 25 WordPress ve tasarım makalemiz

2016, web tasarımı dünyasında harika yeni trendlerle doluydu. Yeni CSS eğitimlerinden WordPress en iyi uygulamalarına ve ajansınızı büyütmek için pratik tavsiyelere kadar hepsini The Layout'ta ele aldık.

Yılın en iyi içeriğimizi kaçırmadığınızdan emin olmak için, 2017 başlamadan önce en iyilerin en iyisini okuyabilmeniz için en popüler hikayelerimizi bir araya getirdik.

Lafı fazla uzatmadan, 2016'daki en iyi 25 WordPress ve tasarım makalemiz burada.

25. En sevdiğimiz 10 WordPress eklentisi

WordPress Eklenti Dizini'nde gezinmek biraz şekerci dükkânında durmak gibidir - hepsini denemek çok heyecan verici görünüyor! Ve bu günlerde hemen hemen her şey için bir eklenti var: güvenlik geliştirmeleri, performans artışları, SEO optimizasyonu ve liste uzayıp gidiyor.

Sonuç olarak, yüklemeye karar verdiğiniz eklentiler tamamen size ve sitenizin ihtiyaçlarına bağlıdır. Ancak kitleleri ayırmaya başlamanıza yardımcı olmak için en iyi 10 eklentimizin bir listesini derledik.

24. WordPress'te güzel bir blog oluşturmak için neye ihtiyacınız var?

Blog oluşturma, marka bilinirliğini artırmak, bir işletmeyi büyütmek ve hatta yalnızca yaratıcı bir çıkış noktası olarak kullanmak için harika bir araçtır. Ve bu günlerde, kendi sitenizi oluşturmak hiç olmadığı kadar kolay.

Hayallerinizin WordPress blogunu oluşturmaya hazır mısınız? İşte başlamak için ihtiyacınız olacak.

23. 2016'da indirilebilecek 17 ücretsiz yazı tipi

Yazı tipi kitaplığınızı bazı yeni yazı tipleriyle güncellemek mi istiyorsunuz? Bu yıl piyasaya sürülen bazı harika seçenekler bulduk ve paylaşmak zorunda kaldık!

İşte projenize mükemmel bir görünüm kazandırmak için 17 mükemmel ücretsiz yazı tipi.

22. 2016'da en iyi ücretsiz stok fotoğrafları nerede bulunur?

Yüksek kaliteli, ücretsiz bir stok fotoğrafı mı arıyorsunuz? Mülayim değil, genel bir stok fotoğrafı. Derinliği ve rengi olan ve bununla ilgili bir "hikaye" ipucu olan gerçek, dikkat çekici bir görüntü. Dijital fotoğrafçılığın, paylaşım ekonomisinin ve internetin tesadüfi kesişme noktasında yaşıyoruz. Yüksek kaliteli görüntüler içeren ücretsiz fotoğraf paylaşım siteleri tüm web'de ortaya çıkıyor ve harika bir Creative Commons Zero (CC0) fotoğraf büfesi sunuyor.

En iyi ücretsiz stok fotoğraflarını bulmak için favori sitelerimizden beşini burada bulabilirsiniz.

21. 2016'da kontrol edilecek 32 harika ücretsiz WordPress teması

İster parlak, yepyeni bir WordPress sitesinde çalışıyor olun, ister mevcut bir sitede marka yenilemesi yapıyor olun, arada sırada çalışmak için yeni bir tema bulmanın zamanı gelir. Ve çok sayıda mükemmel premium tema varken, ücretsiz WordPress temalarına ayak uydurmak da harika. Özellikle daha küçük bir müşteriyle bütçeyle çalışıyorsanız, bu ücretsiz temaların çoğu ihtiyaç duydukları temel işlevleri ve seçenekleri sağlayacaktır.

2016'daki harika ücretsiz WordPress temaları listemize göz atın!

20. WordPress alt teması nasıl oluşturulur

Genellikle mükemmel temayı bulmak neredeyse imkansızdır; her zaman yapılması gereken bazı değişiklikler vardır. Öyleyse, neden Twenty Fifteen gibi güzel bir WordPress varsayılan temasını alıp istediğiniz gibi görünüp işlev görmesi için kendi temanız haline getirmiyorsunuz? Bir çocuk teması oluşturmak size çok fazla zaman kazandıracak ve yolda başınızı ağrıtacak (bana güvenin).

Kendi özel WordPress alt temanızı kolayca oluşturmak için bu öğreticiyi izleyin.

19. WordPress sitenizin hızını ve performansını nasıl artırabilirsiniz?

Site hızının, işinizin (ve müşterinizin) başarısı için çok önemli olduğunu biliyorsunuz. Defalarca "web kullanıcılarının yaklaşık yarısı bir sitenin iki saniye veya daha kısa sürede yüklenmesini bekliyor" ve "kullanıcılar üç saniye içinde yüklenmeyen bir siteyi terk etme eğiliminde" gibi korkutucu istatistiklerle defalarca karşılaşıyorsunuz. ” Projenin bu noktasında hüsrana uğramak kolaydır, ama üzülmeyin.

Web sunucunuzun kapısını çalmadan veya bir sürü kabataslak eklenti eklemeden önce, WordPress sitenizi sorunsuz, sağlam ve süper hızlı hale getirmek için bu kolay adımları izleyin.

18. WordPress temanıza jQuery nasıl eklenir

jQuery, en popüler olmasa da çok popüler bir Javascript kitaplığıdır. Aslında o kadar popüler ki WordPress otomatik olarak yüklü olarak geliyor. (Bu, WordPress 3.8.1'de başladı.) Bununla birlikte, WordPress'in jQuery ile gelmesi, kutudan çıkar çıkmaz kullanıma hazır olduğu anlamına gelmez. Henüz jQuery'nin çağrılmadığı bir tema kullanıyorsanız veya oluşturuyorsanız, kullanmaya başlamadan önce birkaç şey yapmanız gerekecektir.

Herhangi bir WordPress temasına jQuery yüklemek için bu öğreticiyi izleyin.

17. Web tasarımı ve web geliştirme: Fark nedir ve neden önemlidir?

Gerçekten ihtiyaç duydukları şeyin bir geliştirici olduğu ortaya çıktığında, yeni bir web tasarımı olduğunu düşündükleri bir şey için sizinle iletişime geçen bir potansiyel müşteri oldu mu? Belki de metin yazarınıza tasarımcı değil geliştirici olduğunuzu ve bunu netleştirmek için kopyanın düzeltilmesi gerektiğini açıklama konusunda garip bir deneyim yaşadınız? Web tasarımı ile web geliştirmeyi karıştırmak, özellikle interweb dediğimiz bu yeni moda şeyde acemiyken insanların yaptığı çok yaygın bir hatadır.

Web geliştirme ve web tasarımı arasında çok gerçek bir fark var. Ne olduğunu ve neden önemli olduğunu öğrenin.

16. Owl Carousel kullanarak “Son Gönderi” atlıkarınca nasıl oluşturulur

WordPress, en son gönderilerinizin başlıklarını bir kenar çubuğuna çekecek ve bunları tam gönderiye bağlayacak bir “Son Gönderiler” widget'ı ile birlikte gelir. Bununla ilgili sorun, Son Gönderiler widget'ının çok sınırlayıcı olmasıdır. Ya biraz daha zarif ve biraz daha işlevsel bir şeye ihtiyacınız varsa? Örneğin, Öne Çıkan Görseli ve bir alıntıyı ve özel bir gönderi türünden almak isterseniz ne olur?

İşte bu noktada, Kendin Yap rotasına gitmenize ve hayallerinizdeki siteyi inşa etmenize yardımcı olmak için Owl Carousel devreye giriyor. Kendi "Son Gönderi" karuselinizi oluşturmak için bu öğreticiyi izleyin!

15. WordPress sitenize Muhteşem Yazı Tipi nasıl eklenir

Font Awesome, ölçeklenebilir vektör simgeleri içeren sağlam bir simge setidir. Ve şaşırtıcı bir şekilde, ücretsizdir (simge setleri oldukça pahalı olabilir, bu da bunu oldukça tatlı bir anlaşma haline getirir). Harika Yazı Tipi ayrıca WordPress temanıza kolayca eklemenize olanak tanır, bu grafikleri kendiniz oluşturmanız ve kaydetmeniz gerekmediği için değerli zamandan tasarruf sağlar.

WordPress sitenize Font Awesome'i nasıl ekleyeceğinizi öğrenmek için bu öğreticiyi izleyin.

14. Yapışkan bir web sitesi başlığı nasıl oluşturulur

Bir kullanıcı kaydırdığında yerinde kalan web sitesi başlıkları çok popüler bir tasarım öğesi haline geldi. Kullanıcının, farklı bir sayfa veya seçenek seçmek istediklerinde yukarı kaydırmaya gerek kalmadan navigasyona kolayca erişmesini sağlar.

WordPress sitenize kolayca yapışkan bir web sitesi başlığı eklemek için bu öğreticiyi izleyin.

13. Yeni WordPress siteleri kurarken zamandan nasıl tasarruf edilir

WordPress'i veya web siteleri tasarlamayı ne kadar seviyor olursanız olun, işin biraz monoton olabilen bir kısmı vardır: yeni WordPress kurulumları kurmak. Sitelerinize güzel özelleştirmeler eklemeyi düşünmeye başlamadan önce, temel bilgilerle başlamalısınız: bir tema, eklentiler ve ayarlar.

Ancak endişelenmeyin – bu gereksiz döngüyü hızlandırmanın bir yolu var. Sürecinizi hızlandırmak ve güzel siteler oluşturmaya geri dönmek için bu kılavuzu izleyin!

12. WordPress'te duyarlı bir Google Haritası nasıl eklenir

En popüler harita çözümü olarak, WordPress sitenize Google Haritalar eklemek daha kolay olamazdı. Bu kullanıcı dostu haritalama teknolojisi, işletme bilgilerini, iletişim bilgilerini ve seçtiğiniz konuma yol tarifi sağlayarak, navigasyonu kullanıcılarınız için çok uygun hale getirir.

WordPress sitenize bir harita eklemeye hazır mısınız? Bu eğitici, bir eklenti eklemek için bir eklentinin nasıl kullanılacağını ve DIY yöntemini ele alacaktır.

11. WordPress özelleştiriciye seçenekler nasıl eklenir

WordPress Özelleştirici ilk başta biraz bunaltıcı olabilir, ancak bir kez daldığınızda, beklediğinizden daha kolay olduğunu göreceksiniz. Bir temayı değiştirmek için sizin (veya müşterilerinizin) için harika bir araçtır, ayrıca özel seçenekler ekleyerek onu gerçekten kendinize ait hale getirebilirsiniz.

Şimdi onu parçalayalım - işte tema seçenekleri için Özelleştiriciyi nasıl kullanacağınız.

10. Tasarımcılar için en iyi Slack kanalları

Slack, birçok tasarımcı ve yaratıcı için hızla favori bir iletişim biçimi haline geldi. İş arkadaşları ve arkadaşlarla iletişim kurmayı eğlenceli, etkili ve zahmetsiz hale getirir. Ancak Slack'in en iyi yanlarından biri, insanların belirli konulara odaklanan topluluklar oluşturmak için bir araya gelmesidir.

Sohbete katılmaya hazırsanız, tasarımcılar için en iyi 16 Slack kanalını burada bulabilirsiniz.

9. WordPress sitelerini yerel olarak geliştirmenin en kolay yolu

Bir WordPress sitesi oluştururken, istediğiniz zaman ve istediğiniz yerde, doğrudan canlı sitede değişiklik yapmaya başlamak cazip gelebilir. Düğme stillerine yapılacak küçük bir CSS düzeltmesi hiçbir şeye zarar vermez, değil mi?

Bununla birlikte, basit değişiklikler bile riskli olabilir, bu nedenle WordPress geliştirmenin belirli bir altın kuralı vardır: WordPress siteleri geliştirirken, yalnızca küçük bir kod değişikliği yapıyor olsanız bile, hiçbir zaman doğrudan sitede değişiklik yapmamalısınız. canlı bir site.

Yerel bir geliştirme ortamı kullanmak, özel WordPress siteleri geliştirmek için çok önemlidir. Bu kılavuzla kolayca ve verimli bir şekilde nasıl kurulacağını öğrenin!

8. CSS Özellik Sorguları nasıl kullanılır?

CSS Özellik Sorguları, tarayıcıda yerel özellik algılama yöntemini gerçekleştirmenin bir yoludur. Bu sorgular, bir tarayıcının bir CSS özelliğini düzgün bir şekilde uygulayıp uygulamadığını analiz eder. Esasen tarayıcı, belirli bir CSS özelliğinin veya değerinin desteklenip desteklenmediğini "rapor eder". Sonuç, bir CSS bloğunun uygulanıp uygulanmayacağını belirler.

Yeni CSS özelliklerini kullanmaktan heyecan duyuyor ancak tarayıcı yetenekleri konusunda endişeli misiniz? CSS Özellik Sorgularının işlerin sorunsuz yürümesine nasıl yardımcı olabileceğini öğrenin.

7. 2016'da bilinmesi gereken 9 web tasarım trendi

Web tasarım endüstrisi, tasarımcıların sadece bir site oluşturmaktan daha fazlasını yapmak istedikleri, bir hikaye anlatmak istedikleri ilginç bir noktaya ulaştı. Her zamankinden daha fazla, bir web sitesinin amacı hem eğlendirmek hem de bilgilendirmektir. Listemiz, çarpıcı sinemagraflardan keyifli mikro etkileşimlere kadar bu hikayeyi anlatmanın dokuz farklı yolunu gösteriyor.

Çok geç değil - işte 2016 için en iyi dokuz web tasarım trendimiz!

6. Yinelenen gelir, ajansınızı ölçeklendirmenize nasıl yardımcı olabilir?

Ajansınızı sürdürülebilir, başarılı bir iş haline getirmek bazen imkansız bir görev gibi görünebilir ve nedenini anlamak kolaydır. Müşterilere danışmak çok zaman alır ve günün sonunda, faturalandırılabilir çok fazla saati olan bir saate bağlı kalırsınız.

Ajansınızı ölçeklendirmenin sırrı? İş modelinize sürekli gelir kanalları ekleyin!

5. Tasarımcıların düzenli kalmasına yardımcı olacak ücretsiz yazdırılabilir dosyalar

Siz bir tasarımcısınız, bu yüzden muhtemelen mükemmel şablonu tasarlayabilir ve yazdırabilirsiniz. Ancak daha hızlı bir çözüm arıyorsanız, aynı fikre sahip olan ve kişisel organizasyon çabalarınız için indirebileceğiniz harika ücretsiz ürünler yaratan başka tasarımcılar da var.

Kuruluşunuzu bir üst düzeye taşımaya hazırsanız (ücretsiz!), tasarımcılar için bu harika basılabilirlere göz atın.

4. CSS Izgara Düzenleri ile basit bir düzen nasıl oluşturulur

Tasarımcı olmanın bir parçası, web tasarımının geleceğinin ne olduğunu bilmektir. CSS Izgara Düzenleri bir oyun değiştiricidir ve tasarımcıların uzun yıllardır uğraşmak zorunda kaldıkları konumlandırma konusundaki hayal kırıklıklarının bir kısmını hafifletmeye yardımcı olacaktır. Henüz çok yaygın bir uygulama olmasa da, dört gözle beklenecek bir şey.

CSS Izgara Düzenlerinin temellerini öğrenmek için bu basit öğreticiyi izleyin!

3. SSL, WordPress siteniz için neden önemlidir?

SSL. Muhtemelen bu üç küçük harfi daha önce duymuşsunuzdur, ancak WordPress sitenize gerçekten fayda sağlayabileceklerini biliyor muydunuz? Bununla birlikte, sitenize nasıl yardımcı olacağı hakkında konuşmadan önce, tam olarak SSL'nin ne olduğunu gözden geçirelim.

İşte SSL'nin ne olduğu, neden isteyeceğiniz ve onu WordPress sitenize nasıl kolayca alacağınız!

2. CSS ve SVG kırpma ve maskeleme teknikleri nasıl kullanılır?

SVG'ler web üzerinde çalışmak için harikadır ve kırpma ve maskeleme, web grafiklerinizin parçalarını göstermenin veya gizlemenin bazı ilginç yollarını sağlar. Bu teknikleri kullanmak aynı zamanda tasarımlarınızda daha fazla esneklik sağlar çünkü manuel olarak değişiklik yapmanız ve yeni görüntüler oluşturmanız gerekmez – bunların hepsi kodla yapılır.

CSS ve SVG kırpma ve maskelemeye kolayca başlamak için bu öğreticiyi izleyin.

1. 2016'da kontrol edilecek 20 JavaScript kitaplığı

JavaScript kitaplıkları, herhangi bir tasarımcı veya geliştiricinin aşina olması için inanılmaz derecede kullanışlı bir araçtır. Sitenize bazı süper güçlü işlevler ekleyebilir veya tasarımı geliştirerek kullanıcılarınız için daha iyi bir deneyim sağlayabilirler.

Dışarıda sonsuz sayıda kaynak olmasına rağmen, bu 20 JavaScript kitaplığının sitenizi 2016'da kesinlikle bir sonraki düzeye taşıyacağını düşünüyoruz.

Bu, 2016'daki en iyi WordPress ve tasarım makaleleri listemizi tamamlıyor! Favorilerinizden bazıları nelerdi? Listemizi büyütmemize yardımcı olmak için bağlantılarınızı aşağıdaki yorumlarda paylaşın!