One sayfa web siteniz için gelişmiş bir kaydırma tasarımı nasıl oluşturulur
Bir sayfa web sitesi, birçok kaos ve bilgi aracılığıyla onları yüklemeden ziyaretçilerinize belirli hedefleri iletmenin en iyi yoludur. Ancak, insanları etkilemek için kullanılabilecek sadece bir sayfanız varsa, her şeyi yapmanız gerekir. Tek sayfalık sitenizi gerçekten öne çıkarmanın yollarını arıyorsanız, bir rulo tasarımı uygulamayı düşünebilirsiniz. Sayfalarınızı birkaç farklı parçaya ayırır ve ziyaretçilerin farelerini kaydırarak birinden diğerine gezinmesine izin verir. Bu özel özelliği kullanmanın birçok faydası vardır – bunlardan birkaçı etkileyici bir görünüm değildir.
Bu yazıda, neden tek sayfa web sitenize bir rulo tasarımı koymak isteyebileceğiniz daha derinlemesine kazacağız. Ardından, UNCODE temasından Slayt Scroll özelliğini kullanarak çalışmayı nasıl tamamlayacağınızı göstereceğiz. Doğru gel! Neden Rolling Design bir sayfa sitenize fayda sağlayabilir Bir sayfa web sitesi oluşturduğunuzda, eklediğiniz bilgiler hakkında çok spesifik olmanız gerekir. En önemli bilgilerin orada olmasını sağlarken sayfayı nispeten özlü tutmak isteyeceksiniz. Genellikle, bu ikilemi aşmanın en iyi yolu, bir sayfayı farklı bir parçaya ayırmaktır, bu da tüm bilgileri düzenli hale getirir. Ayrıca, maksimum etki için her bölümü ayrı ayrı tasarlayabilirsiniz.
Bununla birlikte, birkaç parça olan siteler için, ziyaretçiler yorgun olabilir, çünkü tüm içeriğinizi görmek için uzun sayfalar aşağı yuvarlamak zorundadırlar. Yuvarlanan tasarıma girin:
Kısmen parçaya geçmek daha kolaydır, ziyaretçilerin ihtiyaç duyduklarını hızlı bir şekilde bulmalarına yardımcı olur.
Etki etkileyici görünüyor ve sayfanızı dinamik hale getiriyor, bu da mesajınızın genel etkisini artırabilir.
Her türlü web sitesinde bir rulo tasarımı kullanılabilse de, bu bir sayfa sitesi, yön sayfaları ve diğerleri için çok kullanışlıdır. Ayrıca, ayarlar çok basit olabilir. Bu makalenin geri kalanı olduğu sürece, size bunu başarmanın bir yolunu göstereceğiz.
Tek sayfa web siteniz için gelişmiş bir kaydırma tasarımı nasıl oluşturulur (4 adımda) Sitenize bir rulo tasarımı uygulamak için kullanabileceğiniz birkaç yöntem vardır. Örneğin, teknik uzmanlığınız varsa, manuel olarak kodlayabilirsiniz. Bununla birlikte, bunu yapmanın en kolay yolu genellikle kutunun dışında roll işlevselliği içeren bir tema kullanır. Bu eylemin mükemmel örneği, Uncreed’in temasıdır:
Bu çok yönlü WordPress teması, çekici ve benzersiz bir web sitesi tasarlamanıza yardımcı olacak sayısız özellik sunar. Buradaki amacımız için en önemli şey, bu, sitenize hızlı ve ağrı olmadan kaydırma tasarımlarının eklenmesini sağlayan kullanışlı bir kaydırma slaytları özelliği içerir: Bu özelliğin nasıl kullanılacağını keşfedelim! Adım 1: Sitenize UNCODE yükleyin Zaten Uncote temasını kullanıyorsanız, bu adımı geçebilirsiniz. Değilse – veya yeni bir site hazırlıyorsanız – okumaya devam etmelisiniz. Bir Uncote satın aldıktan sonra, diğer prim temaları gibi yükleyebilirsiniz. Bu, WordPress kontrol panelinizdeki görünüm> temalarda gezinmeyi gerektirir, Yeni Ekle’yi seçin ve Tema Yükle düğmesini tıklayın: İleri, Dosya’yı seçin ve bilgisayarınızdaki Zip UCode klasörünü bulun. Seçin, ardından şimdi yükleyin. Kurulduktan sonra temayı etkinleştirmeyi unutmayın: Daha önce de belirttiğimiz gibi, Uncode kapsamlı ve çok amaçlı bir temadır. Bu, iyi çalışmak için biraz ‘ekstra’ gerektirdiği anlamına gelir. Yönetmek için Uncote> WordPress’e eklentileri yükleyin: Burada birçok kullanışlı eklenti var, ancak en azından çekirdek ve Uncreed görsel bestecinin açılışını yüklemeniz ve etkinleştirmeniz gerekiyor. Ardından, Uncote düzenlenecek ve kullanıma hazır olacak! Adım 2: Yeni bir sayfa oluşturun ve mevcut sayfaya bir kaydırma tasarımı ekleyebilseniz bile Slayt Scroll özelliğini etkinleştirin, temiz bir sayfa ile başlamalısınız. Bunu yapmak için yeni bir sayfa ve isim oluşturun: Ardından, ekranın altındaki Metabox sayfası seçeneğine gidin. Sayfanızın görünümünü ve işlevselliğini ayarlamak için birçok özellik içerir. Şimdilik kaydırma bölümüne tıklayın: Başlangıçta, göreceğiniz tek şey etiketli gerilme menüsüdür. Yalnızca iki seçenek var ve Slayt Scroll adlı olanı seçmek istiyorsunuz: Bu, Slides Scroll etkin özelliğini sayfanızdaki etkinleştirir. Ayrıca yeni seçeneklerin bir listesini de göreceksiniz – bir sonraki adımda keşfedeceğiz. Adım 3: Slayt Scroll özelliğini teknik olarak yapılandırın, sayfanıza bir kaydırma tasarımı eklemek için yalnızca doğru kaydırma türünü seçmeniz gerekir. Bununla birlikte, özelliklerin çalışma şeklini ayarlamak, ihtiyaçlarınız için daha uygun olmak için ayarlamak isteyebilirsiniz. Bunu yapmak için, sayfa seçenek kutusunun kaydırma bölümü altında listelenen yeni ayarları kullanabilirsiniz: Açılır efekt altında, kullanıcının bir parçadan diğerine geçerken göreceği animasyon türünü belirleyebilirsiniz. İsterseniz, animasyon efektlerine de opaklık ekleyebilirsiniz. Varsayılan olarak, sayfanız ziyaretçilere ziyaret ettikleri bölümü gösteren bir dizi nokta görüntüler: Point gizleme seçeneği simgeyi silerken, boş bir nokta görüntülerken sayfanızda yaptığınız her satıra bir simge ekleyecektir (bir ad olsun ya da olmasın).
Çoğu durumda, tarihin ölüme ayarlanmasına izin vermelisiniz. Bu şekilde, kullanıcının tarayıcısı, sayfanızın her bir parçası için benzersiz bir URL görüntüler ve belirli bilgilerde gezinmeyi ve paylaşmayı kolaylaştırır. Ancak, isterseniz bu özelliği devre dışı bırakabilirsiniz. Şeffaf bir menü kullanıyorsanız, güvenli dolguyu etkinleştirmek isteyebilirsiniz. Bu, menü ile örtüşmediğinden emin olmak için içeriğinizin en üstüne ekstra yastık ekler. Ek güvenli dolgu kayması kullanarak ekstra alan bile ekleyebilirsiniz:
Ardından, ana menünüzün her bölümde mi yoksa sadece birincisinde mi görünmesini isteyip istemediğinize karar vermek istersiniz. Menünün her zaman görünür olmasını istiyorsanız, yine de menünün altındaki varsayılan ayarları kullanabilirsiniz. Değilse, ilk slayttan sonra gizle seçin: Son olarak, mobil cihazda görünmediği için rulo efektini durdurmak isteyebilirsiniz. Bu, daha küçük ekranlar için performansı hızlandırmaya yardımcı olabilir. Bunu yapmak için, hücreselde deaktivasyon altında aktif olarak seçin. İşte burada! Tüm bu seçenekleri ihtiyaçlarınıza uyacak şekilde değiştirdikten sonra, sayfanıza devam edin ve kaydedin. Adım 4: Kaydırma sayfanızı oluşturun Bu noktada, geriye kalan şey gerçek içeriğinizi eklemektir. Nasıl yapacağınız, bir sayfa siteniz için özel vizyonunuza çok bağımlı olacaktır. Ancak, sürecin bir bütün olarak nasıl çalıştığını görelim. Bunu yapmadıysanız, sayfanız için ana WordPress düzenleyicisine geri dönün. İçeriğinizi ayarlamak için Uncote sayfa oluşturucu kullandığınızdan emin olun. Değilse, değiştirmek için arka uç düzenleyici düğmesini seçin:Uncote üzerinde herhangi bir sayfa oluşturmak gibi, ilk modülünüzü yerleştirerek başlamak isteyeceksiniz. Bunu yapmak için öğe ekle düğmesini tıklayın: Şimdilik, satır seçeneğini seçin. Bu, boş satırı sayfanıza yerleştirecektir. Rulo tasarımınıza dahil etmek istediğiniz her bir parça için bir tane olana kadar altına satır eklemeye devam edin: Ardından, ilk satır için bu satırın düzenleme seçeneğini tıklayın (bu, kutunun sol tarafındaki küçük kalem simgesi ile gösterilir). Yüksek ayarları bulun ve kaymayı tamamen sağa taşıma ile dolu olduğundan emin olun: Bunu sayfanızdaki diğer tüm satırlar için yapın. Bu önemlidir – satırınız tam boyutuna ayarlanmamışsa, Slides Scroll özelliği düzgün çalışmaz. Bundan sonra, her satırı beğeninize göre ayarlayabilir ve ayarlayabilirsiniz. Yeni bir modül eklemek için satırdaki artı simgesini kullanın – metin, resimler ve diğer ortamlar vb. Ekleyebilirsiniz. Aslında, istediğiniz her şeyi bir sayfa sitenize ekleyebilirsiniz. Her parçanın kendi sırasında tamamen şarj olduğundan emin olun. Bunun yanı sıra, tam yaratıcı özgürlüğünüz var. Daha fazla ayrıntı için aşağıdaki videoyu görebilirsiniz:
Bu işlemin sonunda, aşağıdakilere benzeyen bir şey olacak: Sayfanızı yayınladıktan sonra, ziyaretçiler bir sayfa sitenizi ziyaret edebilir ve bölümden bölüme kolayca kaydırabilir. UCODE kullanarak bir rulo tasarımı uygulamak için yapmanız gereken tek şey bu! Sonuç Kaydırma tasarımı, özellikle alan sınırlıysa, içeriğinizi göstermenin şık ve etkili bir yoludur. Ziyaretçiler sayfanıza hızlı bir şekilde göz atabilir ve sunduğunuz her şeyi görebilir. Bir sayfa sitesi ve özellikle sayfalar için bu tasarım çok etkili olabilir. Dahası, bu tür sayfayı doğru araçla basit bir şekilde hazırlayın. Yeniden özetleme için, Uncote teması kesme kayma özelliğini kullanarak kesme tasarımı uygulama şekliniz: Sitenize Unccode’u yükleyin. Yeni bir sayfa oluşturun ve Slayt Scroll özelliğini etkinleştirin. Slayt kaydırma özelliğini yapılandırın. Kaydırma sayfanızı oluşturun.
Kaydırma sayfanızı nasıl tasarlayacağınızla ilgili sorularınız var mı?Aşağıdaki yorum bölümünde bize bildirin!Kredi görüntüsü: Pixnio.
