Elementor ile tasarım sürecini hızlandırmak için ipuçları
Elementor’un mevcut WordPress topluluğundaki en iyi sayfa üreticilerinden biri olduğu bir sır değil.Ve bu artık sadece bir sayfa üreticisi değil.Elementor, tek bir kod satırı yazmadan ücretsiz bir WordPress temasıyla bile tamamen işleyen bir web sitesi tasarlayabilecek şekilde geliştirmiştir!Elementor birçok seçenek sunsa da özellikler sunsa da, genellikle web sitesi tasarım süreci üzerinde büyük etkisi olabilecek ayrıntıları ve daha küçük eklentileri kaçırırız.Web sayfalarını öğelerle tasarlamak hızlı ve kolaydır, ancak tasarım sürecini hızlandırmak istiyorsanız, doğru yerdesiniz.Bu makalede, tam editörü bir üçüncü taraf aracı ile kullanarak Elementor ile tasarım sürecini nasıl hızlandıracağınızı öğreneceksiniz.
Hazır bir şablon şablonu ile başlayarak projenizin gelişimini hızlandırabilir. Başından beri yeni bir sayfa tasarlamak zaman alır ve çoğu zaman, sayfanın düzenini ve stilini ayarlamaya devam ederken o zamanı kaybedersiniz. Tam olarak yararlı şablonlar burada. Kütüphane şablonu Elementor, tasarım sürecini hızlandırmak için iyi bir kaynaktır. Hazır bir şablon kullanmasanız bile, şablon kitaplığını her zaman ilham olarak kullanabilirsiniz. Şablonlar doğrudan bir tıklamayla doğrudan sayfaya aktarılabilir. Eleman şablonu iki parçaya ayrılabilir. İlk olarak, örneğin, önceden hazırlanmış sayfaları yukarıdan aşağıya aktarmak istediğinizde, tüm içerikle bir tam sayfa (bir sayfa hakkında veya iletişim gibi) içe aktarabilirsiniz. İkinci seçenek, yalnızca parça veya tasarım bloklarını içe aktarmak istiyorsanız. Örneğin, hizmetin bir kısmını, kahramanı, bize ulaşın veya bölümlere abone olunursanız bunu yapabilirsiniz. Web’de ücretsiz ve olağanüstü premium şablon koleksiyonları mevcuttur. Envato Pazarı
Envato Market muhtemelen sadece Elementor şablonları için değil, WordPress temaları ve eklentileri için de en popüler pazardır. Şablon canavarı
cmd + fift + v
sil Parçayı, sütunu veya widget kuvvetini yapıştırın
sil
Düzenlenen bölüm/sütun/widget
Duprice
ctrl/cmd + d
Bölümün iki katına çıkar/sütun/widget düzenlendi
Sayfalarınızı revizyon geçmişine kaydedin
Hücresel Düzenleme Masaüstü, tablet ve hücresel ekranlar arasında geçiş
geçmiş
Ctrl/cmd + h
panel geçmişini aç
navigator
ctrl/cmd + i
Navigatörü aç + shift + l
Sermaye kitaplığı şablonlarımız
td> ctrl/cmd +?
CSS Özellikle sayfa için özel bir CSS'ye sahip olabileceğinizi biliyorsunuz. her sayfa? Evet, ancak bu özelliğin yalnızca Elementor'un Pro sürümüne dahil olduğunu unutmayın. Bir çözüm olarak, her sayfa için nasıl özel bir CSS ekleyeceğinizi göstereceğim. Bu hile paranızı tasarruf edecektir.
/*Buradaki özel CSS kodunuz*/
.Element p {
kırmızı;
Yazı tipi boyutu: 25px;
Metin dekorasyonu: alt hat;
Hat yüksekliği: 40 piksel;
}
Bu örneğe bakın:
Bir sayfa tasarımı üzerinde çalışırken, başka bir sayfaya, ayarlara, satış sayfalarına veya herhangi bir yere atlamak istersiniz ve bir sayfaya geri kaydet> gösterge panelinize geri dönerseniz zaman alabilir. Sayfa> Açmak istediğiniz bir sayfa bulun. Bu, tekrar tekrar yapmanız gerekiyorsa çok fazla zaman ve enerji harcayabilir.
Neyse ki, Elementor tasarım sürecini kolaylaştırmak ve hızlandırmak için doğuştan gelen bir çözüme sahiptir. Tüm bu problemler yerine, yalnızca Finder Elementor'ı kullanmanız gerekir. Arama çubuğunda arama yaparak doğrudan ayarlara, şablonlara, sayfalara veya herhangi bir temanın bölümüne atlayabilirsiniz. Finder, WordPress panosunun herhangi bir yerinde CMD/CTRL + E düğmesini tıklayarak erişilebilir. Finder ile yapabileceğiniz her şeyi görmek için bu videoyu izleyin.
Sağ -Herhangi bir öğeye tıklayın ve ardından Navigator'ı tıklayın. Bu, sizi otomatik olarak navigasyon ağaçlarındaki belirli öğelere yönlendirecektir.
Altbilgi panelindeki öğe düğmesini tıklayın.
CMD/CTRL + I klavye kısayollarını kullanın.
Bu videoyu eylemde görmek için izleyin:
Navigator ayrıca widget'ları adlandırma, widget'ları daraltma ve genişletme, panelleri yüzer veya takma ve widget'ları görüntüleme veya gizleme gibi başka işlevlere de sahiptir. İncelemenin tamamını belgelerde görebilirsiniz. Renk paletinizi belirleyin, genellikle web siteleri tasarlarken, tasarımcı tarafından yapılan tasarım desenlerini takip ederiz. Bu desen genellikle site genelinde tekrar eden renklerin bir kombinasyonunu içerir. Bu, değişmeden kalması gereken markanın rengidir. Bu, sayfamıza her yeni bir widget eklediğimizde, renk kodunu kopyalamamız gerektiği veya widget ayarlarında hangi renk kodunu uygulayacağını hatırlamamız gerektiği anlamına gelir. Bunu yapmak zaman alabilir. Neyse ki, Elementor'un bizim için bir çözümü var.
Markanızın rengini renk seçici ayarlarında belirleyebilir ve widget düzenlemesi için renk seçeneğine her eriştiğinizde tekrar kullanabilirsiniz. Tasarım yaparken zamandan tasarruf etmek için önceden ayarlanmış bir palet seçin veya kendi özel renginizi belirleyin. Bu videoya bakın: Premade Widget Style & Şablon ve Elementor Yeniden Kullanım en iyi sayfa üreticilerinden biridir, ancak hiç varsayılan ve çirkin düğmeyi düşündünüz mü? Sekme? Menü? Veya diğer widget'lar? Bu varsayılan widget, birkaç yıl önce tasarlanmış gibi görünüyor veya belki de Project B'de A projesinde düzenlediğiniz widget'ı yeniden kullanmak istersiniz? Şu anda, yaklaşan proje için widget stilini depolayamaz ve yeniden kullanamazsınız. Elementor. Neyse ki, ücretsiz WunderWP eklentisi bu sorunun üstesinden gelmek için çeşitli yollar sunuyor. İlk olarak, WunderWP istediğiniz bir dizi önceden ayarlanmış widget stili içerir. Stil Başlıklar, Galeriler, Düğmeler, Divisors, Güney Kore, Formlar, Fiyat Tabloları vb. Elementor Widget'ı sayfanıza sürüklemeniz, hazır WunderWP widget stilini seçin ve içerik eklemeye başlayın.
WunderWP ile Elementor'da kendi widget stilinizi kolayca saklayabilir ve yeniden kullanabilirsiniz. Basit: Widget stilini ayarlayın, WunderWP Cloud'a (ücretsiz!) Kaydet ve daha sonra benzer widget'lar için kullanın. Bu basit ve karmaşık bir widget için çalışır. Örneğin, bunu farklı tipografik değerler içeren bir başlık widget'ı veya ayarlanmış damla gölgeli görüntü widget'ları için kullanabilirsiniz.
Aynı şey şablon için de geçerlidir - tam şablonu veya bir kısmını WunderWP Cloud'a kaydedebilirsiniz. Şablon orada olacak, bu yüzden hazır olduğunuzda, bir sayfaya veya web sitesine kolayca koyabilirsiniz. Bu şekilde sadece bir kez oluşturmanız, çok zaman kazanmanız gerekir. Ya da mevcut WunderWP içeriğinin şablonundan yararlanabilirsiniz, 50'den fazla hazır bölüm vardır - iletişim, harekete geçme davetiyesi, başlıklar, Altbilgi, Hizmetler, Hakkında, Takımlar, Hizmet, Geri Sayım ve daha fazlası - çeşitli amaçlar için.
Şimdiye kadar sarın, şüphesiz Elementor, orada en iyi WordPress sayfa yapımcılarından biridir. Neredeyse her gün, tasarım sürecini kolaylaştırmak ve hızlandırmak ve proje teslim süresini hızlandırmak için yeni araçlar ve özellikler eklenir. Hangi ipucu en yararlı ve hangisini daha önce tanımadığınızı düşünüyorsunuz? Belki burada belirtilmeyen bir şey de biliyorsunuz? Lütfen diğer insanlarla paylaşın.
