Elementor Kullanarak WordPress'te Arka Plan Resmi Nasıl Eklenir

Elementor kullanarak WordPress'e arka plan resmi eklemek hızlı ve kolay bir işlemdir. Birkaç basit adımı izleyerek, WordPress sitenize diğerlerinden farklı olmasını sağlayacak güzel bir arka plan resmi ekleyebilirsiniz. İlk önce uygun bir resim bulmanız gerekecek. Kullanabileceğiniz birçok ücretsiz stok fotoğraf kaynağı vardır veya bir stok fotoğraf sitesinden görsel satın alabilirsiniz. Bir resim bulduktan sonra, bilgisayarınıza indirin. Ardından, WordPress yönetici alanını açın ve Elementor > Arka Planlar'a gidin. Burada, şu anda mevcut olan tüm arka plan resimlerinin bir listesini göreceksiniz. Kullanmak istediğiniz resmi bulun ve “Yükle” düğmesine tıklayın. Bilgisayarınızdan resim dosyasını seçin ve “Postaya ekle” düğmesine tıklayın. Arka plan resminiz şimdi WordPress sitenize eklenecek. Sitenizin ön ucuna giderek nasıl göründüğünü önizleyebilirsiniz. Arka plan görüntüsünün konumunu değiştirmek istiyorsanız Elementor > Arka Planlar'a gidin ve "Düzenle" düğmesini tıklayın. Burada görüntüyü istediğiniz yere sürükleyip bırakabilirsiniz. Arka plan resminize bir paralaks efekti de ekleyebilirsiniz. Bu, sayfayı aşağı kaydırırken hareket ediyormuş gibi görünmesini sağlayacaktır. Bunu yapmak için Elementor > Arka Planlar'a gidin ve "Paralaks" düğmesine tıklayın. Elementor kullanarak WordPress'e bir arka plan resmi eklemek için hepsi bu kadar. Bu basit adımları izleyerek, sitenize diğerlerinden farklı olmasını sağlayacak güzel bir görseli kolayca ekleyebilirsiniz.

Arka plandaki bir görüntü, bir sayfaya karakter duygusu katabilir ve farklı hissettirebilir. Bu ders, Elementor kullanarak sitedeki bölümlerin her birine nasıl arka plan ekleyeceğiniz konusunda size yol gösterecektir. Buradaki renkler ve gradyan efektleri, renkten görüntüye kadar her şey olabilir. Bir görüntü seçerek arka planı, eki, tekrarı ve boyutu ayarlayabilirsiniz. Bu durumda, görüntü dokuz konumdan birine odaklanacaktır. Bir öğenin arka plan görüntüsü tamamen eksikse, öğenin içinde çoğaltılıp çoğaltılmayacağını belirtir. Ayrıca, görüntüyü istediğiniz sırayla sürükleyip bırakmanıza izin verecek özel bir seçenek de ekleyebilirsiniz.

Kapak resmi boyutunu kullanırsanız, arka plan resmi tüm bölüme sığacak şekilde ölçeklenir. Görüntü 1.200 piksel genişliğinde ancak yalnızca 1000 piksel uzunluğundaysa, kırpılan görüntü ekranın sol üst kısmına (1.250 piksel) sığacaktır. Elementor, boyutu tercih edilirse çoğu durumda Kapak ile birlikte kullanılabilir. Bölüm'e giderek görüntünün yüksekliğini değiştirebilirsiniz. Görüntü alanı yüksekliğine ek olarak - yüzde birler, VH, görüntü alanı yüksekliğini tanımlamak için kullanılabilir. VH değerini %100 olarak kullanırsanız, çözünürlükten bağımsız olarak tüm ekran yüksekliğini doldurabilirsiniz.

Resim etiketi bir kaynak ve alt özniteliği içermelidir. Bir HTML dosyasının gövde bölümü, diğer tüm HTML öğelerinde olduğu gibi görüntüleri içerir. HTML görüntüleri boş bir öğeden oluşur, yani bir kapanış etiketine sahip değildirler.

