Ultimate Slider Revolution Eğitimi – Tam Yürüyüş
Bir web sitesi oluşturmak karmaşık, hızlı olabilir. WordPress ile bir web sitesi oluşturmak beceriksiz olabilir. Bkz. Slider Revolution Step Donary Öğreticisi WordPress’te bu popüler kaydırıcının nasıl kullanılacağı hakkında.
WordPress sitesinde yüklü kaliteli bir sürgülü çubuğa veya kayar çubuktan tüm web sitelerini oluşturmak isteyen biri bile şanslıydı. Herhangi bir ayrıntı seviyesinde ayarlamalara izin vermek için tam bir hiper-modüler özellik serisi ve 200’den fazla sahip olunan temaya sahip kütüphaneye izin vermek için uygulanan Slider Revolution 6 öğreticiler yardımcı olmak için burada.Slider Revolution, memnuniyet, kalite ve genel deneyime dayalı olarak 1 numara olan bir WordPress eklentisidir. 29 dolarlık bir çözüm olmak onu 350.000’den fazla bağımsız web sitesine ve Codeless gibi güçlü endüstriyel ortaklara getirdi. Codelless.co, WordPress pazarı için bir tema sağlayıcısıdır ve pazar lideri gibi, kullanıcılarına Slider Revolution ile ücretsiz olarak gelen temaları sunarlar! Slider Revolution, artık sadece bir odada yerleştirilemeyeceği kadar geniş bir talep buldu! Slider-Templates.com tarafından Codess tarafından tanıtım. Sadece bir düzene mi ihtiyacınız var ve artık yok mu? Sorun değil. Slider-Templates.com, katılmak için 100’den fazla Slider Revolution şablon süiti sağlayan ücretsiz bir web portalıdır.
Slider Revolution çok güçlü bir araçtır, böylece onu kullanmak sizi bunalabilir. Bu nedenle, daha iyi bir web sitesine geçiş yapmak için, sizi şu anda parmaklarınızın ucunda olan fırsatların genişliğine götürmek için bir rehber tasarlanmıştır. Gemiye girin! İlk ve en önemlisi, Codecanyon’dan bir kaydırıcı devrimi alarak başlayın. Bunu yaptıktan sonra dosya indirilebilir; Cihazınıza indirin ve WordPress kontrol panelinizi açın. Farenizi “Eklentiler” olarak kaydırın → “Yeni Ekle” ve tıklayın. Ekranın üst kısmına yakın, “Eklenti Yükle” → “Dosya Seç” → “Codecanyon Download” → “Şimdi Yükle” tuşuna basın. Kurulduktan sonra, etkinleştir ve boom tuşuna basın, kaymaya hazırız. Ayarlar hazırlayın! Bir araba sürerken, her zaman dikiz aynasını, sandalyeyi ve direksiyon simidini hassasiyetini ayarlarsınız; Ve yüksek sınıf bir araba gibi, geliştirme sürecine bir kaydırıcı devrimiyle başlamadan önce, her şeyin sorunsuz çalışması için en önemli eklenti ayarlarını temel bir şekilde yapılandıralım. Sitenizin nasıl yüklediği ve tüm cihazların (hücresel / tablet / dizüstü bilgisayar / masaüstü) nasıl oluşturulması seçiminiz olabilir; WordPress kontrol panelinizde, “Slider Revolution” → “Globals” a gidin burada birçok ayarla karşılaşacaksınız, kafanız karışmayacak ve sadece 4 satırı arayacaksınız: varsayılan düzen ızgarası kesme noktaları ve aşağıdaki resme göre girin:
~ Hızlı Parlatma Piksel Bağımlılıkları Cihazlar ~ 1920 piksel olarak yönlendirilmiş Masaüstü Standart. Yatay odaklı Mac ve tabletler dahil dizüstü bilgisayarlar 1600 piksel ile sınırlıdır. İPad dahil tabletler 778 pikselde optimum dikey bir görüntü sunar. Bununla birlikte, bazı cihazlar tersine çevrildiğinde 1025 genişliğe kadar uzanabilir; Kullanıcıyı barındırmak istiyorsanız, elbette tercihlerinize göre ayarlayın. Tüm İnternet aktivitelerinin% 51’inden fazlası cep telefonlarıdır. Pratik bir kural olarak, satırları doldurduktan sonra 500’ün altında ve 360’ın üstünde (480 piksel genişliği) kalmaya çalışın, sağ alttaki güzel kaydet düğmesine tıklamayı unutmayın. Denize açılmak! Tamam, şimdi tüm üsler halledildikten sonra, ellerinizi kirletme ve ilk slaytınızla oynama zamanı. Fare imlecinizi “Slider Revolution” sekmesine geri taşıyın ve “Yeni Boş Modül” segmentine basın. “Başlık” sekmesinde olduğunuzdan emin olarak başlayın ve slaytınızı adlandırın.
Modülün adlandırılması adı verilen ekranınızın sağındaki segmenti görürseniz, sağ sekmede olduğunuzu bileceksiniz. Orada slaytınızın adı 2 satıra konulmalıdır: başlık çizgileri ve satırlar hemen, takma ad çizgileri. Tüm çizgiler takma adının küçük harfle yazılması ve bir bağlantı işareti ile ayrılması gerektiğini bilin; Takma ad, sitenize slaytlar eklemek için daha sonra kullanacağınız şeydir. Ardından, ihtiyacınız olan kaydırıcı türünü kullandığınızdan emin olmaktır. Düzen sekmesine (başlık sekmesinin sağında) tıklayın ve 3 kaydırıcı düzeni varyantından birini seçin. Kaydırıcı – bir slayt daha fazlası. Kaydırıcı – Birden fazla slayt. Bu, eşlik eden mermiler ve oklarla birlikte gelir. Sahne Varyant 2 Sahne Bu seçeneği seçerseniz, oklar ve mermiler kaybolur. Carousel Varyant 3 Carousel İhtiyaçlarınıza uygun düzen türünü seçtikten sonra, boyutun boyutuna (düzen türünün hemen altında) kaydırın ve boyutun boyutlarını belirleyin.
Otomatik – Bu seçenek sayfa kapsayıcısına uyum sağlayacaktır. Otomatik – Bu seçenek sayfadaki kapsayıcıya ayarlanır. Genellikle bu belirli sayfaları canlandırmak için kullanılır. Tam genişlikte bu iyonu sayfasının genişliğini doldurarak seçin, ancak segmentlerinin yüksekliğine uyum sağlar. Tam genişlikte bu seçenek iyonu, sayfanın genişliğini doldurmaktır, ancak segmentin yüksekliğine ayarlayın. Bir yatay kısım için iyi. Ekran boyutuna bakılmaksızın tüm ekranı tam ekran kaplar. Tam ekran – ekran boyutu ne olursa olsun tüm ekranı kaplıyor. *** kaydırıcı tüm sayfalar için kullanılabilir; Ancak lütfen bir sayfada görünen daha fazla kesme bıçaklarının, daha yavaş yüklemenin, SEO sıralamanızı düşüş riski altına sokabileceğini unutmayın. *** Bu slaytın görsel uyumunu garanti etmenin zamanı geldi. Düzen boyutunun hemen altında, “Katman Alanının Boyutu” nu tıklayın ve genişletin. İlk masaüstü hariç hepsi kapalı olarak ayarlanmalıdır. Modül kaymasını tıklayarak her şeyi etkinleştirin ve etkinliğe geçin. Bunu yapmak, daha önce girdiğiniz global görsel oluşturma ayarlarını otomatik olarak içe aktaracaktır. Sol piksel sayısı genişliği ve sağ yüksekliği gösterir. Evrensel boyut standardı diye bir şey olmadığını ve çevik olmanız ve boyutla denemeniz gerektiğini hatırlamak önemlidir. Bir kez daha, satırları doldurduktan sonra, ekranın sağ alt kısmında bulunan çok önemli bir kaydet düğmesine tıklamayı unutmayın. Ayarlar segmentindesiniz (küçük dişli simgesini tıklamazsa).
Bu, çoğu ayarlamanın meydana geldiği genel bir seçenektir. “Varsayılan” sekmesine basın. Burada oynamak için bazı ayarlar bulacaksınız, ancak en önemlisi odaklanalım. Kaydırıcı süresi. Varsayılan olarak, bu 9000ms (milisaniye) veya sadece 9 saniye olarak düzenlenir. İnternet kitlesinin uzun süre beklemeyi sevmeyen bir dizi ilgiye sahip olduğunun farkındayız. Sitenize gelecek kitleye uymak için, slayt değişikliğini görmek için ne kadar beklemek istediklerini anlamalısınız.
Tabii ki, bu projenizin endüstrisine ve amacına bağlı bir parametredir, ancak gevşek bir kural olarak, 3000-5000ms (3-5 saniye) aralığında saklanmak daha iyidir. Bilinmesi gereken bir diğer iyi numara, Spinner. Aşağıda bir seviye ve sola geçiş olan Spinner sekmesini tıklayın. Slaytınız yüklendiğinde, dönen bir yükleyici görüntüleme seçeneğiniz vardır. Bu segment sadece marka görüntülerinden ve kişisel tercihlerden biridir. İsterseniz kaydedebilirsiniz veya; Kapatabilirsin. Ayrıca, “Genel” sekmiz var. Gangkick burada, slaytınız için çok rahat bazı özellikler buluyorsunuz. Bulacağınız bu sekmede sunulanları keşfetmek; Tercih dönüşü
Çember sınırı Hücresel onay Kenburn Ayarlaması (yükleme süresini ve sayfa performansını doğrudan artırır)
Bir projede birden fazla slayt almayı planlıyorsanız, farenizi dişli simgesine geri döndürün, hafifçe sola hareket ettirin ve dört yollu ok düğmesini tıklayın.
Burada slaytlar arasındaki geçişlerle ilgili seçenekler bulacaksınız. Her sekmede sunulan benzersizliği anlamak için her birini derinlemesine keşfedin. Bahçede liman!
Şimdi bir kayan çubuğunuzdan sonra, şimdi sayfanıza koyma zamanı!
Ayarlara (dişli simgeleri) geri dönün ve başlık sekmesini tıklayın. Daha önce doldurduğunuz başlık ve takma ad başlığının hemen altındaki modül adlandırma bölümünde, “Kısa Kod” adlı bir satır göreceksiniz; Kısa kodu kopyalayın İstediğiniz arka uç sayfasını açın ve takın. Sayfayı size doğrudan bir önizleme verildiğinde güncellemek! Takarken yaptığınız doğrudan inceleme ve ayarlamaları görmek için sayfa değişikliklerinizi kaydedin! Bu katman açık! Tam bir kaydırıcı projesi oluşturma zamanı. Kaydırıcı ayarlarına dönerek, dört yönlü pedin sağına bir parça görüntü simgesine kaydırın ve oluşturmaya başlayalım.
Varsayılan olarak, arka plan şeffaf olacak şekilde düzenlenmiştir. Çıkış menüsünü tıklayın ve ihtiyaçlarınıza uygun seçeneği seçin. Görüntü seçerken, kütüphaneye medya yükleme veya zaten içinde olanlardan bazı medya seçme seçeneği sunulacaktır. Görüntüyü seçtikten sonra, orta/soldaki çalışma alanında görünecektir. *** Görüntünün oranının başlangıçta belirttiğimiz pikselasyona uygun olması gerektiğini unutmayın. *** Harici görüntüleri seçerek, görüntü URL’sini girme yeteneğine sahip olacaksınız. Girdikten sonra, URL’ye gireceğiniz hemen altında bulunan “Yenile Kaynak” düğmesine basın. Bir kaynak boyutu seçerken optimal çözünürlük için, “orijinal” de kalmak en iyisidir. Görüntü ayar segmentine daha derin dalış; Bize 3 temel seçenek sunuldu: BG FIT (resim kabın üzerinde nasıl şekillendirilecek) Tekrarlayın (pikselin genişliğinin üzerindeki görüntüyü ikiye katlama seçeneği) Pozisyon (resimleri görüntülemek istediğiniz yerden balık tutma) Arka plan ve arka plan seçeneğine geri dönelim. Hala basit hale getirmek ve sadece renkleri tanıtmak istiyorsanız, tipte “Renk” i seçin. BG renk çizgisini tıklayın, açılır pencere görünecektir. Aradığınız renkleri, opaklığı ve renk tonunu bulun ve açılır pencerede maviyi kontrol edin; Bu tercihlerinizi kaydedecektir. Paralex etkisini beğendin mi? Mükemmel, halihazırda mevcut ve%5’lik bir kısmı ile kazılıyor. (Global Settings modülünde etkinleştirildiğinden emin olun) Belki kitlenize slaytlarınızı istedikleri gibi büyütme ve azaltma yeteneği vermek istersiniz; Fantastik, bunu yapmanızı sağlamak için Ken Burns Efekt sekmesi dahil edildi. Arka planı ayarlamak için daha fazla seçenek mi arıyorsunuz? Varsayılan sekmede “dişli simgesi ayarları” altında bulunanlar var. Modülde, daha önce tartıştığımız vardiya süresinin ayarının hemen altında, varsayılan temellerin genişlemesi, “başlatma gecikmesi” adı verilen bir çizgidir. Kitleniz sayfanıza geldikten sonra slaytınızın biraz görünmesini istiyorsanız bir zaman dilimi ile oynamak. * Hatırlatma: (MS) milisaniye’de mezhep, bu nedenle her 1000 MD’ye 1 saniyeye eşdeğer. Slaytı canlandırmak ister misiniz? Slider devrimi kapsadınız. Dört yollu karo ile “Resim” bölümüne geri dönün ve Animasyon sekmesine tıklayın. Slayt animasyonu başlıklı genişleme menüsü karışımında, aktif geçiş sekansları aralarından seçim yapabileceğiniz bir etki seçeneği olacaktır; İstediğiniz animasyonu seçtikten sonra, animasyon ayar modülünü düşürün ve onun için zaman parametresini ayarlayın. Buna birkaç katman ekleme zamanı. Aşağıda gösterildiği gibi görüntü modülünün sağında bulunan katman ayar modülüne gidin: Katmanın modülünü aç “İşlemi” İçerik “sekmesinde başlatın.
“İçerik” sekmesinde, tüm ayarlarınızın yapılacağı bir içerik modülü görüntü katmanı olacaktır. Daha önce tartışılan arka plan segmentine benzer şekilde, medya kütüphanesinden resim yüklemeniz veya seçmeniz gerekir; Ardından Tembel Yükleme ve Kaynak Türünü görüntü katmanı ihtiyaçlarınıza göre ayarlayın. Stil katmanı seçeneğine bakalım
Bu sekmede, görüntü katmanı parametrelerinizi aşağıdakileri içeren manipüle etme fırsatına sahip olacaksınız:
Arka plan renkli görüntü
Burada renk arka plan rengi seçeneğini beğeninize göre düzenleyebileceksiniz. Bu mülkler için bir alan Burada görüntü alanı parametrelerini ne kadar alana ihtiyaç duyulduğu gibi düzenleyebilirsiniz. İlk 4, dönüşüm için daha fazla hareketli ve 4’ü aşağıda. Sınır Ayarlama Özelliği Burada gerekirse limiti eklemek/silmek için görüntü limit parametresini düzenleyebilirsiniz. Sıradaki boyut ve yazı (konumlandırma). Al alışmak için basit modül, sekme boyutu ve post (önceki stil sekmesinin sağına bir kayma), diğer birçok yazılım ürününde mevcut olan yüzey seviyelerinde ayarlamalar yapmanızı sağlayacaktır.
Ödül büyüklüğü
Tesviye katmanı
Ek modül segmenti, başlangıçta belirttiğimiz piksel parametrelerinden çok tanıdık bir şekilde etkilenen bir genişlik ve yükseklik özelliği sunar. Gelişmiş Katman seçeneği görünür: Bu bölüm, 3 genel eksende de dönme ile ilgili kaliteye sahip görüntüleri değiştirmenizi sağlar. Ayrıca, Box-Shadow özelliği ile oynayabiliriz.
Burada animasyonlu bir seçeneğimiz var. Açılır anahtar çerçevesi giriş/çıkış seçeneği, gelen özellik üzerinde tam kontrol sağlayacak ve slaytınızdan çıkacaktır. Her şey, soluktan sıçrama, kaymaya katlanmaya kadar her şey, seçime dikkat edin ve zevkinize göre bulacaksınız. Katman Giriş Seçenekleri (tıklayın!)
İnternetteki tüm iyi şeyler gibi, slaytınız tıklanmalıdır (veya hücresel için dokunulabilir). İmleci yönlendirme seçeneğini etkinleştirerek başlayın. Her segment parametresinin diğer çalışmanızı tamamlamasını sağlamak için çeşitli seçenekler yapın! Profesyonel bir ipucu olarak, Dönüşüm Hover modülünde, varsayılanın 300ms olduğu ilk satır; Asla 600ms’nin yerini almadığından ve 200ms’nin altına düşmediğinden emin olun. Aralık yüzer/kaydırma veya kasıtsız parmaklar için en uygundur. Çok düşük tetikleyebilir ve çok yüksek kitlenizin arzusuna neden olabilir. Kendini kontrol et!
Tüm güzel çabalarınızı bir kaydırıcı aracılığıyla başlatmadan önce, slaytınızın savaş alanında nasıl test edildiğini kontrol etmeniz şiddetle tavsiye edilir! Bir dakikanızı ayırın ve slayt sayfanızı her yolda keşfedin. Masaüstü – Tüm oluşturma özelliklerine göre mi? Defter – Masaüstü ile aynı duygulara benziyor mu? Tablet – dikey oryantasyon ekranı nedir? Bu yatay olarak çalışıyor mu? Mobil – Cep telefonunuzu kontrol edin, arkadaşlarınızdan cep telefonlarını kontrol etmelerini isteyin, mutlu musunuz? (Tuzak sorunu, bir sanatçıya işleriyle gerçekten mutlu mu?) Her boyut seçeneği ve cihaz mümkün olduğunca en uygun olmalıdır. Bazen her cihazın piksellenmesi nedeniyle görüntü kesilir; Endişelenmeyin, sadece kaydırıcı yığınınızın tam olarak nerede olabileceğini anlayın ve doğru ayarlamayı yapmak için bu segmente geri dönün. *** Hatırlanması gereken bazı düşünceler! *** Vardiya segmentinin zaman ayarı ile ilgili herhangi bir bölümüyle her uğraştığınızda, lütfen her katmanın kronik doğasının üst üste gelebileceğini anlayın! Kaydırıcı malzeme manipülasyonu görüntüleri ve renkleri aşar. Tüm efektler metin, ses ve hatta videoların ihtiyaçlarına yönlendirilebilir! Vimeo veya YouTube’dan bazı videolar girmek istiyorsanız, kopyalayın ve video URL ve Voila’ya yapıştırın. Döngü animasyonu çok yararlıdır, ancak sonsuz döngü görsel tasarım alanınızı bozar ve sürekli olarak önbellek depolar, bu da yükleme zamanına neden olur ve lekeli SEO pozisyonuna neden olur. Keşfetmek &
