Divi: Kullanılacak en kolay WordPress teması
Divi: Tüm zamanların en iyi WordPress teması!
daha fazla 701.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]
Şimdi ciddi şeylere başlayabiliriz. Kaymak oluşturulması Slider Devrimi ilk başta oldukça sıkıcı olabilir. Yataklarınızı kaybedeceksiniz, çünkü bunun veya o elementin nerede olduğunu bilmek isteyeceksiniz.
Alışkanlık yaparak pratik yaparak ve bu dersi okuyarak Slider Revolution'dan kurtulacaksınız.
Önceki eğitimlerimiz sırasında şunları keşfettik:
- Slider Revolution'ı indirin ve yükleyin
- Slider Revolution Home UI nasıl anlaşılır
- Slider Revolution'da Slayt Gösterisi nasıl kurulur?
Ve şimdi kaydırıcımızı kurduğumuza göre, slaytlar "Of" kaydırıcı '.
"Slaytlar" düzenleyicisine nasıl başlanır?
Prensip olarak, bir sürgü yapılandırmalarını kaydettikten sonra, editörünü tanıtan yeni bir arayüze slaytlar '.
En üstte, "sürgü veya slayt" listesine, sürgü parametrelerine ve sürgü önizlemesinin diğerlerine dönmesini sağlayan araç çubuğunun farkına varacaksınız.
Ayrıca bizim keşfetmek Blog yayınlarınızı derecelendirmenize izin veren 10 WordPress eklentisi
En altta, küresel katmanları, farklı "slaytları" ve yeni bir ekleme düğmesi "görmemize olanak tanıyan yeni bir bölümümüz var" slayt '.
Bir slaydın düğmesinin üzerine geldiğinizde, yeni seçeneklerin görüntülendiğini fark edeceksiniz. Bu seçenekler oldukça açık ve anlaşılması kolaydır (kopyalayın, daha sonra yeniden kullanmak ve slaydı silmek için şablona ekleyin.).
Slayt ekle düğmesinin üzerine geldiğinizde, boş bir slayt eklemenizi, birden fazla slayt eklemenizi, bir şablondan bir slayt eklemenizi sağlayan diğer seçenekleri fark edeceksiniz (model).
Şu anda, 1 slaytındasınız, bu nedenle slayt listesinde vurgulanıyor. Yeni bir slayt oluşturursanız ilk slayt yerine vurgulanır.
Bu seviyedeki Slider Revolution gerçek bir gösterge panosudur. Size her şeyi açıklarsam, çok fazla anlamazsınız, bu yüzden kafa karıştırıcı olabilecek ve gerekli olmayan özelliklerden bahsetmekten kaçınacağım.
Hakkındaki makalemizi okuyun Blogunuz için 6 WordPress resim sıkıştırma eklentisi
Bir slayt seçtiğinizde, aşağıdaki bölümde düzenlemeye başlayabilirsiniz. Bu bölüm, çeşitli özelliklere erişmenizi sağlayan birkaç sekmeden (7) oluşmaktadır.
Bir sahneye arka plan resmi nasıl eklenir
İlk yapmak istediğiniz ilk şey, slaytımıza bir arka plan eklemek. Burada şu seçeneklerden birini seçebilirsiniz: Bir arka plan resmi (medya kitaplığınızdan), bir resmi işaret eden harici bir URL, WordPress teması tarafından önerilen rengi kullanacak şeffaf bir arka plan, sabit bir renk, bir Youtube videosu, Vimeo veya HTML5. Bir arka plan seçeceğiz " görüntü '.
Web üzerinde birçok ücretsiz resim bulabilirsiniz. Sadece Google’da bir arama yapın.
Bir görüntü eklediğinizde, bu hemen slayt önizlemesine ve "sahneye" uygulanır.
Sahnede bir öğe nasıl eklenir
Şimdi iyi dekore edilmiş bir sahnemiz olduğu için, bir element ekleyeceğiz. Sahneye eklediğiniz her öğe bir katman veya katman olarak kabul edilir. Bu katman özelliği bana inanmana yardımcı olacak.
Sahneye bir öğe eklemek için, üzerine gelin Katman ekle '.
Metin / HTML, resimler, ses, video, düğme, şekil, nesne ve bir öğeyi içe aktarma dahil olmak üzere birkaç farklı öğe ekleyebileceğinizi fark edeceksiniz.
Küçük köpek yavrusu Snoopy'nin şeffaf görüntüsünü ekleyerek başlayacağız.
Elementor ile web sitenizi kolayca oluşturun
Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]
Sonra bu görüntüyü sahneye ekleyin, şunun gibi bir şeye sahip olacaksınız:
Görüntünün dört köşesinde küçük kareler olduğunu fark edeceksiniz. Bu kareler görüntüleri yeniden boyutlandırmamıza izin veriyor, çünkü bu durumda Snoopy çok fazla yer kaplıyor.
Yeniden boyutlandırma "tarafından yapılır sürüklemek ". Oranları korurken yeniden boyutlandırmak için, " Mayıs Yeniden boyutlandırma sırasında klavyenizden.
Ayrıca bakınız Sizi daha iyi bir Blogger yapacak 10 WordPress eklentileri
Şimdi Snoopy böyle görünüyor, daha uygun. Ayrıca, her görüntünün sağ üst köşesinde bulunan göstergeyi kullanarak aşağıdaki gibi bir görüntüyü çevirebilirsiniz:
Öğeleri yardım ızgarası ile nasıl konumlandırabilirim?
Yardım ızgarası, elemanları daha iyi yerleştirmek için yardımcı olan değerli bir unsurdur. Yardım ızgarasını sahnenin sol alt köşesinde aktif hale getirebilirsiniz.
Bu ızgara, farklı boyutlarda karolara sahiptir, boyut küçüldükçe, elemanın yerleştirilmesinde daha hassas olursunuz.
animasyon eklemek için
Slider Revolution'da 3 tür animasyon vardır: giriş animasyonları, (sahnedeki öğenin varlığı) Ve son animasyonlar.
Ayrıca bakınız Blogunuz için 6 WordPress resim sıkıştırma eklentisi
Bir elemana animasyon eklemek için önce onu tıklatarak seçmeniz gerekir (Bir eleman seçildiğinde, yeniden boyutlandırılabilir köşeleri olan noktalı bir çizgi ile çerçevelenir.).
Yani Snoopy'ye tıklayın, sayfaya gidin ve sekmeye tıklayın « Animasyon '.
Önceki resimde, mavi renkli giriş animasyonlarına ve kırmızı renkli çıktı animasyonlarına sahibim.
Bir animasyonu değiştirmek için, koşan adam simgesinin ardından açılır listeye tıklayın.
Daha sonra emrinizde çok çeşitli animasyonlar var. Bir elemanın girişi için tanımlamak istediğiniz animasyonu seçmenizi size bırakıyorum. Benim açımdan seçtim " easeOutElastic », Bu sonucu almak için:
Bizim için burada Blogunuzun altbilgisini artırmak için 4 WordPress eklentileri
Sol tarafta, animasyonun süresini ve bırakmanız gereken animasyon modunu belirleyebilirsiniz. " hiçbir bölünmüş Çünkü diğer seçenekler resimlere değil sadece metne uygulanır.
Şimdi, Snoopy'yi yüzmek istiyorum, bunun için gitmek " döngü Ve aşağı açılan seçeneğinde "seçin dalga ". Şimdi Snoopy yüzer:
Öğelerin görünürlüğünü nasıl yapılandırabilirim?
Snoopy'm yüzüyor, ancak cep telefonunda görünmesini istemiyorum. Öyleyse "üzerine tıkla. görünürlük »Ve Akıllı Telefon simgesinin devre dışı bırakıldığından emin olun:
En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?
Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]
Elementlerin davranışını ayarlama
Kaydırıcının yüklenmesini optimize etmek için görüntülerin yüklenmesini geciktirmek isteyebilirsiniz. Bu sekmede yapılır " davranış Seçeneği ile " tembel Yükleme ". Öğelerin duyarlılığını bile zorlayabilirsiniz.
Bir öğede özel tetikleyiciler nasıl oluşturulur
Eylemler, tetikleyicileri belirli eylemlerle ilişkilendirmenizi sağlar. Bir tetikleyici eklemek için sekmeyi tıklayın İşlemler »Ardından« + »düğmesine basın.
3 tetikleyici türleri vardır:
- Tıklama fareyi tıklayarak eylemidir
- Öğe üzerindeki fare girişi
- Elemanın üstündeki fare çıkışı
Eylemlerin listesi oldukça uzun. Örneğin, Snoopy’yi tıklayan bir kullanıcıyı eylemi seçerek başka bir sayfaya yönlendirebilirsiniz " tek Bağlantı Hangi yeni seçenekler getirecek.
Ayrıca bizim keşfetmek Rezervasyon ve Rezervasyondan 10 premium WordPress eklentisi
Slider Revolution TimeLine nasıl kullanılır
Slider Revolution, alt kısımda bir zaman yönetimi arayüzü sunar. Bu arayüz, bir öğenin animasyonunun nerede başladığını ve nerede bittiğini görmenizi sağlar.
Önceki resimde, iki mavi ok göreceksiniz. Soldaki ilk, bir elemanın giriş animasyonunun başlangıcını, ikincisi ise giriş animasyonunun sonunu gösterir. Koyu kırmızı renk, sahnedeki öğenin ömrünü gösterir.
Lire aussi WordPress blog bir geri sayım nasıl eklenir?
Sürenin diğer ucuna da benzer bir son bulacaksın (giriş animasyonu, yaşam süresi ve bitiş animasyonu).
İle " zaman çizelgesi Hangi öğenin daha önce görüntülendiğini ve hangi öğenin önce kaydığını kontrol edebilirsiniz. İyi bir animasyon yapmak için ustalaşmanız gereken çok pratik bir araçtır.
Zaman çizelgesinde slaytı önizlemek için etkinleştirebileceğiniz bir oynatıcı da vardır.
O zamana kadar size bir slayt yaratmanın temellerini verdim. Şimdi kaydırıcınızı kaydedin ve önizlemeye başlayın.
Hepsi bu ders için, daha sonra bir makalede kaydırıcı gösterimi ve bazı gelişmiş işlemler hakkında konuşacağız.
Ayrıca bazı temaları ve premium WordPress eklentilerini keşfedin
Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.
Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.
1. Disk Sesi
Disk Audio, sadece bir düğmeye basarak doğrudan bir ses oynatıcınızı web sitenizde görüntülemenize yardımcı olacak başka bir WordPress eklentisidir. Müzik çaların düzeni tamamen uyumludur, bu nedenle mobil kullanıcılar özelliklerinden herhangi bir sorun yaşamadan keyif alacaklardır.
Ek olarak, renk şemaları, görünümler, arka plan resimleri ve opaklık dahil olmak üzere birçok özelleştirme seçeneği sunar. Klavye ve onu kontrol etmek için çeşitli seçenekler vardır ayrıca oynatma listenizi ayarlanabilir bir kaydırma çubuğu ile görüntülemenize olanak tanır.
Ayrıca, kullanıcılara web sitenizde çalınan parçayı satın alabilecekleri yerleri göstermek için müzik çalara indirme bağlantıları ekleyebileceksiniz.
2. Olay Rezervasyon Pro
Bu, etkinlik alanlarında hizmetlerini sunan herhangi bir web sitesindeki rezervasyonların yönetimine adanmış ve özelleştirmesi kolay olan% 100 duyarlı bir başka WordPress eklentisidir.
Başlıca özellikleri: metin, renk, kenarlık ve diğerleri için özelleştirme, PayPal desteği, kupon kodları ve kupon yönetimi, Google Haritalare-posta yönetiminin desteklenmesi, kısa kodların desteğisezgisel kontrol paneli, kolay olay oluşturma, görünüm üzerinde tam kontrol vb.
Çevrimiçi Mağazanızı kolayca oluşturun
WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]
3. Sosyal Paylaşım ve Locker Pro
Social Share & Locker Pro uzantısı, web sitenizin sosyal ağlarda daha görünür olmasına yardımcı olmak için tasarlanmıştır. Yalnızca birkaç tıklama ile sosyal simgelerinizin konumunu belirleyebilir veya sizin tarafınızdan sunulan sosyal ağlardan birinde paylaşım gerektirerek içeriğinizi kilitleyebilirsiniz.
10'in önceden tanımlanmış temalarına sahipsiniz ve bu en yaygın dilekleri kapsamalıdır. Tüm temaları Retina ve çalışma harikaları.
30 şeyler onların yayınlanmasından sonra blogunuza yazılarda yapmak Bu makaleye danışarak onları keşfedin.
Ayrıca Social Share & Locker Pro ile sosyal ağların tam adını veya yalnızca simgeyi görüntüleyebileceksiniz. Tasarımınıza, mevcut alana veya isteklerinize bağlı olacaktır.
Önerilen Kaynaklar
Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.
- Nasıl başarılı bir blogcu olun ve WordPress ile nasıl para kazanılır?
- Google Formlar WordPress entegre etmek nasıl
- WordPress'te gizlilik politikası nasıl oluşturulur?
- Bir blogun RGPD uyumluluğunu sağlamak için 6 WordPress eklentileri
Sonuç
Burada ! Bu rehber için bu kadar. Bu eğitimin size bir WordPress blogunda veya web sitesinde Slider Revolution ile bir slayt gösterisi oluşturmanın temellerini verdiğini umuyoruz. Herhangi bir sorunuz, öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.
...