Tasarımcı olarak Squarespace ile Çalışmak için 5 İpucu
Squarespace sadece tasarımcı olmayanlar ve küçük işletme sahipleri için değil. Beceri seviyenizden bağımsız olarak, platform bir siteyi aceleyle çevrimiçi hale getirmenin hızlı ve kolay bir yolu olabilir. Web sitesi oluşturucu, ihtiyacınız olan her şey en baştan itibaren orada olacak şekilde araçlar ve entegrasyonlarla doludur.
Ancak tasarımcıların en büyük şikayeti, şablonlar iyi görünmesine rağmen, yeterli esnekliğin olmamasıdır. Sadece biraz daha derine inmelisin. Squarepsace, daha gelişmiş tasarımcıların ve geliştiricilerin araçla daha fazlasını yapabilmeleri için seçenekler sunar.
1. Özel HTML ekleyin
Hemen hemen her web sitesi oluşturucu, kullanıcıların tasarıma özel HTML düzenlemesine ve eklemesine izin verir. Kare alan farklı değil.
Kodlama bilginiz varsa bu gelişmiş özelleştirmeler oldukça kolaydır, ayarlama yapmadan önce hangi Squarespace notları çok önemlidir. Görsel düzenleyicide değişiklik yaparken, Squarespace oluşturucu aslında sitenin CSS'sini değiştirir. Bu blokları içerir ve kodlar. (Yani, dikkatli değilseniz dikkatli kod onu patlatabilir.)
Güzel olan, kod değişikliklerinin basit renk veya yazı tipi değişikliklerinin ötesine geçmesidir. Kullanıcılar, tasarımın hemen her yerine HTML kod blokları ekleyebilir, CSS düzenleyicisini kullanarak CSS'de evrensel değişiklikler yapabilir, kod enjeksiyon aracıyla JavaScript ekleyebilir ve hatta “görüntü kaynağı” seçeneğiyle kod bloğunu kullanarak ham kodu düz metin olarak görüntüleyebilir.
2. Şablon Dosyalarına Girin
Şablon dosyalarına erişebileceğinizi ve hatta sıfırdan özel bir şablon oluşturabileceğinizi biliyor muydunuz? Birçok kullanıcı, Squarespace'in ileri düzey kullanıcılar için web sitesi oluşturucusunda gerçekten farklı ve tamamen özel bir şey yapma platformu olduğunu bilmiyor.
İşaretleme, stil ve komut dosyalarını istediğiniz araçları kullanarak düzenleyebilirsiniz. Squarespace barındırmada yaşayan özel bir şablon veya web sitesi bile oluşturabilirsiniz.
Başlamak için ihtiyacınız olan tüm dosyalar, Github'dan klon tabanlı bir şablon, NPM yükleme bağımlılıkları ve bir siteyi dağıtmadan önce yerel bir geliştirme sunucusu yükleme yeteneği dahil olmak üzere kullanılabilir.
Kendi şablonunuzu yaratma seçeneği, sıfırdan bir şey oluşturmakla birlikte gelen bağımsızlığı korurken, Squarespace ile çalışmak isteyen (veya bir Squarespace sitesi isteyen bir müşteriye sahip olmak isteyen) geliştiriciler ve tasarımcılar için mükemmeldir. Mükemmel bir seçenektir ve ihtiyacınız olan tüm tasarım esnekliğini size sunar.
3. Geliştirici Platformunu Kullanma
Şablon dosyası erişimi, Squarespace Geliştirici Platformundaki tek araç değildir. Tamamen sıfırdan bir şey inşa konusunda ciddi iseniz, bu başlamak için yer var.
Geliştirici platformu, tasarımcıların sıfırdan tamamen özel bir site oluşturmalarına ve üçüncü taraf araçlarını kullanmalarına izin verir. Platform bir yerel geliştirme sunucusu, araç kemeri, temel JavaScript API'sı ve daha fazlasını içerir.
Tasarımcılar tam kod kontrolü, tüm Git depolarına erişim, basit bir şablon dili (JSON şablonu), güçlü bir ana bilgisayar altyapısı, yükleme sürelerini azaltan yerleşik CDN ve sağlam bir arka uç site yöneticisi (istemcilere dağıtılabilir) .
John Malkovich Fashion (yukarıda) gibi Squarespace sitelerini kullanan birçok büyük marka var. Şablona benzemediklerini düşünmeyi bıraktınız mı? Özel geliştirmenin bununla çok ilgisi vardır ve platform, Squarespace platformunda gerçekten özel bir tasarım oluşturmak isteyen herhangi bir kullanıcı tarafından kullanılabilir.
4. Şablonları Kullanma
Bir web sitesi oluşturucu şablonuyla başlamanın aslında çok büyük bir değeri var.
Zamandan tasarruf edebilir ve tasarım problemlerini yeni bir şekilde düşünmenize yardımcı olabilir. Bir şablonu tasarım hayal kırıklığı olarak görmek yerine, bir meydan okuma gibi ele alın. Bu kutu içinde bir şey tasarlamanıza yardımcı olması için şablonun kısıtlamalarını kullanın.
Bu, herhangi bir tasarımcı için yaratıcı kasları biraz germeye yardımcı olmak için harika bir egzersiz olabilir. Ayrıca, diğer tasarımcıların içerik ve tasarım öğelerini nasıl bir araya getirdiklerini düşünmenize yardımcı olacak ve yeni bir şey keşfedebilirsiniz.
Squarespace, şablonlar ve başlamak için seçenekler içeren tek web sitesi oluşturucu değildir. Çok sayıda başkaları da var. (Projeleriniz için doğru olanı seçmek için bu karşılaştırma kılavuzunu kullanın.)
5. Üçüncü Taraf Özelleştirmelerini Kullanın
Üçüncü taraf uygulamalar ve özelleştirmelerle bir Squarespace web sitesinin işlevselliğini geliştirin. Çoğu kullanıcı dahil edilen araç setinin ötesine geçmez, ancak tasarımın size ait olmasını sağlamak için tasarımla entegre edebileceğiniz başka birçok öğe vardır.
Squarespace, üçüncü taraf özelleştirmenin, araçta yerleşik olmayan özellikler ve işlevler için kullanılabileceğini söylüyor. Üçüncü taraf uygulamalar bu sorunu birçok tasarımcı için çözer. Bu özelleştirmenin çoğu, bir Squarespace bloğuna kod enjekte edilmesini içerir.
Bazı yaygın üçüncü taraf özelleştirmeleri BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS arama, Apple Touch Simgeleri, Wufoo, Zocdoc ve Swiftype'dir.
Üçüncü taraf uygulamalar sizi korkutuyorsa - Squarespace onlar için destek sunmuyor - birçok benzer işlevsellik sunan yerleşik entegrasyonlar var.
Sonuç
Daha fazla web sitesi üreticisi, daha gelişmiş kullanıcıları platformlara göz atmaya teşvik etmek için geliştirici araçları sunuyor.
Squarespace harika bir araçtır, ancak buradaki birkaç seçenekten sadece biridir - işte en popüler seçeneklerin bir karşılaştırması. Her tasarımcı bir web sitesi oluşturucuyu sevmese de, bir tutamda harika bir seçenek olabilir. Ayrıca, ekstra özelleştirme eklemenin ve hatta Squarespace gibi bir platformda sıfırdan bir web sitesi oluşturmanın birçok yolu vardır.