Elementor Web Sitemin Arka Planını Nasıl Değiştiririm?

Elementor web sitenizin arka planını değiştirmek için önce WordPress hesabınıza giriş yapın ve Elementor > Kitaplığım'a gidin. "Yeni Ekle" düğmesini tıklayın ve açılır menüden "Arka Plan"ı seçin. Arka planınız için bir başlık girin ve ardından resminizi yüklemek için “Dosya Yükle” düğmesini tıklayın. Resminiz yüklendikten sonra, "Gönderiye ekle" düğmesini ve ardından "Yayınla" düğmesini tıklayın.

Bu yazıda, bir arka planı kolayca nasıl renklendireceğimizi gözden geçireceğiz. Bu makalenin bir parçası olarak, Elementor sayfasının veya gövdenin arka planının rengini nasıl değiştireceğimize bakacağız. Alternatif olarak, renk paletinin altındaki metin kutusuna istediğiniz rengin HEX kodunu girin. Renk, seçtiğiniz anda Elementsor sayfasına otomatik olarak uygulanacaktır. Elementor öğesinin düzenleme bölmesine erişilebilir. Bir öğenin sağ üst köşesindeki simgeye sağ tıklayın. Açılır menüyü tıklayarak, Sütunu Düzenle seçeneğine erişebilirsiniz. Kolonun arka planının rengi paletten seçilmelidir. Sonuçlar büyük ölçüde iyileşecek ve web geliştirmenizi geliştirecek güzel görünümlü web siteleri oluşturabileceksiniz.

Bir WordPress Sayfasını Düzenlemek İçin Elementor Nasıl Kullanılır

İlk adımda, düzenlemek istediğiniz sayfayı seçmeniz istenecektir. Seçtiğiniz anda sayfanın ön ucuna gidebilirsiniz. Sayfanın sol tarafında içeriği, sağ tarafında ise düzeni bulacaksınız. Sayfa düzenine geldiğinizde, sol üst köşede “Elementor” sekmesi görünecektir. Bu sayfayı düzenlemek için ihtiyaç duyduğunuz araçlar bu sekmede listelenmiştir. İlk araç “Düzen” aracıdır. Araç, sayfanın düzenini değiştirmek için kullanılabilir. İkinci araçta “Metin” aracı kullanılır. Bu araç yardımıyla bir sayfadaki metni değiştirebilirsiniz. “Css” aracı, satırdaki üçüncü araçtır. Bu araçla metninizin stilini ve düzenini değiştirebilirsiniz. Dördüncü araç “Görüntüler” aracıdır. Bu araç, bir sayfadaki görüntüyü değiştirmenizi sağlar. "Tarzlar" aracı olarak da bilinen beşinci araç, Araçlar listesinin bir alt kümesidir. Sonuç olarak, bu aracı kullanarak resimlerin ve metnin görünümünü değiştirebilirsiniz. Altıncı araç “Önizleme” aracı olarak bilinir. Bu aracı kullanarak bir sayfada nasıl değişiklik yaptığınızın bir önizlemesini görebilirsiniz. Son adım, sayfada gerekli değişiklikleri yapmaktır. Ayarları düzenlemek istiyorsanız, “Düzenle” düğmesine tıklamanız yeterlidir. İçerik düzenleyici, bu düğmeyi bulacağınız yerdir. Burada sayfa rengi gibi istediğiniz herhangi bir şeyi değiştirebilirsiniz.

Elementor Arka Plan Resmi Gösterilmiyor

Elementor web sitenizde arka plan resmi görünmüyorsa, bunun birkaç nedeni olabilir. Resim doğru yüklenmemiş olabilir veya URL ile ilgili bir sorun olabilir. Alternatif olarak, Elementor düzenleyicisi "yayınla" moduna ayarlanmadığından görüntü görünmüyor olabilir. Bunu düzeltmek için editörün sağ üst köşesindeki "yayınla" düğmesini tıklamanız yeterlidir.

