Squarespace'i WordPress'e Taşıma: Divi Kullanan Adım Adım Kılavuz

Size platformlarında web siteleri oluşturmanız için araçlar sağlayan birçok web sitesi barındırıcısı var. Sayfalar, blog gönderileri ve hatta çevrimiçi mağazalar oluşturmanıza izin verirler. Çoğunun mükemmel araçları ve yetenekleri vardır ve bazı keskin web siteleri oluşturabilir. Sorun, sundukları özelliklerle sınırlı olmanızdır. Daha pahalı planlara geçmeden sınırların dışında değişiklik yapmak zordur. Sunucularında barındırmayı kontrol ederler, bu nedenle barındırma seçeneğiniz yoktur. Squarespace bu ana bilgisayarlardan biridir.

Squarespace web siteleri harika görünüyor, ancak siz veya müşterileriniz daha fazla kontrol, hatta farklı bir platform istiyorsanız, sitenin yeni platforma taşınması gerekecek. Her gün daha fazla web sitesi WordPress'e taşındıkça, taşıma araçları ve eğitimleri daha gerekli hale geldi.

Bu yazıda bir web sitesini Squarespace'den WordPress'e taşıyacağız. Verileri taşımak o kadar da zor değil ama burada durmak istemiyorum. Squarespace'deki birçok web sitesi modern düzenlere sahiptir. Hatta aynı web sitesinde birden fazla düzen içerirler. Bu düzenler, kullanıcıların neden Squarespace'i kullanmak istediklerinin bir parçasıdır. Ancak şablonlar taşınmaz, bu nedenle benzer bir düzen istiyorsanız değişiklikleri kendiniz yapmanız gerekir. Web sitesini taşıdıktan sonra, Divi ve Divi Builder'ı kullanarak bazı düzen öğelerini yeniden oluşturmaya göz atacağız.

Squarespace Web Sitesi

Bu eğitim için Squarespace ile bir deneme hesabı oluşturdum ve siteyi, çalışmalarımı sergileme hedefiyle bir blog olarak kurdum. Sitenin kendisi örnek içerik içeriyordu. Bu içeriği tuttum ve test etiketleri ve kategorileri ile birlikte birkaç test gönderisi oluşturdum.

Yapmak istediğim ilk şey, sayfaları, yerleşimlerini (bir sayfadan diğerine farklılık gösteriyordu) ve menü yapısını not almaktı. Taşıma işlemi tamamlandıktan sonra web sitemi doğrulamak ve web sitemi yeniden oluşturmak için gerekli tüm ayarlamaları yapmak için bu bilgileri kullanacağım. Notlarımı alıp ihtiyacım olan tüm bilgileri aldıktan sonra web sitesini dışa aktarmanın zamanı geldi.

İhracat

Squarespace, web sitesini dışa aktarmayı kolaylaştırır. Menüde Ayarlar , Gelişmiş ve ardından İçe / Dışa Aktar 'ı seçin . Menü ekranda değilse, menünün görünmesi için sol üst köşedeki oka tıklayabilirsiniz.

Dışa Aktar'ı seçin. Bu, dışa aktarmak istediğiniz platformu seçebileceğiniz bir iletişim kutusu açacaktır. Şu anda tek seçenek WordPress. WordPress'e dışa aktardığımız için şanslıyız.

WordPress'i seçin ve Squarespace'in indirme bağlantınızı oluşturmasını bekleyin. Birden fazla blog oluşturduysanız, sizden birini seçmenizi isteyecektir. İndirme bağlantınız hazır olduğunda size bir açılır pencere verecektir. Dışa Aktar düğmesinin altındaki alana ilerleyin ve İndir'i tıklayın. Bu size Squarespace web siteniz için XML dosyasını verecektir. Birden fazla dışa aktarma dosyası oluşturduysanız, bunlar bu listede görünecek ve dosyaya hangi sayfaların dahil edildiğini gösteren notları içerecektir.

Squarespace'i WordPress'e Taşıma

WordPress kurulumunuzu daha sonra taşımak için özel bir sunucuda veya barındırma planınızda kurun. Bir barındırma planı kullanıyorsanız, WordPress kurulumunuzu bakım moduna geçirmenizi öneririm. Bu, arama motorlarına sitenizin henüz trafiğe hazır olmadığını söyleyecek ve siteyi bulan herkesi yakında sitenin durumu hakkında uyaracaktır. Bu fırsatı e-postaları yakalamak ve sosyal ağ takipçileri almak için bile kullanabilirsiniz.

