Elementor Process Widget’ı kullanarak adım akışı nasıl yapılır

Ne tür bir web sitesine sahip olursanız olun, sadece kaliteli içeriğe sahip olmak değil, aynı zamanda ilginç bir şekilde görüntülenebilmek de önemlidir. Neyse ki, birçok araç çeşitli bilgileri ve verileri yaratıcı bir şekilde paylaşmamıza izin verir. Sitenizin modern nüanslarını vurgulamak, daha iyi içerik yapıları elde etmek için anahtarlar ve akorlar kullanmak için bir paralaks efekti ekleyebilirsiniz ve işlem widget’ı çok değerlidir, çünkü karmaşık verileri net, ilginç ve ilginç bir şekilde göstermemize izin verir. Bir tür süreç görüntülenmeyi ima eden herhangi bir içeriğiniz varsa, bunu kullanıcılarınızla basit, net ve özlü bir şekilde paylaşabilmeniz önemlidir, ancak bununla ilgili önemli ayrıntıları kaybetmeyin. Çevrimiçi mağazalar değerli bir süreç widget’ı bulacaktır çünkü çevrimiçi satın alma sürecini adım adım göstermek için kullanılabilir, şirket çalışma prosedürlerini şirketlerinde nasıl görüldüğünü paylaşabilir, tıbbi web sitesi iyileşme sürecini aşamalar, her türlü türde görüntüleyebilir. İş akışları faz ile görsel olarak temsil edilebilir – olasılık sınırsızdır.
Bu makalede, web sitenizdeki işlem widget’ını yönetmenin ve ayarlamanın kolay bir yolunu göstereceğiz. Burada daha fazla bilgi edinmek için burada kalın:
Eleman Proses Widget için Qi eklentileri
Process Widget – İçerik sekmesi seçeneği
Proses Widget – Stil Sekmesi Seçeneği
Örnek

Eleman Process Widget için Qi eklentileri
Elementor için Qi eklentileri, web sitenize işlevsellik dışında zarif bir atmosfer ekleyen güçlü, çok yönlü ve kullanımı çok kolay bir araçtır. Şu anda, bu araç web’deki en büyük ücretsiz eklenti koleksiyonudur ve herhangi bir kodlama bilgisi olmadan web sitelerini etkili öğelerle zenginleştirmeyi tamamlayan yeni başlayanlar için bile kolaylaştıran 60 ücretsiz widget içerir. Dahil edilen işlem widget’ları birçok ayar seçeneği ile birlikte gelir ve web sitenizin ihtiyaçlarına ve stiline uygun her türlü iş akışı ve işleminin güzel bir görünümünü oluşturmanıza olanak tanır. Yan işlem widget’ını sürükledikten sonra, düzenleyebileceğiniz varsayılan ekranı alacaksınız. . Widget’ın temanız tarafından kullanılan yazı tipini kullandığını belirtmek önemlidir, bu nedenle bu bölümde tekdüzelik istiyorsanız, onu değiştirmenize gerek yoktur.

Bir işlem widget’ı hazırlama seçeneği içerik ve stil seçeneğidir. Burada işlem widget’ımızda hangi öğeleri istediğimizi seçeceğiz ve stil açısından neye benzediğini belirleyeceğiz. Birçok ayar ayarı var, ancak ayarlar çok temiz, bu nedenle seçenekleri denemek ve denemek çok kolay hissedeceksiniz.

İşlem Widget – İçerik sekmesi seçeneği

İşte genel seçenekler, animasyon seçenekleri, süreç düzenleri ve kullanışlı geliştirici araçları, aynı zamanda eklentinin kendisinden talimatlar ve destek bulabileceğiniz yardımlar.
Genel seçim
İhtiyacınız olan ilk şey, widget’ın kendisinin genel ayarlarını hazırlamaktır.
Burada sütun sayısını seçiyoruz ve tüm öğelerinizin bir satırda olmasını istiyorsanız, sütun sayısı için öğe sayısını seçeceksiniz. Değilse, öğeden daha az bir sütun koyarsanız, öğe 2 veya daha fazla satır halinde olur veya öğeden daha fazla sütun seçerseniz, o satırda boş alanınız olacaktır. Kaç öğeyi istediğinizi bilebilirsiniz. Bunu oluşturmaya başlar başlamaz, hemen düzenlemek istiyorum ve elbette bu ayarı daha sonra da ayarlayabilirsiniz. Önemli ayarlar, işlemimizin farklı boyutlarda cihazlarda nasıl görüleceğini ayarladığımız duyarlı sütunlardır. Önceden tanımlanmış veya özel seçebilirsiniz, bu sizin seçiminizdir. Deneyimlerimize dayanarak, 618-768px boyutu bir sütun kullanırken en iyisi görünüyor, bu yüzden böyle düzenliyoruz.

