Bir Desen Arka Planı Bulmak için En İyi 5 Yer (+ WordPress'e Nasıl Eklenir)

WordPress sitenizi renklendirmek için mükemmel desen arka planına mı ihtiyacınız var? İyi kullanıldığında arka plan desenleri, içeriğinizden dikkatinizi dağıtmadan sitenizin tasarımını geliştirmenize olanak tanır. Ancak, düz bir renk kullanmaktan biraz daha fazla çaba harcarlar. Yani, WordPress sitenize eklemeye başlamadan önce gerçekten beğendiğiniz bir desen arka planı bulmanız gerekecek.

Bu amaçla, bu gönderiyi size WordPress siteniz için arka plan desenleri bulabileceğiniz beş harika yer vererek geçireceğim. Ardından, bunları nerede bulacağınızı söyledikten sonra, ister Divi ister başka bir tema kullanıyor olun, bu arka plan desenlerini kendi WordPress sitenize nasıl ekleyeceğiniz konusunda size birkaç farklı yöntem vereceğim.

Web Siteniz İçin Bir Desen Arka Planı Bulmak için 5 Faydalı Yer

Aşağıda, siteniz için kullanabileceğiniz çeşitli desen görüntü arka planlarına göz atabileceğiniz sitelerin bir listesini bulacaksınız. Bunlar belirli arka planlar değil, kaliteli arka planlar bulmak için kullanabileceğiniz aranabilir koleksiyonlardır.

1. Toptal'dan İnce Desenler

Toptal'dan İnce Desenler, şaşırtıcı olmayan bir şekilde sitenizin geri kalanını alt etmeyecek ince arka plan desenleri sunan bir desen arka plan kitaplığıdır.

Bu yazıyı yazarken Toptal'dan Subtle Patterns, %100 ücretsiz olarak kullanabileceğiniz 431 farklı desen arka planı sunuyor. Kalıpları kullanmak için yapmanız gereken tek şey kaynak kodunuza kredi bırakmaktır. Krediyi ön uç sitenize yerleştirmeniz gerekmez.

Siteyi kullanmak için gerekli kadar izi yok – yapmanız gereken tüm seçtiğiniz arka plan PNG dosyasını içeren bir ZIP dosyası almak için tıklayın İndirme olduğunu.

Ayrıca, bir desenin üzerine geldiğinizde Önizleme düğmesine tıklayarak İnce Desenler sitesinde her bir arka planın canlı önizlemesini alabilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

2. İnanılmaz Desen Kitaplığı

Amazing Pattern Library, sitenize desen arka planları eklemek için başka bir yardımcı kaynaktır. Yaratıcıların sözleriyle, "Bu devam eden proje, tasarımlarınızda özgürce kullanmanız için oradaki en yetenekli tasarımcılar tarafından paylaşılan kalıpları derler."

Tüm desenler Toptal koleksiyonunda bulunanlar kadar incelikli değildir, ancak yine de birçok iyi seçeneğin yanı sıra bir dizi başka stil bulabilirsiniz.

Kalıplara göz atmak için sağ üstteki yukarı veya aşağı okları kullanabilir veya tamamen rastgele bir kalıp görmek için tıklayabilirsiniz. Beğendiğiniz bir desen bulduğunuzda, dosyayı doğrudan indirmek için tek yapmanız gereken sol üst köşede gezinmek.

Fiyat: Ücretsiz | Daha fazla bilgi

3. Modelleme

Patterninja, önceden hazırlanmış bir desen arka planı listesi yerine, kendi başınıza desen arka planları oluşturmanıza yardımcı olan temiz bir araç olduğu için biraz farklı bir yaklaşım benimsiyor.

Kendi resimlerinizi yükleyebilir veya arka planlarla iyi çalışan mevcut bir dizi resim arasından seçim yapabilirsiniz. Ayrıca resimlerinizin arkasında görünen çekirdek arka plan rengini de değiştirebilirsiniz.

Aracın kullanımı oldukça kolaydır ve hem tasarımcılar hem de tasarımcı olmayanlar için faydalı olmalıdır.

Deseninizi bitirdikten sonra, kendi sitenizde kullanmak için PNG veya SVG olarak indirebilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

4. Kahraman Kalıpları

Hero Patterns, tasarımcı Steve Schoger'dan ücretsiz bir desen arka plan kaynağıdır. Kendi sözleriyle, "web projelerinizde kullanmanız için tekrarlanabilir SVG arka plan desenlerinin bir koleksiyonudur."

Koleksiyon diğerleri kadar geniş olmasa da, sağlam bir çeşitlilik sunuyor. Ve arka plan ve ön plan renklerini ve opaklığı doğrudan sitede kolayca değiştirebilirsiniz.

Steve'in daha fazla arka plan ekleme planları var, bu nedenle bu kaynak giderek daha iyi hale gelmeli.

Fiyat: Ücretsiz | Daha fazla bilgi

5. Desen8

Pattern8, ücretsiz olarak kullanabileceğiniz tekrarlanabilir arka plan desenleri koleksiyonudur. Stiller, temel arka planlardan Noel temalı stillere kadar her şeyi kapsayan geniş ve çeşitlidir.

Sitenizin tasarım şemasına uyan renklere göre daraltmak için arama yaparak veya tıklanabilir renk filtrelerini kullanarak koleksiyonu sıralayabilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

Seçtiğiniz Desen Arka Planını WordPress Sitenize Nasıl Eklersiniz?

Çoğu zaman, WordPress sitenize WordPress Özelleştiriciyi kullanarak bir arka plan resmi eklemek oldukça kolaydır, ancak bazen WordPress Özelleştirici kullanmıyorsa temanızın özel ayarlar panosuna da girmeniz gerekir.

Bu bölümde size hem Divi hem de Twenty Fifteen temasına nasıl arka plan resmi ekleyeceğinizi göstereceğim, ancak arka plan resimlerini destekleyen iyi kodlanmış bir tema kullandığınız sürece, aynısını uygulayabilmelisiniz. WordPress sitenize yöntemler.

Divi'ye Desen Arka Planı Nasıl Eklenir

Divi ile WordPress sitenize desen arka planı eklemek için Divi → Tema Özelleştirici seçeneğine gitmeniz gerekir. Ardından, WordPress Özelleştirici arayüzünde Genel Ayarlar'a ve ardından Arka Plan'a tıklayın :

İstediğiniz resmi yükleyin. Ardından, Kutulu Düzen kullandığınız sürece ( tam genişlikte bir düzen kullanıyorsanız arka planınız görünmez), arka planınızın göründüğünü görmelisiniz. Arka plan resminizi yüklediğiniz noktanın altında döşeme ve tekrar ayarlarını da değiştirebilirsiniz.

Bir Divi Modülüne veya Satırına Desen Arka Planı Nasıl Eklenir

Sitenizin tamamı yerine tek bir Divi modülüne veya satırına desen arka planı eklemeyi tercih ederseniz, biraz farklı bir yaklaşıma ihtiyacınız olacaktır.

Divi oluşturucudayken, istediğiniz modül veya satır için Ayarlar açılır penceresine girmek için tıklayın. Ardından Tasarım sekmesine gidin. Önceki yöntemde olduğu gibi, arka plan resminizi yükleyebilir ve stilini seçebilirsiniz:

Divi Builder'daki yeni arka plan seçenekleriyle, arka planınızı şekillendirmek için başka birçok seçeneğiniz de var.

Yirmi Onbeş'e Desen Arka Planı Nasıl Eklenir

Yirmi Onbeş'e desen arka planı eklemek Divi'ye desen arka planı eklemeye benzer. Görünüm → Özelleştir seçeneğine gidin . Ardından Arka Plan Resmi seçeneğini seçin ve istediğiniz resmi yükleyin:

Değişikliklerin güncellendiğini hemen görmelisiniz. Bir şeyleri daha fazla düzeltmek istiyorsanız, tekrarlamayı ve konumlandırmayı da değiştirebilirsiniz.

Bonus – Bir Eklentiyle Arka Planlar Ekleyin

Temanız size arka plan resimlerini değiştirmek için kolay bir seçenek sunmuyorsa, temanızın CSS dosyalarına girmeden önce yine de bir seçeneğiniz daha olabilir.

Pippin Williamson, uygun şekilde kodlanmış herhangi bir WordPress temasına özel arka plan resimleri eklemenize izin veren Tam Ekran Arka Plan Resimleri Pro adlı premium bir eklentiye sahiptir. 18 dolara mal oluyor, ancak CSS ile ellerinizi kirletmek istemiyorsanız kullanmanız da daha kolay.

Eşyaları Sarmak

WordPress sitenizde desen arka planı kullanmak, statik renkli arka plandan daha ilginç bir tasarım oluşturmanıza olanak tanır. Yine de sıfırdan bir tane oluşturmak yerine, listelediğim beş siteden herhangi biri siteniz için kaliteli bir arka plan bulmanıza yardımcı olabilir.

Ardından, WordPress Özelleştirici, Divi Builder, bir eklenti veya özel CSS kullanarak seçtiğiniz arka plan resmini WordPress sitenize ekleyebilirsiniz.

Şimdi sıra sizde – web sitelerinde düz renkleri mi yoksa desenli arka planları mı tercih edersiniz? Yoksa her bir sitenin kendine özgü estetiğine mi bağlı?

PhotoAmpRetouch / Shutterstock.com tarafından sağlanan makale küçük resmi