GoDaddy Web Sitenizi 6 Basit Adımda WordPress'e Taşıyın

Birçok web sitesi barındırıcısı gibi, GoDaddy de müşterilerin herhangi bir kod bilmek zorunda kalmadan kendi web sitelerini oluşturmalarına olanak tanıyan bir site oluşturucu sunar. Bu site oluşturucular, kullanıcıların sürükle ve bırak öğeleriyle mizanpajlar oluşturmasına ve değiştirmesine olanak tanır.

Diğer site oluşturucular gibi GoDaddy'nin WebsiteBuilder'ı da sınırlıdır. Kullanıcılar, WordPress gibi bir CMS'nin esnekliğini istediklerini çabucak keşfederler ve sitelerini taşımaya çalışırlar. Sorunlardan biri, site oluşturucuların her zaman diğer platformlara aktarılamayan çeşitli kitaplıklar kullanmasıdır. Bu yazıda, bir web sitesini GoDaddy'nin WebsiteBuilder platformundan WordPress'e taşıyacağım ve adım adım nasıl yaptığımı göstereceğim.

Örnek GoDaddy Web Sitesi Oluşturucu Sitesi

GoDaddy's Business Website Builder'ı kullanarak bir web sitesi oluşturdum. İş planını seçtiğimden beri, web geliştirmeye odaklanan bir iş teması kullandım. Web Tasarım Stüdyosu adında bir tema seçtim. Bu, ana sayfada dört sayfa ve bir portföy içeren bir portföy temasıdır.

Adım 1 – Hazırlanmak

Geçiş yapmadan önce web siteniz hakkında bazı bilgiler toplamanız gerekir.

Dikkat edilmesi gerekenler:

• kalıcı bağlantılar
• Menü yapısı
• Sayfa düzenleri
• Yazı tipi stilleri
• Renkler
• Bağlantılar

Bunları WordPress web sitenizde yeniden oluşturmanız gerekecek. Tüm bağlantıları kopyalayıp yapıştırabileceğiniz bir dosya oluşturmanızı öneririm.

Yazı Tipleri ve Renkler

Yazı tipleri ve renkler hakkında bilgi almanın birkaç yolu vardır. Kolay bir yol, URL'yi Web Stili Yakalayıcı'ya yapıştırmaktır. Bu, GoDaddy web sitenizin o sayfada kullandığı her yazı tipini ve rengi listeler. Sadece kullanılan renkleri bilmek istiyorsanız başka bir seçenek de favori resim düzenleme uygulamanızdaki bir göz damlasıdır. Bir ekran görüntüsü alıp Paint.NET'e yapıştırdım ve ardından istediğim renklerin hex kodlarını bulmak için göz damlasını kullandım.

Adım 2 – WordPress Web Sitenizi Kurma

İçeriğinizi aktarmak için her gönderiyi ve sayfayı oluşturmanız gerekir. Düzenleri yeniden oluşturabilir veya yalnızca WordPress'teki varsayılan sayfa düzenlerini kullanabilirsiniz. Bu derste düzeni yeniden oluşturacağım.

Sitenin kendisi için, web sitesini kendi sunucunuzda oluşturabilir ve hazır olduğunda taşıyabilir veya etki alanını canlı ana bilgisayara aktarabilir ve siteyi yayındayken oluşturabilirsiniz. Canlı oluşturuyorsanız, bir bakım modu eklentisi kullanmanızı öneririm. Bakım modunu kullanma hakkında daha fazla bilgi için 5 Bakım Modu veya Çok Yakında Sayfası Oluşturmak İçin WordPress Araçları makalesine bakın.

Düzeni Oluşturma

GoDaddy web sitem için seçtiğim temanın bazı ilginç sayfa düzenleri var. Dört sayfa içeriyordu:

• Ev
• Hakkında
• Hizmetler
• Temas

Ana sayfa en ilginç olanıydı. Hakkında sayfası, fazla çaba harcamadan metin modülleri kullanılarak kolayca oluşturulabilir. Hizmetler ve iletişim sayfaları standart tasarımlardı ve yerleşik Divi modülleri onları pek fazla değişiklik yapmadan yeniden oluşturacaktı.