Öğe elbette sürece öğe eklemeye hizmet eder. İhtiyacınız olduğu kadar ekleyebilirsiniz. Öğeleri kopyalamak ve bunları kaldırma seçeneği vardır.
Her öğe ayrı olarak ayarlanır, spesifik özellikler girilir ve her öğe için belirli öğeleri farklı görünecek şekilde ayarlamak mümkündür. Ancak, tüm öğelerin aynı görünmesini istiyorsanız, her öğede tek tek değil, stil seçeneğinde stili belirleyeceksiniz. Stil seçeneğinde düzenlenen her şey, kuvvet düzenlemesine göre biraz farklı ayarlanan öğenin kendisi hariç, tüm işlem öğeleri için geçerlidir. Ayarlardan geçtiğimizde her şey sizin için açık olacak. Başlık ve metin alanları, belirli işlem adımlarını izleyen metin girmek için kullanılır. Tabii ki, doğal olarak bu durumda her adımın farklı bir başlığı ve açıklaması vardır, böylece bu değerler girebileceğiniz tek yer burasıdır. Bu, metnimizle değiştirildiğinde görünür.

Öğelerin seçimi, başlık ve açıklama olmayan öğe bölümünü ifade eder. Bir öğeyi konumlandırmak için ofset öğelerini kullanırız. Bir sonraki adıma yol açan birimler ve çizgiler içeren daireler bir öğenin bir parçasıdır ve ofset öğelerini ayarlayarak, bu öğeleri aşağı veya yukarı taşırız. Resimde görebileceğiniz gibi, ilk öğe için birkaç ofset belirledik ve şimdi bir sonraki öğe seviyesinin biraz altında. Ofset öğesi seçeneği de belirttiğimiz gibi, orada ayarlanan her şey işlemin tüm öğeleri için geçerlidir. Bu nedenle, tüm öğelerin her öğe için farklı alanlarda olmasını istiyorsanız, ayrı ayrı ofset ayarlayacaksınız.

Boyut sahibi öğeleri, şimdi 1 olan alan boyutları, yani adım sayısıdır ve daha sonra burada başka neler bulunabileceğini göreceğiz. (Tüm öğe sahiplerinin aynı boyutta olmasını istiyorsak, bu seçenek stil seçeneğinde de bulunur). Öğe tipografisi, adım sayısının tipografik özelliklerini ifade eder. Arka plan, öğeye uygun rengi veya arka planı belirlemeye hizmet eder. Ayrıca, birkaç gradyan arka plan ayarlayabiliriz. Tüm öğelerin aynı arka plana sahip olmasını istiyorsak, stil seçeneğinde ayarlayacağız, farklı öğeler için farklı bir arka plan istiyorsak, öğe ayarı boyunca ayarlayacağız. Şimdilik sadece bir arka plan rengi ekleyeceğiz.

Varsayılan olarak, öğe bir daire olarak görüntülenir, ancak belirli bir açıda bir kare veya şekil istiyorsanız, yarıçap öğesi tutucu onu ayarlayacağınız yerdir. Değer 0 olduğunda, doğru açının bir karesidir. Değer ekleyerek, açının nasıl değiştiğini göreceksiniz. Değeri silerseniz, başka bir daire alırsınız. Tüm açılar aynı olmalı, her köşe için farklı değerler ayarlayabilirsiniz. Sınır, genişlik ve renk türleri sınır öğelerine başvurur. Sınırı istemiyorsanız, sınır orada değil.

Tüm öğelerin aynı olmasını istiyorsanız, tüm bu ayarları stil seçeneklerinde de var.

Ofsetin nasıl değiştirileceğini gördük ve şimdi sadece hattın bir sonraki sürece götürdüğü konumu değiştirmemize izin veren iki seçeneğimiz var. Çizgi üst ofseti, hattın konumunu (üst/alt) hareket ettirmek için kullanılır ve döndürme çizgisi onu döndürmek için kullanılır. Aşağıdaki notlarda görebileceğiniz gibi, çizgiyi oynadık ve artık öğenin sağ köşesinde değiliz. Yalnızca öğenin kendisinde bu ayarınız var. Başlangıçta kasten kaçırdığımız simge türü seçeneğiydi, bu, kütüphaneden öğeye ikonlar eklemeye veya SVG simgemizi yüklemeye hizmet etti.

