Squarespace Tutorial: Squarespace web sitesi nasıl oluşturulur
Bu Squarespace eğitiminde, Squarespace’de baştan sona bir web sitesi oluşturarak size rehberlik edeceğiz. Squarespace, rakipleriyle karşılaştırıldığında, bu sektördeki en şık web sitesi tasarımlarından bazılarını ve her deneyim düzeyinde işletme sahipleri için yapılan site üreticileri sunmaktadır. Bu platform, sosyal medya, çevrimiçi satışlar ve e -posta pazarlaması için kullanımı kolay araçlarla işlevlerini düzenli olarak genişletir.
İçerik Listesi:Kişiselleştirme
İlk Tasarımı Seçin
Önemli olanı ekleyin
Başlığı düzenleyin ve bölümü ekleyin
Sayfanızda daha fazla içerik düzenleyin
Daha fazla sayfa ekleyin ve menüleri düzenleyin
Squarespace web sitenizi yayınlayın
Bir alan adı etkinleştir
Squarespace Site Tasarım yönlerinizi yönetin
Web sitenize çevrimiçi bir mağaza ekleyin
Çevrimiçi mağazanızla nasıl ödeme alacağınızı ekleyin
Nakliye Gereksinimlerini Belirleyin
Yayınladığınız Squarespace web sitenizi görün
#Squarespace ile mi inşa et? Bu adım adım kılavuzla mükemmel bir web sitesi oluşturun
Tweet için tıklayın
Squarespace Eğitimi: Squarespace Squarespace ile bir web sitesi nasıl oluşturulur, çok fazla tasarım işi olmadan web siteleri oluşturmayı ve başlatmayı kolaylaştırır.
Başlamak için Squarespace web sitesini açın ve Başlat düğmesini tıklayın. Squarespace ana sayfasında çeşitli alanlarda yer almaktadır. 1. Squarespace deneyiminizin kişiselleştirilmesi Başlangıçta Squarespace, işletmenizden ve kişisel bilgilerinizden sizi doğru yöne yönlendirmesini ister. Örneğin, bir fitness blogu yapan biri, bloglar, fitness veya diğer ilgili tasarımlara hizmet veren web sitesinin temasına gönderilecektir. Bu bölümü geçebilirsiniz, ancak ideal tasarım ve özellikleri bulmak için izlemenizi öneririz. Fitness, restoran, moda veya gezi gibi sitenizin ne olduğunu seçin. Devam etmek için bir sonraki düğmeye tıklayın.
Bir sonraki sayfada, ürün satma veya blog yayınlama gibi ana hedeflerinizi belirleyin. Bir kez daha, bu sorular web sitenizi başlatırken doğru stili ve araçları sunmayı amaçlamaktadır. Tamamlandıktan sonra bir sonraki seçin. Squarespace’e bir site yapma sürecinde nerede olduğunuzu söyleyin. Bu adımın ana nedenlerinden biri, siteleri diğer platformlardan Squarespace’e aktarmak için yardıma ihtiyacınız olmasıdır. Öğretici Squarespace ile devam etmek için Bitir’i tıklayın. 2. Hazır olan kişisel bilgilerinizle ilk tasarımı seçin Squarespace, işiniz, portföyünüz veya grubunuz için ne istediğinize yaklaşan bir web sitesi teması sağlamaya çalışır. Bu Squarespace eğitimi için bir çevrimiçi mağaza ve blog teması kullanacağım. Bu nedenle, bu kriterlere göre filtreleyebilirim.
İstediğiniz marka resmine uygun bir tasarım bulmak için sonuçları kaydırın. Arayan renk, yazı tipleri ve görüntülere olabildiğince yakın olmak için en iyisini deneyin. Bu şekilde, gelecekte çok fazla ayarlamanıza gerek yoktur. Birkaç web sitesi temasının önizlemesini gördükten sonra, ana tasarımınız olarak hareket etmek için birini tıklayın. Daha sonra Squarespace sizden bir hesap girmenizi veya oluşturmanızı ister. Facebook veya Google gibi e -posta veya sosyal girişle devam edebilirsiniz. 3. Önemli olanı ekleyin Sitenizi başlatmadan önce ilk adım, SEO öğeleri ve site adları gibi önemli şeylerin eklenmesini içerir. Put Sitenizin başlığını yazıyor gibi görünüyor. Bu alanı tamamlayın ve devam eden düğmeyi tıklayın. Squarespace temasıyla ilgili en iyi şey, web sitenizin çoğunu resimler, başlıklar ve demo menüleri ile işleyen bir ürüne değiştirmiş olmalarıdır. Site tasarımınızı bir tarafta, özellikler ve ayarlar listesinin yanında görüntüleyen Squarespace Editor’a yönlendirileceksiniz. Site önizlemesindeki Düzenle düğmesini tıklayın. Temel ayarlara geçmek için dişli simgesini göreceksiniz. Tıkla. Sayfa ayarları, genel ayarlar, SEO, sosyal görüntüler ve diğer ayarlar için sekmeleri içerir. Sitenizin kimliğini belirlemek için tüm bunları tıklamaktan çekinmeyin.
Örneğin, Sosyal Görüntü sekmesi yalnızca sosyal sitenin sayfalardan veya yayınlardan görüntü çizmesi zorsa kullanılacak hızlı görüntüleri yüklemenizi gerektirir. 4. Üstbilgiyi düzenleyin ve belirli bir sayfaya kaydırdığınızda görünen çeşitli düğmeleri ve bağlantıları ekleyerek Visual Squarespace düzenleyicisini ekleyin. Başlamak için iyi bir yer bir site başlığıdır. Site Başlığı Düzenle düğmesini görüntülemek için imlecinizi başlık alanına kaydırın. Düğmeye bas. Editör düzenleme aracı aşağıdakileri içerir: Başlık ve site logosu Element
renk
Sabit pozisyon
Kalıcı Başlık Stili
ve daha fazlası
Her gölgelik ayarı, neyin çözülmesi gerektiğine göre açmanız ve kapatmanız veya ayarlamanız için kendi araçları vardır. Örneğin, renk şemasını değiştirmek veya yeni bir yazı tipi eklemek isteyebilirsiniz. Yaptığınız her değişiklik önizlemede görünür.
Görsel editörde de parçalar oluşur. Teknik olarak, Squarespace sitesindeki her sayfa birkaç parça olarak birleştirilmiştir. Yeniden veya üstüne yerleştirmek için bölümün yakınındaki parçayı yeniden düzenlemek veya düğmeyi tıklayarak bölümü tıklayıp sürükleyebilirsiniz. Şimdi bölümü eklemek için açılır kutuyu göreceksiniz. Tüm parçalar, bazıları şunları içerir: Bağış Biçim Bülten
Rezervasyon
Sosyal
Tur tarihi
Takvim
artı daha fazlası
Her koleksiyon için farklı tasarımları ve seçenekleri görüntülemek için bir koleksiyon seçin. Örneğin, takvim koleksiyonu farklı işlevselliğe sahip üç takvim formatına sahiptir.
Parçalardan birini tıklamak seçtiğiniz yere bırakır. Her parçanın farklı bir işlevselliğe sahip olduğu düşünüldüğünde, hepsinin farklı özellikleri vardır.
Benzersiz ayarlarını değiştirmek için görsel düzenleyicinin yeni bölümüne tıklayın. Örneğin, takvim bölümü, web sitenizden veya üçüncü taraf hizmetlerinden çekici olan etkinlikleri, ürünleri ve blog yayınlarını görüntüleme seçeneğine sahiptir.
5. Sayfa Squarespace sayfanızdaki daha fazla içerik düzenleyin Tüm web sitesi sayfalarınızı Visual Editor aracılığıyla ziyaret etmenizi sağlar. Bu, sıradan bir web sitesinde yaptığınız gibi önizleme penceresinden tıklayarak veya sayfa sekmesini açarak ve verandanın dışındaki başka bir sayfayı tıklayarak yapılır. Sayfadaki herhangi bir şeyi düzenlemek için, Visual Editor’daki Düzenle düğmesini seçin ve düzenleme seçeneğini görmek için imlecinizi sayfanın etrafına taşıyın. Çoğu zaman, paragraf kutusu veya resim gibi öğeleri tıklamak bir şeyi değiştirmenizi sağlar. Bu Squarespace eğitiminde, birkaç başlık ve cümle düzenlemek için paragraf metin kutusuna tıklayacağız. Gördüğünüz gibi, basit bir metin düzenleyicisi biçimlendirmek, metni kalınlaştırmak ve başka bir sayfaya bağlantı vermek için bir düğme ile görünür. Squarespace, değişiklikleri kaydetmeden önce istediğiniz kadar düzenleme yapmanızı sağlar. Sitenizin başka bir bölümüne geçmek veya diğer özellikleri yapılandırmak için Bitmiş → Sayfanın sağ üst köşesine kaydedin.
6. Daha fazla sayfa ekleyin ve çoğu Squarespace temasıyla menüleri düzenleyin, varsayılan olarak navigasyon menüleri eklenir. Sayfa sekmesine tıklayarak ek sayfalar ekleyebilir, geçerli sayfaları düzenleyebilir ve demo içeriğini silebilirsiniz.
Ana navigasyonunuzdaki her sayfa ana navigasyon başlığı altında kaydedilir. Ayrıca, aşağıda bağlantılı olmayan, bir sayfa olarak işlev gören ancak ana menüye dahil olmayan bir sayfanız da olabilir. Bir sayfa eklediğinizde veya menü öğesinin adını her değiştirdiğinizde, yeni öğe web sitesinde görüntülenir. Yeni bir sayfa oluşturmak için, geçerli menü öğeleri listesinin üzerindeki “+” düğmesini seçin. 7. Squarespace web sitenizi belirli bir noktada yayınlayın, web sitesinin yeterli içeriğe sahip olduğuna ve halk tarafından görülmeye hazır olduğuna karar vereceksiniz. Tüm Squarespace web siteleri ücretsiz deneme olarak başlar, bundan sonra web sitesini başlatmak için premium bir paket ödemeniz istenecektir. Bu işlemi başlatmak için Ayarlar sekmesine tıklayın. Sitenin kullanılabilirliğinin yanında, “kişisel” kelimelerini göreceksiniz. Bir kamuya dönüştürmek için Site Kullanılabilirliği düğmesini tıklayın. Yine de Squarespace aboneliğini ödeyebilir ve sitenizin gizliliğini koruyabilirsiniz. Aslında, üç site kullanılabilirliği ayarı vardır: kamu, şifrelerle korunan ve kişisel. Web sitenizi resmi olarak başlatmak ve halka açık hale getirmek (ve diğer tüm özellikler üzerinde tam kontrol almak) için yayınlanacak iyileştirme düğmesini seçin.
Bu, ödeme paketine karar vermek için sizi sayfaya götürür. Aylık veya yıllık ödeme yapmayı ve kişisel, iş, ticaret temel veya ticaret ilerlemiş paketlerine karar vermeyi seçebilirsiniz. Squarespace planı hakkında daha fazla bilgi burada bulunabilir. Paketi etkinleştirmek ve çalıştırmak için kişisel bilgilerinizi ve ödemenizi doldurun. Ödeme işlendikten sonra, Squarespace web sitesinin gururlu sahibisiniz! 8. Profesyonel alan adının alan adını etkinleştirin, resmi web sitenizi oluşturmak için bir sonraki adımdır. Neyse ki, Squarespace bir satın alma aracı ve doğrudan gösterge tablosuna alan adlarının aktarılması sunar. Başlamak için Etki Alanı düğmesini bulun ve seçin. Web siteniz için bir alan adı oluştururken birkaç seçeneğiniz vardır. Varsayılan etki alanı Squarespace, web sitenizi barındırmanız, yeni tasarımları test etmeniz ve hiçbir şey ödemeden Squarespace arayüzüyle oynamanız için bir oda olarak sağlanmıştır. Diğer seçenekler arasında bir etki alanı alın ve sahip olduğum bir etki alanı kullanın. Diğer sağlayıcılardan etki alanı aktarım işlemine girmem gereken alanı kullanmayı seçin. Bir etki alanı alma seçeneği aracılığıyla önerilen etki alanı listesini görürsünüz. Beğendiğiniz etki alanını seçin ve ödeme düğmesini tıklayın. Web sitenizi ücretli bir hesaba güncellemek gibi Squarespace ödeme bilgileri ister ve etkin web sitenize otomatik olarak bir etki alanı adı uygular. 9. Squarespace’deki Squarespace Site Tasarım Modülünüzün tasarım yönlerini yönetin, renk, boyut ve yazı tipini ayarlamak için sayısız araca sahiptir. Bu özellikleri keşfetmek için Tasarım sekmesine tıklayın.
Tasarım modülünde ne bulabilirsiniz? yazı tipi renk animasyon Mesafe
top Resim bloğu
Tarayıcı simgesi
Kilit ekranı
Ödeme sayfası
Kullanılabilir düzenleme seçeneklerini görmek için bu sekmelerin her birini tıklamanızı öneririz.
Çoğu için, tasarım düzenlemesinin sonuçları doğrudan web sitelerinde görüntülenir. Örneğin, varsayılan yazı tipi ailesini değiştirmek, önceki yazı tiplerini hemen yenileriyle değiştirdi.
Tüm tasarım araçları, oldukça benzersiz bir düzen elde etmenizi sağlayan bazı ayarlar içerir.
10. Web sitenize çevrimiçi bir mağaza ekleyin, herkesin çevrimiçi bir mağazaya ihtiyacı olmasa da Squarespace, çevrimiçi satışları herhangi bir web sitesi tarzında birleştirmek için bir mağaza üreticisi sunar. Bazı temalar diğerlerinden daha iyidir, ancak genel olarak, en basit iş temalarına bile bazı ürünler ekleyebilirsiniz. Bir mağaza eklemekle ilgileniyorsanız, bir müşterinin yeri sitenize gelir ve bir ürün satın alır, Ticaret sekmesini tıklayın.
Mağaza hazırlama işlemi dört adım gerektirir. İlerlemek için Başlat düğmesine tıklayın.
Mağazalar için ilk eylem, satılacak ürünleri eklemektir. Satılık Reds Ürün düğmesini seçin.
Bir noktada, Squarespace sizden mağaza düzenini seçmenizi ister. Tema değişir, ancak genellikle en az iki düzen sunar. Seçtiğiniz mağaza düzenine tıklayın. Mağaza odaklı temaların çoğunda tasarıma dahil edilen demo ürünleri vardır. Bu nedenle, gelecekte ürünleri düzenlemek veya ürünün web sitenizde neye benzediğinin bir resmini almak için kullanabilirsiniz. Değilse, kataloğa yeni bir ürün eklemek için “+” düğmesini tıklayın. Satmak istediğiniz ürün türünü belirlemek için aşağıdaki seçeneği seçin: Fizik
Dijital Servis Tebrik kartı Ürün türü, mevcut ürün ayarlarını ve satışın müşteriye nasıl gönderildiğini belirler. Squarespace öğreticimizin bir sonraki bölümü ürün sayfasının kendisi içindir, ürün resimlerini yüklemek, fiyatları ayarlamak ve envanteri yapılandırmak için çeşitli alanları görüntüler. Tüm önemli bilgileri doldurmanızı sağlamak için ürün sayfasında aşağı kaydırmaya devam edin. Ürün sayfasının en düşük kısmı, özel formlar veya abonelik özellikleri gibi ürüne özel içerik mi yoksa ek işlevler mi eklediğinizi sorar. Ürün sayfanızın tasarımından ve içeriğinden memnunsanız bitmiş → Kaydet’i tıklayın.
11. Çevrimiçi mağazanızla ödeme almanın bir yolunu ekleyin, tüm satışları işleyen bir ödeme ağ geçidi girmek için Ücretli Ödeme Düğmesi Ekle düğmesine tıklayın.
Squarespace, Stripes, PayPal Business ve Square dahil olmak üzere çeşitli ödeme ağ geçitlerini destekler (ABD Satış Noktaları İşlemleri için). Squarespace öğreticilerine devam etmek için kullanmak istediğiniz kişiyi tıklayın ve PayPal, şerit veya kare hesaplarınızı web sitesine bağlamak için adımları izleyin. Gönderim Gereksinimlerini Belirleyin Düğmeye tıklayın Ürününüzü nasıl göndereceğinizi seçin.
Bu sayfadaki nakliye oranlarını belirleyin. Sabit bir oran seçebilir, ağırlığa dayalı bir ürün gönderebilir veya operatörden fiyatı sizin için hesaplamasını isteyebilirsiniz.
Tüm gönderim yöntemleri ve oranları, nakliye yönteminin etkinleştirildiği alanın yanı sıra gönderim seçenek listenizin altında görünür.
Burada Squarespace fiyatı hakkında tam ayrıntılarımız var. Ancak, çoğu ticaretin işlevine sahip olması için, iş paketini etkinleştirmelisiniz, Ticaret Basic veya Ticaret Gelişmiş. 13. Telefon Icon tarafından yayınlanan Squarespace web sitenize bakın, editörün sağ üst köşesinde bulunur. Sitenin mobil önizlemesini görmek için üzerine tıklayabilirsiniz. Bu site, daha küçük cihazlar için duyarlı arayüzler sunan tüm içeriği yalnızca yerine içerir. Web sitenizi tam olarak görmek için sağ üst köşedeki Ok düğmesini tıklayın. Bu, sizi doğrudan etkin alan adı ile web sitesine götürür. Artık Squarespace web sitenizin tüm yönlerini test edebilir ve görebilirsiniz. Yukarı git Bu Squarespace öğreticisi hakkında bir soru var mı?Squarespace, güzel bir web sitesi oluşturma bilgisine sahip bir acemi gibi görünmesi için araçlar ve tasarım becerileri sağlar.Hala emin değil?Squarespace’in diğer seçeneklerle nasıl istiflendiğini görün: Squarespace vs wordpress squarespace vs wix Bu squarespace öğreticisi hakkında daha fazla soru varsa, yorumlarda bize söyleyin! Tweet için tıklayın … WordPress sitenizi hızlandırmak için Flash kursumuza katılmayı unutmayın.Bazı basit iyileştirmelerle, yükleme süresini%50-80’e düşürebilirsiniz: Düzen ve Sunum Chris Fitzgerald ve Karol K.