Ana sayfaya odaklanacağım. Bir portföy, tanıtım yazıları ve düğmeler içerir. Sürükle ve bırak oluşturucu kullanarak düzeni oluşturmam gerekecek. Divi ve Divi Builder kullanıyorum. Sürükle ve bırak sayfa öğelerine sahip herhangi bir tema ve Visual Composer gibi sürükle ve bırak yapı eklentileri dahil olmak üzere diğer sistemler de çalışacaktır.

Ana Sayfa

WordPress'te yeni bir sayfa oluşturun ve Divi PageBuilder'ı seçin. Portfolio Fullwidth Grid'i seçtim ve ihtiyacım olan özellikleri ekledim. Divi'nin yapabileceklerinden yararlanmak istediğim için her ayrıntıyı aynı şekilde almaya çalışmak konusunda endişelenmedim. Örneğin, GoDaddy sitesindeki portföy, tıklanabilir bile olmayan statik görüntülerden oluşuyordu. Divi portföy modülü, animasyonlu tıklanabilir bir dinamik portföy oluşturdu.

Stiller ve Ayarlamalar

Yazı tiplerinizi ve stillerinizi öğrendikten sonra, ayarlamaları yapmak için Divi Tema Özelleştirici'yi kullanabilir veya her bölümü, satırı veya modülü bağımsız olarak ayarlayabilirsiniz.

Renkleri gerektiği gibi bölümlerin arka planına ekledim.

Bazı modüllerin dolguya ihtiyacı vardı. Doğru miktarları elde etmek için denemem gerekti.

GoDaddy sitesiyle aynı renkleri kullandım, ancak gövde metni için Divi'nin varsayılan yazı tiplerini ve WebsiteBuilder'da kullanılan yazı tipi yerine başlık sayfası için daha zarif bir yazı tipi kullanmaya karar verdim. Stil yakalayıcı, yazı tipinin Yesteryear olarak adlandırıldığını gösterir. Bu yazı tipini yüklemek isteseydim bir eklenti kullanabilirdim. Divi'de yazı tiplerini yükleme hakkında daha fazla bilgiyi Web Tasarımı için 15 Zarif ve Modern Yazı Tipi makalesinde görebilirsiniz.

Portföy ile üstündeki bölüm arasında örtüşme oluşturmak için Divi Nation 12. bölümdeki öğreticiyi kullandım ve kodu üst yerine alt kısmı ayarlayacak şekilde değiştirdim. Bunu CSS ile yapmak çok kolay ve bu özelliği öne çıkan basit tasarım öğeleri eklemek için daha sık kullanacağım.

Tanıtım yazısı, büyük bir başlığa sahip düz siyah bir simge ve ayrı bir metin içeriyordu (daha sonra metin hakkında daha fazla bilgi). Divi'nin yerleşik simgelerini ekledim ve boyutlarını eşleşecek şekilde ayarladım. GoDaddy'nin simgelerinin web tasarımına özel olmadığını hissettim, bu yüzden onları tam olarak eşleştirmeye çalışmak yerine benzer bir şey kullandım. Simgelere ihtiyacınız varsa, Çevrimiçi Ücretsiz Simgeler ve Görüntü Varlıkları Bulmak için En İyi Yerler başlıklı 10. makaleye bakın veya ücretsiz simgeler için Elegant Theme'nin blogunda arama yapın.

Düğmeleri tanıtım yazılarının altına yerleştirmek yerine kendi sıralarına yerleştirdim. Bu, düğmelerin birbiriyle aynı hizada olmamasına neden olacak şekilde metin altındaki konumlarını ayarlamak yerine birbirleriyle sıraya girmelerini sağladı.

3. Adım – İçeriğinizi Aktarma

Bu çok zaman alacak. Sizi bir eklentiye veya kullanımı kolay bir hizmete yönlendirmek isterdim. Arama yapmak için saatler harcadım ve ne yazık ki GoDaddy web sitenizin içeriğini WordPress'e aktarmanın tek bir yolu var. Üç kelime: kopyala ve yapıştır. Bunu otomatik olarak yapmanın bir yolu yoktur. Her seferinde bir sayfa olmak üzere elle yapmalıyız.

GoDaddy sayfalarınızı sabit sürücünüze kaydetmenizi öneririm. Metin dosyalarınızı canlı siteden kolayca kopyalayabilirsiniz, ancak kaydedilen ve saklanan dosyalardan kopyalamak, ihtiyacınız olan içeriğe sahip olmanızı ve GoDaddy web sitenizi devre dışı bıraktıktan sonra bunlara kolayca ulaşmanızı sağlar. Bu şekilde onlara erişebileceksiniz.