Artık Squarespace web sitenizi içe aktarmaya hazırsınız. WordPress kontrol panelinizde Araçlar'a gidin ve İçe Aktar'ı seçin. Bu, içe aktarma eklentilerinin bir listesini açacaktır.

Squarespace için içe aktarma eklentisi yok. Neyse ki Squarespace indirme dosyasını oluşturduğunda onu WordPress uyumlu bir dosya olarak biçimlendirdiler. Bu listeden WordPress'i seçip eklentiyi yükleyebilirsiniz. Eklenti gönderileri, sayfaları, kategorileri, etiketleri, özel alanları, yazarları ve yorumları içe aktarır.

Eklenti yüklendikten sonra web sitenizi içe aktarmaya hazırsınız. Eklenti sizi içe aktarma ekranına götürmelidir. Dosya Seç'e tıklayın ve XML dosyanıza gidin ve Dosya yükle ve içe aktar'ı seçin.

Dosya yüklendikten sonra, yazarı içe aktarmayı, yeni bir kullanıcı oluşturmayı veya mevcut bir kullanıcıyı atamayı seçebileceğiniz bu ekrana yönlendirileceksiniz. Resimlerimi getirip getirmeyeceğini görmek için dosya eklerini indirip içe aktarmayı seçtim. Ne yazık ki, medya eklerinin içe aktarılamadığına dair bir mesaj aldım. Ancak, yayınlardaki bazı resimlere bağlantı verdi. Görüntüleri içe aktarmak istiyorsanız, CMS2CMS gibi farklı bir araca ihtiyacınız olacaktır.

Her iki yazımı da kategoriler ve etiketlerle birlikte içe aktardı. Ayrıca 7 sayfanın tümünü içe aktardı. Sürprizime göre, geçiş, HTML sayfa biçimlendirmesiyle tamamlanmış demo içeriğini bile içe aktardı.

Göç etmeyen bir şey de görüntülerdi. Bir seçenek, görüntüleri çevrimiçi bir hizmete yüklemek ve ardından oradan onlara bağlantı vermektir. Başka bir seçenek de premium bir geçiş hizmeti kullanmaktır.

CMS2CMS Taşıma

CMS2CMS, Squarespace'den WordPress'e geçiş yapmak için bir araca sahip birinci sınıf bir hizmettir. Sayfaların, etiketlerin, resimlerin, dahili bağlantıların ve hatta 301 yönlendirmelerinin taşınmasını içerir. Ayrıca yazarları, tarihleri, durumu ve kategorileri içerir. Ek seçenekler, ekler, HTML biçimlendirmesi ve daha fazlasını içerir.

Site bilgilerinizi girin ve Squarespace'den WordPress'e geçiş yapmayı seçin. Yalnızca içerik taşınabilir. Şablon geçişini desteklemiyor. Yine de resimlerinizi içe aktaracaktır, bu yüzden çok sayıda resim içeren büyük bir web siteniz varsa bu seçeneği öneririm.

WordPress'te Ayarlamalar Yapmak

Taşıma işlemini tamamladıktan sonra yapılması gereken bazı ayarlamalar olabilir. Menü yapısını, kalıcı bağlantıları ve sayfa düzenlerini yeniden oluşturmak istedim. Bu ayarlamalar herhangi bir sırayla tamamlanabilir.

Menü Yapısı

Orijinal menümüz Ana Sayfa, Hakkında, Yeni Blog, Haberler, Beni Oku ve Harekete Geç'i içeriyordu. “Hakkında” dört sayfa içeren bir açılır menüydü: Ne Yapıyoruz, Projeler, Ortaklar ve İletişim. Bu mükemmel bir menü yapısıdır ve ziyaretçileriniz muhtemelen buna alışmıştır. Bu, daha iyi hale getirmedikçe değiştirmemeniz gereken şeylerden biridir. Menü WordPress'e taşınmadı. Neyse ki WordPress menü sistemini kullanarak yeniden oluşturmak kolaydır.