Sırada ne olacağına dikkat edin, sıralama adımlarının sayısı artık öğenin ortasında değil, ayrı bir daire olarak yazılmıştır. Şimdi öğenin öğelerinin ve renklerinin tipografisi simgenin kendisini ifade ediyor. Burada boyutu (tipografik boyut seçeneğinde) ve her simgenin rengi ayarlayacağız.

Yukarıda daha ayrıntılı olarak görmediğimiz başka bir şey, örnekteki ikinci öğe durumunda olduğu gibi öğenin arka plan görüntüsüdür:
Her arka plan görüntüsüne, görüntünün konumu, boyutu ve düz bir arka plan olup olmayacağı veya döner bir etkisi olup olmayacağı ile ilgili bazı ayarlar eşlik eder (Ek Seçenek). Arka plan görüntüsü kullanırken tüm bu seçeneklere sahip olacaksınız.

Genel seçeneği ayarladıktan sonra, işlem widget’ımız şöyle görünüyor:

Animasyon Seçenekleri Görünüyor

Proses widget’ında animasyonlara sahip olabilir – öğeler tek tek yayınlanır ve aynı sırayla görünür ve isteyip istemediğimizi ayarlayacağımız yerdir.

Düzen seçeneği

İki düzen seçeneği vardır – yatay ve dikey işlemler görüntüleyin. Şimdiye kadar, her şeyi yatay olarak gösterdik. Ancak dikey ekranı seçerseniz, seçenek tamamen aynıdır. Dikkat edilmesi gereken tek şey sütun sayısıdır (genel seçeneklerde bunun hakkında konuşuyoruz). Bir sütunda diğerinin altında düzenlenmesini istiyorsak, dikey işlemin her zaman bir sütunu vardır. Örneğimiz için üç sütun ayarladığımız için 3 öğemiz var, widget sütunlarımızdan birini değiştirmeden şöyle görünüyor: Tabii ki, bir sütun hazırlarsak, her şey olması gereken şey olacak:

Geliştirici aracı

Bu seçenek bize ihtiyacımız olursa kısa kodlar şeklinde widget’ları görme yeteneği verir.
Yardım

Bahsettiğimiz gibi, burada widget’ın kendisi için ek yapımcılardan dokümantasyon ve yardım bulabiliriz.
İşlem Widget – Stil Sekmesi Seçeneği

Kuvvet sekmesi, işlemin kuvvetini ayarlama seçeneği sağlar. Bahsettiğimiz gibi, burada düzenlenen her şey, öğenin kendisinde farklı bir şeyin düzenlendiği öğeler hariç, sürecimizdeki tüm öğeler için geçerli olacaktır.

Stil Seçeneği
Burada, renk, tipografi, ofset ile ilgili olanlar gibi öğenin kendisinin tekrarlanan çeşitli seçeneklerini bulabilirsiniz. Öğede olmayan tek şey, başlığın ve metnin nasıl ortalanacağını belirleyen bir hizalamadır. Tüm öğelerin aynı olmasını istiyorsanız, stili burada ayarlayacaksınız. Bizim durumumuzda, çoğunlukla öğeleri ayarlıyoruz çünkü farklı arka plan renkleri, farklı boyutlar ve konumlarımız var. Burada ayarladığımız şey, varsayılan gri olan simgenin rengi olan ve şimdi bizim için siyahlaşan renk öğesidir.

İşlem çizgisinin stilizasyonu – Birkaç tipimiz var, rengi ve kalınlığı ayarlayabiliriz.
Boşluk kuvveti