Elementor Eklentisi Çalışmıyor mu? Diğer Eklentileri Kaldırmayı Deneyin.

Elementor ile çakışan ve çalışmasını engelleyen başka bir eklenti olabilir. Bu işe yaramazsa, eklentiyi kaldırmanız ve çalışıp çalışmadığına bakmanız gerekebilir. Durum böyle değilse, eklentinin geliştiricisiyle iletişime geçmeniz gerekecektir.

Elementor Şeffaf Arka Plan Resmi

Benzersiz ve ilginç tasarımlar oluşturmak için şeffaf arka plan resimleri kullanılabilir. Doğru kullanıldığında sayfanıza derinlik ve boyut duygusu katabilirler. Ancak dikkatli kullanılmazlarsa sayfanızı darmadağın ve meşgul gösterebilirler. Saydam arka plan görüntülerini etkili bir şekilde kullanmanıza yardımcı olacak birkaç ipucu: – Derinlik hissi yaratmak için şeffaf bir arka plan görüntüsü kullanın. Metin veya diğer resimler gibi sayfanızdaki diğer öğelerin arkasına yerleştirin. – Aksi takdirde sade bir tasarıma ilgi eklemek için şeffaf bir arka plan resmi kullanın. – Bir sayfada çok fazla şeffaf arka plan resmi kullanmamaya dikkat edin, çünkü bu, sayfanın dağınık görünmesine neden olabilir. – Şeffaf arka plan resminiz için yüksek kaliteli bir resim kullanın. Bu, görüntünün net ve keskin görünmesini sağlamaya yardımcı olacaktır.

Bu görüntü, Elementor için en güzel Simge Arka Planlarından bazılarını içerir. Simgeleri bölümlerin arka planı olarak nasıl kullanıyorsunuz? Fontawesome'ı Fontawesome ile kullanırken de kullanabilirsiniz. Videoda, lisansa göre simgeleri nasıl filtreleyeceğinizi ve bunları nasıl değiştireceğinizi öğreneceksiniz. Öğrendiklerimizden yola çıkarak oluşturabileceğimiz bazı demo bölümleriyle başlayacağız. Bunu, simgenin rengini döndürecek ve değiştirecek olan http://vectorpaint.yaks.co.nz web sitesini ziyaret ederek yapabilirsiniz. ( Illustrator'ı da kullanabilirsiniz.) Simgeyi değiştirmeyle ilgili daha ayrıntılı talimatlar videoda bulunabilir. Bir simgeyi nasıl canlandıracağınız hakkında daha fazla bilgi edinmek istiyorsanız bana bildirin; bu makalede ele alınan konular bu makalenin kapsamını aşmaktadır.

Elemento'da Görüntü Opaklığı ile Çalışma

Elementor ile çalışırken bir görüntünün görünürlüğünü ayarlamak genellikle avantajlıdır. Bölüm'de, menü seçenekleri Elementor'un Site Ayarları > Görüntüler paneli ve Elementor'un Stili > Arka Plan Yerleşimi bölümünü içerir.

Elementor Çoklu Arka Plan Görüntüleri

Elementor düzenleyicisini kullanarak bir öğeye birden çok arka plan görüntüsü eklemek mümkündür. Bu, yeni bir arka plan görüntüsü katmanı ekleyerek ve ardından kullanmak istediğiniz görüntüleri seçerek yapılabilir. Görüntüler, ilk görüntü en alttaki katman olacak şekilde üst üste yığılacaktır.

Bir Elementor'daki Tüm Elementlerde Bir Görüntüyü Nasıl Duyarlı Yapabilirim?

Yerleşik Duyarlı Mod, düzeninizi Elementor'da kullanıma sunulmadan önce masaüstü olmayan cihazlarda test etmenize olanak tanır. Duyarlı Mod'a erişmek için Elementor Panelinin en altına gidin ve Tablet simgesini seçin; görüntü, sütun ve etkin nokta, küçük ekranlar göründüğünde otomatik olarak büyütülmelidir.