Kontrol panelinizde Görünüm ve Menüler'e tıklayın. Yeni bir menü oluştur 'u tıklayın. Sizin için anlamlı olan bir şey adlandırın. Sayfaları menü yapısı üzerine sürükleyip bırakın. Menü yapımızda “Hakkında” bir sayfa değildi. Özel bir bağlantı oluşturdum ve adını Hakkında. Ben de Haberler adında bir kategori oluşturup menüye ekledim. Menüyü Birincil olarak ayarlayıp kaydettim.

Menü yapısı artık yerinde ve eskisi gibi çalışıyor.

Theme Customizer'da başlık ve yazı tipi renklerini ayarladım. Arka Plan , Etkin Bağlantı ve Metin renklerini ayarlamak için Başlık ve Gezinme'ye gidin ve Birincil Menü Çubuğu'nu seçin.

kalıcı bağlantılar

Bir Squarespace hesabıyla kendi alan adınızı kullanıyorsanız, kalıcı bağlantılarınızı bir siteden diğerine eşleşecek şekilde değiştirmek isteyeceksiniz.

Örnek sitemdeki linklerim şöyle görünüyordu:

squarespace.com/new-blog/2016/2/10/this-is-a-test-post

WordPress bağlantılarınızı eşleştirmek için Ayarlar'a gidin ve Kalıcı Bağlantılar'ı tıklayın. Bu durumda yıl, ay, gün ve ardından gönderinin adını arıyoruz.

Bu seçenek genel ayarlardan biridir. İkinci ortak ayarı seçin: Gün ve ad. Her URL'yi kontrol etmenizi öneririm. Alanınızı yeni WordPress sitenize yönlendirdiğinizde, URL'lerin çalışmaya devam etmesini istersiniz. Ayrıca, herhangi bir sorun olması durumunda hata mesajı içeren bir 404 sayfası oluşturmanızı da öneririm.

URL Eşleme

Bir Squarespace URL'si kullanıyorsanız, sayfalarınızı ve gönderilerinizi yeni web sitenize yönlendirmek isteyeceksiniz. Bu, SEO'nuza ve diğer web sitelerinden, e-postalardan ve sosyal ağlardan gelen bağlantılara zarar vermemenize yardımcı olacaktır. Squarespace, 301 veya 302 yönlendirmesine izin verecek yerleşik bir URL eşleme aracına sahiptir. 301 yönlendirmeleri kalıcı, 302 yönlendirmeleri ise geçicidir. 301 yönlendirmesi yeni URL'ye yönlendirilir ve arama motorlarına hareket hakkında bilgi verir. Bloglarınızı, ürünlerinizi ve etkinlik sayfalarınızı yönlendirebilirsiniz. Ayrıca RSS beslemeniz için bir 301 yönlendirmesi kullanacaksınız.

Ayarlar , Gelişmiş'e gidin ve URL Eşlemeleri'ni seçin. Yönlendirmelerinizin kodunu kod kutusuna girin. Herhangi bir sayfayı başka bir etki alanındaki herhangi bir sayfaya yönlendirebilirsiniz. Örneğin, bir gönderiyi yeni gönderinize yönlendirmek için kod şöyle görünür:

/ilk-yazının-başlığı -> /blog/ilk-yazının-başlığı 301

Bu zaman alıcı bir süreç olabilir, ancak CMS2CMS gibi bir hizmet veya Simple 301 Yönlendirmeleri gibi bir eklenti sizin için bunu halledebilir.

Düzeni Oluşturma

Tamamlamak istediğim görevlerden biri, düzeni WordPress'te çoğaltmaktı. Bu düzeni yapabilen birçok iyi tema var. Divi'yi seçtim çünkü düzen ayarlarını yapabildim ve her gönderi için büyük başlık resmi oluşturabildim. Sayfalar farklı düzenlere sahip olacak ve bazıları dikey bir menü sistemi gerektirecektir. Kesinleştirmeye çalışmıyorum. Bunun nedeni, Divi'nin iyileştirme için bir miktar fırsat vermesidir.