Boşluklar, altyazıların üzerindeki boşluklar, metnin üstünde ve metnin etrafında dolgu. Bu metnin etrafında dolgu, metin görüntülemesi mümkün olmayan bir alana dolgu koyarak içeriği “dar” hale getirir.
Ek güç
Bu düzenlemeye yalnızca öğemiz eklenen simgeyi içerdiğinde, yani numaranın bulunduğu ek bir alanımız olduğunda. Düzenleme, içinde olduğu sayı ve alana atıfta bulunur. Ek tutucunun rengi, ek sahiplerin sayısının ve tipografisinin, sayının görünümünü ayarlamakla ilişkili olduğu alanın rengidir. Ek tutma boyutu alanın boyutudur ve ek sahiplerin konumu yardımıyla alanın konumunu değiştirebiliriz. Ayrıca sıradan öğe alanına arka plan ekleyebiliriz, ancak her alana tek tek ekleyemeyiz, genel olarak tüm alanlara uygulanacaktır. Arka plan görüntüleri ekledik.
Örnek

Birbirimizi iyi anlayıp anlamadığımızı görelim ve sunumlara dayanarak belirli süreçlerin nasıl gerçekleştirildiğini görebiliriz.Bu, kendiniz yapmanıza ve nereden yöneteceğinizi hemen bilmenize yardımcı olabilir.Yatay örnekler gösterdik.İlk bakışta dikkat edebileceğimiz şey, 3 sütuna ve içinde, numaralı ek simgelerin bize öğenin bir resim değil bir simge olduğunu söylediği öğe olmasıdır, çünkü sadece o zaman görünür.Öğeler farklı renklere sahip olduğundan, bu ayarın genel seçeneklerde değil, öğenin kendisinde yapıldığını biliyoruz.Ayrıca, tüm öğeler aynı alanda olmadığı için ofsetin ayarlanabileceğini de fark edebiliriz.Tüm simgeler ve metin, bunun Stil sekmesi seçeneğinde ayarlandığını söyleyen aynı renge sahiptir.
İkinci örnek, daha karmaşık görünse de, yürütülmesi daha da kolay. Burada, sayfadaki çizgi iki parçaya ayrılmıştır. Solda resim ve sağda süreç var. İşlem, dikey bir düzene sahiptir, yani işlemden sütun sayısı 1 ve 5 öğenin tümü birbirine yerleştirilir. Tüm öğeler diğerinin altında simetrik olarak düzenlenir, bu da ofset ayarlanmadığı anlamına gelir. Tüm metinler aynı özelliklere sahiptir, bu nedenle kuvvet stil sekmesinde düzenlenir. Burada her öğenin bir arka plan görüntüsü olduğunu görebiliriz (ve bu numara için ek sütun yoktur), ancak numaranın varsayılan olarak olduğu gibi öğenin ortasında olmadığını da görebiliriz. Numaranın görüntülenmesini istemiyorsanız numarayı gizlemek için kullanabileceğiniz hileler vardır. Tek yapmanız gereken, genel seçenekte Stil sekmesindeki 0px öğe tipografisinin boyutunu ayarlamaktır. Bu şekilde sayı görüntülenmeyecektir. Bu, işlemi görüntülemek istemiyorsanız, ancak bu widget’ı diğer ihtiyaçlarınız için kullanırsanız ve sayı veya adımı görüntülemenizi rahatsız eder.

Sonuç
Elementor için Qi Addons ile web sitenize bir Process Widget ekleyin sadece kolay değil, aynı zamanda eğlencelidir ve yaratıcılığınızı da ifade etmenizi sağlar. Web sitenizin tasarımını ve işlevselliğini zenginleştirebilmeniz için yolları bulmaya devam etmenizi öneririz. Web siteniz çoğunlukla görsel içeriğe odaklanıyorsa – WordPress web sitenize tam geniş bir sayfa ve satır ekleme hakkında daha fazla bilgi edinmeyi merak edebilirsiniz veya daha iyi bir içerik yapısına ulaşmak istiyorsanız, daha fazlasını bulmak isteyebilirsiniz. WordPress sekmesi hakkında. Bahsettiğimiz gibi, Qi Addons 60 ücretsiz widget ile geliyor, bu nedenle yeni olasılıkları denemek ve denemek bütçeniz için bir tehdit olmayacak, ancak sadece web sitenizi geliştirmeniz ve daha yararlı özellikler eklemeniz için ilham verebilir. Bu makalenin faydalı olduğunu umuyoruz. Eğer isterseniz, bu makalelerin bazılarını okumaktan çekinmeyin!

WOOOCOMMERCE’de ilgili ürünler nasıl silinir
WordPress düğmesinin 4 kolay yolu

WordPress Bildirim Çubuğu Nasıl Ayarlanır Birkaç adımda

Elementor Process Widget'ı kullanarak adım akışı nasıl yapılır