Elementor'da bir sütuna nokta efekti eklemek ister misiniz?

Elementor için mükemmel web sitesi oluştur, vurgunun tasarım üzerinde olduğu. Elementor'da web sitenizi daha etkileşimli hale getirmek için animasyon efektleri ekleyebilirsiniz.

Elementor destekli bir sayfaya ekleyebileceğiniz animasyon efektlerinden biri nokta efektidir. Bir bölüme, sütuna veya widget'a nokta efekti ekleyebilirsiniz.

Bu makale size Elementor'da bir sütuna nasıl puan ekleyeceğinizi gösterecektir. Bu arada, Elementor'da yeniyseniz, öğrenmek için önceki makalemize başvurabilirsiniz. Elementor nasıl kurulur.

Elementor'da bir sütuna nokta efekti nasıl eklenir

Elementor'da sütun gerekli bir öğedir. Bu, sayfanızı oluşturmak için gerçek tasarım öğeleri olan widget'ları ekleyebileceğiniz yerdir. Elementor'daki diğer öğe türlerinde olduğu gibi, onu zarif hale getirmek için bir sütunu da özelleştirebilirsiniz.

Fareyle üzerine gelme efekti için düz renkli arka plan, görüntü arka planı, gölge ekleyebilirsiniz. Elementor'un yerleşik vurgulu efekti, işaret ederken farklı bir arka plan, farklı bir kenarlık ve farklı bir alt gölge kullanmanıza olanak tanır.

Elementor'da bir sütuna nokta efekti eklemeye başlamak için, sütun ayarları paneline geçmek için önce nokta efektini eklemek istediğiniz sütunun tutamacına tıklayın.

Elementor'da bir sütuna nokta efekti ekleme

Ayarlar panelinde (sol taraftaki panel), sekmeye gidin stil ve bloğu aç Arka fon. İkincisinde, sekmeyi açabilirsiniz AU GENEL BAKIŞ işaret durumuna farklı bir arka plan ayarlamak için.

Düz renkli bir arka plan, degrade renkli bir arka plan veya bir görüntü arka planı kullanabilirsiniz. Ayrıca geçiş süresini (normal durumdan işaretleme durumuna geçiş) ayarlayabilirsiniz. Geçiş süresi seçeneği.

İşaretleme durumunda farklı bir kenarlık ve farklı bir kutu gölgesi ayarlamak için bloğu açabilirsiniz. Sınır. Sekmesine tıklayın GENEL BAKIŞ  ve işaretleme durumu için kenarlık stilini, kenarlık boyutunu, kenarlık rengini, kenarlık yarıçapını ve alan gölgesini ayarlayın.

Elementor'da bir sütuna gelişmiş bir vurgulu efekti ekleme

Aksine Divi OluşturucuElementor, vurgulu etkisi için CSS dönüşümünü kullanmaz. Bu nedenle, yalnızca temel vurgulu efektleri ekleyebilirsiniz. Ama Elementor (profesyonel sürüm) gibi özel CSS eklemenizi sağlar, gelişmiş vurgulu efekti eklemek için CSS dönüşümü eklemek için özel CSS kullanabilirsiniz.

Rollover efektleri, CSS dönüşümü kullanılarak oluşturulur. Bir sütuna bir CSS dönüşümü eklemek için önce şuraya gidin: Gelişmiş sekmesi ve bloğu aç özel CSS (ayarlar panelinin sütun ayarları paneli modunda olduğundan emin olun). Aşağıdaki CSS kodunu ekleyin.

Elementor'da bir sütuna nokta efekti ekleme

Kod:

seçici: üzerine gelin {geçiş: tüm .2'ler içeri-dışarı kolaylığı; dönüştürme: ölçek (1.1); imleç: nokta; z-endeksi: 1; }

CSS dönüşümünün kendisinde kullanabileceğiniz 5 dönüşüm stili vardır:

  • Matris
  • çevirmek
  • ölçek
  • Döndür
  • çarpık

Yukarıdaki CSS kodu, ölçek dönüşümünü kullanır. İstediğiniz dönüştürme stiliyle değiştirebilirsiniz.

okumak cette sayfa CSS dönüşümü hakkında daha fazla bilgi edinmek için.

Diğer ek premium WordPress eklentileri 

Diğerlerini de keşfedin WordPress eklentileri WordPress blogunuzun veya web sitenizin performansını optimize eden premium.

1. Görsel Restoran Rezervasyonu

sistemi oluştur Online Rezervasyon Bu mükemmel premium WordPress eklentisi sayesinde restoran veya kafe web sitenizin İkincisi ile, bu eklentinin sunduğu ızgarada kendi başınıza masalar ve koltuklar oluşturma ve müşterilerinizin ücretsiz olanları rezerve etme olanağına sahip olacaksınız, bu eklentinin ana özelliği ve onu diğer eklentilerden ayıran şey budur. bu liste.Görsel restoran rezervasyonu

Sürükle ve Bırak özelliğini kullanarak, farklı türdeki masaları restoranınızın ızgarasına sürükleyebilir ve her masa için maksimum koltuk sayısını ve masa sayısını hesaplayabilirsiniz. Restoranınızın ziyaretçileri şunları yapabilir: tercih ettikleri tablonun şeklini ve tablonun ızgaradaki diğer tablolara göre konumunu seçin.

Senin için burada Kategori açıklamalarını ve etiketlerini optimize etmek için 5 WordPress eklentileri

Restoranınızın müşterileri, bu seçimi seyahat etmek yerine doğrudan İnternet üzerinden yapmaktan mutluluk duyacaktır. Bu eklenti ile bugün onları neyin bekleyeceği hakkında bir fikir edinebilecekler.

Diğer özelliklerin yanı sıra şunları sunar: Sürükle ve Bırak desteği, 3 tip rezervasyon sistemi, oldukça sezgisel kullanım, düzeninin tamamen özelleştirilmesi ve daha fazlası.

Indir | gösteri | Web hosting

2. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises yerel, tedarikçi listeleri vb. Mapsvg eklentisi wordpress dizini

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Ayrıca bizim makalemizi okuyun. Ziyaretçilerinizi web sitenizde daha uzun süre nasıl tutabilirsiniz?

Indir| gösteri | Web hosting

3. kaydırıcı Devrimi

Slider Revolution, içeriğinizi güzel bir şekilde görüntüleyen yenilikçi ve duyarlı bir WordPress carousel eklentisidir. Kaydırıcı veya atlı karınca, sürükle ve bırak görsel editörü, örneğin şirketinizin hikayesini anlatmanıza, en iyi ürünlerinizi, en iyi makalelerinizi ve daha fazlasını vurgulamanıza olanak tanır.

kaymak devrim duyarlı wordpress eklentisi

Ayrıca bizim keşfetmek 10 WordPress eklentileri kolayca bir açılır pencere oluşturmak için
Başlıca özellikleri şunlardır: mükemmel bir slayt oluşturma arayüzü, sürükle ve bırak slayt tasarımı, tamamen duyarlı düzen, multimedya içeriğinin mükemmel yönetimi, optimize edilmiş performans, Çok dilli destek, mükemmel müşteri desteği, dokunmatik ekran desteği, ücretsiz ve düzenli güncellemeler, belgeler ve öğretici videolar mevcut ve çok daha fazlası.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Elementor'da bir sütuna nasıl nokta efekti ekleneceğini gösteren makalemiz bu kadar. Eğer varsa yorumlar veya önerilerinizi, bize ayrılmış bölümde bildirmekten çekinmeyin.

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş

...