Bunu yapmanın iki yolu vardır:

1. Her sayfayı sağ tıklayın ve eksiksiz bir web sayfası olarak kaydedin.
2. HTTrack gibi bir uygulama kullanın ve tüm sayfaları bilgisayarınıza indirin.

Bir indirme aracı kullansanız veya sayfalarınızı sabit sürücünüze kaydetseniz bile, yeni gönderileri oluştururken resimlerinizi canlı siteden kopyalayıp yapıştırmanız gerekebilir. GoDaddy'nin WebsiteBuilder'ı, şablonları ve dosyaları farklı sunucularda saklar ve bir web sitesinden diğerine farklılık gösterir, bu da resimlerinizi diğer dosyalarla birlikte indirmeyi zorlaştırır.

Ayrıca, normal GoDaddy barındırma planınıza bir WebsiteBuilder web sitesi yerleştirdiyseniz ve bu planı WordPress web siteniz için kullanmayı planlıyorsanız, önce WebsiteBuilder web sitesini devre dışı bırakmanız gerekecek ve artık içeriğe erişiminiz olmayacak. .

İçeriği Aktarma

İçeriği her seferinde bir bileşen kopyalayıp yapıştırın.

İçeriği modüllerine yapıştırın. Gerekirse, Gelişmiş Tasarım Ayarları'na gidebilir ve sütunu istediğiniz genişlikte yapmak ve içeriğin üstünde veya altında olan öğeler arasında doğru boşluk bırakmak için dolgu ekleyebilirsiniz.

Tüm içeriği yeni web sitesine aktarana kadar kopyalayıp yapıştırmaya devam edin. Bu işlemi yaparak sayfalarınızı her seferinde bir bileşen olarak yeniden oluşturmuş olursunuz. Bu zaman alıcı bir süreçtir ancak WordPress'in esnekliğinden elde ettiğiniz avantajlar çabaya değer.

Ayrıca resimlerinizi ve web sitenizdeki diğer medyaları kopyalayıp yapıştırmanız gerekecektir. GoDaddy şablonunuzla birlikte gelenleri değil, yalnızca kendi resimlerinizi kopyaladığınızdan emin olun. Görüntüler WebsiteBuilder paketinin bir parçası olduğundan, yalnızca bu paket için lisans altında olmaları muhtemeldir.

Adım 4 – Menüler

Sayfalarınızı oluşturduktan sonra, WordPress'in kullanımı kolay menü özelleştiricisini kullanarak menü sistemini oluşturabilirsiniz. Bunu kontrol panelinde Görünüm altında bulabilirsiniz. İstediğiniz sayfaları seçin ve ardından bunları uygun konumlarına sürükleyip bırakın. Bu menüyü birincil menü olarak ayarlamayı unutmayın. Özel menüler oluşturma hakkında daha fazla bilgi için WordPress'te Özel Menü Yapıları Nasıl Oluşturulur makalesine bakın.

Tema Özelleştirici'de menü bağlantılarının renklerini ayarlayabilirsiniz. Başlık ve Gezinme , Birincil Menü Çubuğu öğesini seçin ve ardından metin renklerini yapıştırın. Ayrıca bu menüden GoDaddy sitesine uyacak şekilde menü yüksekliğini ayarladım.

Adım 5 – Yönlendirmeleri ve Kalıcı Bağlantıları Ayarlama

Bağlantılarınızın GoDaddy web sitenizle eşleşmesini isteyeceksiniz. Bu şekilde web sitenize verilen bağlantılar çalışmaya devam eder ve trafik ve SEO kaybetmezsiniz.

İhtisas

Alan adını iletip iletemeyeceğiniz, ona sahip olup olmamanıza bağlı olacaktır. GoDaddy WebsiteBuilder planınızla ücretsiz olarak aldıysanız, satın alma tarihinden bir yıl sonrasına kadar iletmenize izin verilmeyebilir. Ayrı olarak satın aldıysanız, alan adı kayıt sitenizin yönlendirme hizmetini kullanarak yönlendirebilirsiniz. Bu hizmet 301 yönlendirmeleri içerebilir. Değilse, bir eklenti kullanmak isteyeceksiniz.

kalıcı bağlantılar

Bağlantı yapım şuydu: http://www.mysamplewebsite.com/samplepage.html