Bunun bir başka nedeni de, birkaç fare tıklamasıyla benzer bir şey yaratabiliyor olmam. Bunun bir Divi dersi olmasını istemiyorum, ancak iki sayfayı nasıl yaptığımı göstermek istiyorum. Bu sayfaları oluşturmak için çok fazla zaman harcamadım, bu yüzden tam kopyalar değiller, ancak yapmayı seçtiğiniz şey buysa, burada Squarespace düzenini yeniden oluşturmanın ne kadar kolay olduğunu size gösterecektir.

Squarespace'de Ana Sayfa

İşte Squarespace web sitesinden ana sayfaya bir bakış. Amacım, metin içeren büyük bir başlık resmi oluşturmak, ortalanmış bir metin eklemek ve ardından küçük bir alıntı ve her sayfa için bir resim içeren iki sayfaya bağlantı vermek.

Divi'de Ana Sayfa

Ana sayfayı simüle etmek için Sizinle Başlıyor adlı bir sayfa oluşturdum. Tam genişlikte bir görüntüye, bir tanıtım yazısına ve Hakkında ve Eylem Yap sayfalarından alıntılara ve görüntülere sahiptir.

Divi Builder'ı kullanarak üç bölüm oluşturdum. İlki tam genişlikte bir başlığa sahiptir. Hepsinin daha iyi öne çıkması için üzerine metin ve ince bir kaplama rengi olan arka plan resmini yerleştirdim. Sonraki bölüm bir sütun içerir ve tek bir metin modülü içerir. Sonraki bölümde iki sütun (1/2 ve 1/2) vardır ve iki tanıtım yazısı ve iki düğme içerir. Bunların tümü, Squarespace örneğindeki gibi stil vermek kolaydı.

Statik Ön Sayfa

Sonraki görev, sayfayı ana sayfa olarak ayarlamaktı. Tema özelleştiricide, Statik Ön Sayfa'yı seçin, A statik sayfa radyo düğmesini tıklayın ve istediğiniz sayfayı seçin.

Blog sayfası için Yazılar Sayfası açılır kutusunun altında Yeni Blog'u seçtim.

Ne Yapıyoruz – Squarespace'de Bir Hakkında Sayfası

Squarespace şablonundaki çeşitli sayfalar farklı düzenlere sahiptir. Ne Yapıyoruz adlı bunlardan biri, tam genişlikte bir görüntü, bir başlık, misyon ifadesi, alıntı, iki sütunda madde işaretleri ve sol tarafta gezinme içeriyor.

Ne Yapıyoruz – Divi'de Bir Hakkında Sayfası

Divi'deki sonuç budur. Daha yakın isteseydim, tema özelleştiriciyi kullanarak farklı yazı tipleri seçebilirdim. Varsayılan yazı tiplerini kullandım.

İşte düzenime bir bakış. Üç bölüm kullandım. Birincisi, kaydırıcılı tam genişlikte bir bölümdür. Arka plan resmini ve metnini içerir. İkincisi, metin ve referans içeren iki sütuna (1/3 ve 2/3) sahiptir. Elbette bunu alıntı biçimlendirmeli metinle yapabilirdim. Yan gezinmeyi oluşturmak için bağlantıları olan metin kullandım. Üçüncü bölümde, ortada ve sağda metin bulunan üç sütun (1/3, 1/3, 1/3) vardır. Bu, madde işaretlerini yerleştirdiğim iki sütunu oluşturur.

Son düşünceler

Squarespace'i WordPress'e geçirmek o kadar da zor değil, ancak yeni web sitenizde yapmanız gereken pek çok ayar olacak. Resimleriniz için CMS2CMS gibi bir şeye ihtiyacınız olabilir. Menü yapınızı yeniden oluşturmanız ve kalıcı bağlantılarınızı ve 301 yönlendirmelerinizi ayarlamanız gerekecek. Divi Builder gibi bir şey kullanmak, düzenlerinizi yeniden oluşturmayı ve iyileştirmeyi kolaylaştırır. Divi'den aldığım sonuçlardan memnunum. Yapması uzun sürmedi ve daha sonra yeniden kullanmak üzere düzenleri kaydedebilirdim.

Şimdi sizden haber almak istiyorum. Squarespace'i WordPress'e geçirme sürecinden geçtiniz mi? Ekleyeceğiniz bir şey var mı? Aşağıda düşüncelerinizi duymak isterim.

Makale küçük resmi fatmawati achmad zaenuri / Shutterstock.com