WordPress'teki yapıyı eşleştirmek için kontrol panelinizde Ayarlar'a gidin ve Kalıcı Bağlantılar'ı seçin. Ortak Ayarlar altında Gönderi Adı'nı seçin. Bu, bağlantılarınızın GoDaddy web sitenizdeki yapıyla eşleşmesini sağlar. Ardından, .html bağlantılarını yeniden yönlendirmeniz gerekecek.

301 Yönlendirmeler

Yeni WordPress web sitenizin bağlantının sonunda .html olmayacak. Neyse ki bağlantıları yönlendirmenin kolay bir yolu var. Bunu bir 301 yönlendirme eklentisi ile yapabilirsiniz. Yönlendirme, arama motorlarına istenen URL'nin yeni bir URL'ye taşındığını bildirir. Bu, SEO'nuzu ve yetkinizi sağlam tutmanıza yardımcı olur.

Patlıcan 301 Yönlendirmeleri adlı bir eklenti kullandım. Hem ücretsiz hem de pro sürümü var. Profesyonel sürüm, 404 izleme özelliği ve geliştirilmiş SEO ekler.

Bunu kullanmak için, Yönlendir alanına /html ile sayfalarınızı yazın. Yönlendirme Hedefi alanında, açılır kutulardan gönderi türünü ve gönderi adını seçin. İşiniz bittiğinde Kaydet'e basın. Kimliği 301 olarak bırakın. Bu, onu kalıcı bir değişiklik yapacaktır. Her URL için bu işlemi tekrarlayın.

Yönlendirme oluşturma hakkında daha fazla bilgi edinmek için WordPress ile Yönlendirmeler Nasıl Oluşturulur makalesine bakın. Yönlendirme eklentilerine genel bir bakış için Döndürme: WordPress için En İyi 7 Yönlendirme Eklentisi makalesine bakın.

404 Sayfa

Yönlendirmelerinizle ilgili sorun olması durumunda bir 404 sayfası oluşturduğunuzdan emin olun. Bu, ziyaretçilerinizin bir sorun olduğunun farkında olmasını sağlayacak ve onları sitenizde gezdirecektir. Etkili bir 404 sayfası oluşturmaya ilişkin iyi bir makale için bkz. Özel WordPress 404 Hata Sayfaları Oluşturma. En iyi 404 eklentilerine bir göz atmak için WordPress için En İyi 7 404 Eklenti makalesine bakın.

Adım 6 – Canlı Yayına Geçmek

Siteniz tamamlandıktan sonra, canlı yayına geçmeden önce tüm bağlantılarınızı test etme zamanı. Her şey yolunda giderse, bakım modunu devre dışı bırakın ve trafiğinizi izleyin. Geri bildirimi dinlediğinizden ve gerektiğinde ayarlamalar yapabilmeniz için 404 hatalarını kontrol ettiğinizden emin olun.

Benim ana sayfam

İşte WebsiteBuilder'daki GoDaddy web sitemin ana sayfasının Divi versiyonu. Ne düşünüyorsun?

Son düşünceler

Bu süreçle ilgili çalışmanın kapsamı, başlangıçta zaman harcamanın ve ihtiyaçlarınız için en iyi platformu seçmenin neden önemli olduğunun harika bir örneğidir. GoDaddy'nin WebsiteBuilder'ından aktarım yapmak, yaptığım en zor ve zaman alıcı site aktarımıydı ve büyük oyuncuların çoğundan (hepsi değilse de) site aktardım.

GoDaddy'nin WebsiteBuilder'ı birkaç gün kullanmak, WordPress'te kalmak istemem için yeterliydi. WebsiteBuilder kullanıyorsanız, geçişi mümkün olan en kısa sürede yapmanızı şiddetle tavsiye ederim. İçeriği ne kadar erken değiştirirseniz, o kadar az endişelenmeniz gerekir. Geçiş yapmak bir kopyala ve yapıştır işlemi olsa da, WordPress'i kullanmanın esnekliği ve kolaylığı çabaya değer ve uzun vadede kendini amorti edecek.

Şimdi sizden haber almak istiyoruz!

Bir web sitesini GoDaddy'nin WebsiteBuilder'ından WordPress'e mi taşıdınız? Burada bahsettiğim yöntemi kullandınız mı? Ekleyeceğiniz bir şey var mı? Yorumlarda bize bildirin!

VSForever / Shutterstock.com'dan makale küçük resmi