Webflow'dan WordPress'e geçiş için 7 adımlık kolay kılavuz

Webflow, sürükle ve bırak düzenleyicisi ve önceden tasarlanmış şablonları sayesinde koda ihtiyaç duymadan web sitesi oluşturmayı çok kolaylaştırır.

Ancak ihtiyaçlarınız arttıkça, muhtemelen sınırlamalarla karşılaşacaksınız.

Çevrimiçi üyelik oluşturma yeteneği hala beta aşamasındadır, oysa bu WordPress'te yıllardır SureMembers gibi eklentiler kullanılarak mevcuttur.

Çarpıcı bir e-ticaret web sitesine mi ihtiyacınız var? SureCart ile yüksek dönüşüm sağlayan bir mağaza oluşturun.

Spectra gibi güçlü eklentiler, kolayca güzel web sayfaları oluşturmanız için tasarım blokları, tel çerçeveler ve şablonlar sağlar.

Devam edebilirdik…

Önemli olan, özel mülk yazılıma bağlı olmanıza gerek olmamasıdır. WordPress ile daha fazla ve daha iyi sonuçlar elde edebilirsiniz.

Bu nedenle, bu kılavuzda adım adım Webflow'dan WordPress'e nasıl geçeceğinizi göreceksiniz.

Web siteleri oluşturmanın ve yönetmenin yeni bir yolu sizi bekliyor.

Hadi içine atlayalım!

Sitenizi #Webflow'dan #WordPress'e geçirerek yeni bir esneklik ve kontrol çağına geçin.

Webflow'dan WordPress'e Geçmek İçin Neye İhtiyacınız Var?

Webflow'dan WordPress'e geçiş yaparken yalnızca birkaç temel öğeye ihtiyacınız olacak.

Webflow, işlevsel bir web sitesi oluşturmak ve sürdürmek için ihtiyacınız olan tüm öğeleri sağlar.

1. Webflow.io'da bir alt alan adı veya özel bir alan adına bağlanma imkanı.
2. Web sitenizi oluşturmak için yazılım .
3. Tüm site öğelerini barındırmak için barındırma .

Bir WordPress web sitesine geçiş yapmak için önce bu kaynakları kendi başınıza çoğaltmanız gerekir.

1. Alan adı. Webflow'da zaten özel bir etki alanınız varsa, onu yeni barındırıcınıza yönlendirmeniz gerekir.
2. Site özellikleri. WordPress'i kurmanız gerekecek. Bazı Webflow özelliklerini çoğaltmak için profesyonel bir tema ve bazı eklentiler de gerekli olacaktır.
3. Barındırma Bu, web siteniz için her şeyi saklayacağınız yerdir.

Kulağa çok gelebilir ama bunun çok basit bir süreç olduğunu göreceksiniz.

Adım Adım Webflow'dan WordPress'e Geçiş

Geçiş, WordPress ile yeni bir platform oluşturmayı ve ardından içeriği Webflow'dan yeni sitenize taşımayı içerir.

Bunu adım adım nasıl başaracağımızı görelim.

Adım 1. Barındırmayı Alın

Her şeyden önce, her şeyi kuracağınız ve depolayacağınız WordPress barındırmaya ihtiyacınız olacak.

Makul fiyatlarla bir dizi güvenilir plan sağladıkları için Hostinger veya CloudWays kullanmanızı öneririz.

Bu örnek için Cloudways'i kullanacağız.

Ancak, süreç oldukça benzer olacağından Hostinger veya başka bir barındırma sağlayıcısı ile ilgili adımları takip edebilirsiniz.

Cloudways, temelden en gelişmişe kadar çeşitli barındırma seçenekleri sunar. Başlangıç ​​için Digital Ocean temel planının yeterli olacağını düşünüyoruz.

.

Bu plan 1 TB bant genişliği sunar. Webflow'un 39 $/ay iş planının bile sunmadığı bir şey.

Gerekirse her zaman yükseltme yapabilmenize rağmen muhtemelen başlamak için fazlasıyla yeterli.

Adım 2. WordPress'i Kurun

Kaydolduktan sonra, az önce satın aldığınız Cloudways sunucusuna WordPress yüklemeniz gerekecek.

1. Yüklemek istediğiniz uygulama olarak WordPress'i seçin.
2. Müşterilerinizin çoğunun bulunacağı en yakın konumu seçin.

İsterseniz sunucu boyutunu bu noktada artırabilirsiniz.

Aksi takdirde, tüm parametreleri olduğu gibi bırakın ve sunucu kurulumunu ve WordPress kurulumunu tamamlamak için Şimdi Başlat'a tıklayın.

Adım 3. WordPress'i Özelleştirin

Az önce kurduğunuz WordPress kurulumuna gidin ve Erişim Ayrıntıları sekmesinde WordPress yönetici oturum açma kimlik bilgilerinizi bulun.

• Cloudways'in size name.cloudways.com gibi bir alt alan olan geçici bir ücretsiz alan sağladığına dikkat edin.
  • Bu, Webflow ( domain.webflow.io ) tarafından da sağlanan alt etki alanına benzer.

Yukarıdaki URL ve kimlik bilgileri sizi kısmen Webflow'un kontrol paneline benzeyen WordPress yönetim paneline götürecektir.

Şimdi WordPress'i özelleştirme zamanı.

Öncelikle bir temaya ihtiyacınız olacak.

Astra'yı tavsiye ederim. Çok hafif ve hızlıdır ve ihtiyacınız olan her şeye kolayca uyarlanabilir.

WordPress, tasarım kısmı için zaten bir blok düzenleyiciye sahiptir.

Ancak daha güçlü bir şey istiyorsanız, daha fazla blok ve özellik içeren Spectra'yı kurabilirsiniz.

WordPress çok esnektir ve yüzlerce eklenti temasına ve seçeneğine izin verir.

Şimdilik yalnızca tasarıma odaklanmanızı öneriyoruz, böylece taşıma işlemine devam edebiliriz.

4. Adım. Webflow İçeriğini Dışa Aktarın

Artık yeni WordPress platformunuz hazır, onu içerikle doldurmanız gerekiyor.

Webflow panosundan CMS Koleksiyonu bölümüne gidin.

Taşımak istediğiniz içeriği, bizim durumumuzda blog gönderilerini seçin ve Dışa Aktar düğmesine tıklayın.

Seçilen öğeleri içeren bir CSV dosyası alacaksınız.

Sahip olduğunuz herhangi bir koleksiyon için bu adımı tekrarlayabilirsiniz. Ne yazık ki statik sayfalar ve resimler dışa aktarılamaz .

Önemli

Bu noktadan itibaren Webflow'da hiçbir şeyi değiştirmemelisiniz. Daha fazla içerik eklerseniz, içeriği zaten indirdiğimiz için artık WordPress'e aktarılmayacaktır.

Adım 5. İçeriği WordPress'e Aktarın

Şimdi, az önce Webflow'da dışa aktardığınız içeriği WordPress'e aktarmanız gerekecek.

Yalnızca küçük bir dezavantaj vardır: WordPress, CSV dosyalarını yerel olarak içe aktaramaz .

Neyse ki çözüm basit. Tek yapmanız gereken, WP All Import adlı ücretsiz bir eklenti yüklemek.

Bunu WordPress yönetim paneli > Eklentiler > Yeni Ekle'den yapacaksınız.

Eklentiyi bulmak için arama işlevini kullanın, ardından Yükleyin ve Etkinleştirin .

Ardından, kenar çubuğundan WP All Import'u seçin, daha önce indirdiğiniz dosyayı içe aktarın ve ne tür bir içerik olduğunu belirtin.

Bu durumda gönderiler. O sırada indirdiğiniz şeyle değiştirin.

İçe aktarmayı sonlandırmadan önce, hangi içeriğin içe aktarılacağını inceleyebilirsiniz.

En alta kaydırırsanız, resimlerin hala Webflow hesabınıza bağlı olduğunu fark edeceksiniz.

Resimlerin Webflow'dan WordPress'e otomatik olarak aktarılamayacağını unutmayın.

Manuel olarak yapmanız gereken bir işlemdir. Ancak bir sonraki adımda bunu nasıl daha hızlı yapacağınızı göstereceğiz.

Son adımda , içe aktarma şablonunu oluşturmanız gerekir.

Bu, eklentiye bir makalenin hangi bölümünde hangi içeriğin yer alacağını söylemek anlamına gelir.

Sürükleyip bırakarak “isim” içinde bulunan bilgilerin yazı başlığı, “gönderici” içerik olarak vb. kullanılacağını belirtebilirsiniz.

Her şeyi hazırladıktan sonra, en alta kaydırın ve son adıma geçmek için Devam'a tıklayın.

Eklentinin içe aktarılan her öğeye benzersiz bir tanımlayıcı ataması için Otomatik Algıla'yı tıklayın ve tekrar Devam'ı tıklayın.

İçe aktarmayı çalıştırın ve bitirdiniz.

Makaleler, WordPress'in Yazılar sayfasında görünecektir.

Webflow'dan diğer içeriği taşımak için aynı prosedürü kullanın, böylece her şey WordPress'e eklenir.

6. Adım. Resimleri yeniden yükleyin

Webflow, görüntüleri dışa aktarmanıza izin vermiyor.

Kod kullanarak onlara atıfta bulunur, bu nedenle WordPress yayınlarınızda görünürler.

Webflow'da barındırılacaklar ve hesabınızı silerseniz kaybolacaklar.

Bu sorunu verimli bir şekilde çözmek için Resimleri Otomatik Yükle eklentisini şu şekilde kullanabilirsiniz:

• Harici sitelere katıştırılmış resimleri arayarak makalelerinizi tarar.
• Bunları orijinal kaynaktan indirir, WordPress'e yükler ve eski referansı değiştirir.

Görüntüleri Otomatik Yükle, yüklendikten ve etkinleştirildikten sonra kullanımı gerçekten çok kolaydır:

1. Gönderi > Tüm Gönderiler'e gidin.
2. Hepsini seçin .
3. İlk açılır menüde Düzenle'yi seçin.
4. Uygula düğmesine tıklayın.

Görünen düzenleme panelinde her şeyi olduğu gibi bırakın ve sadece Güncelle'yi tıklayın.

Eklenti arka planda çalışacak ve bağlantılı resimler bundan sonra web sitenizde barındırılacaktır.

Adım 7. Etki Alanını Yeniden Yönlendirin

Web siteniz artık tamamen işlevsel. Ancak şu anda yalnızca Cloudways tarafından sağlanan geçici URL üzerinden erişilebilir.

Alan adınız hala Webflow'da yapılan web sitenizi gösteriyor.

Bu sorunu çözmek için iki adımı izlemeniz gerekecek.

İlk olarak, kullanmak istediğiniz alanı Cloudways kontrol paneli paneline ekleyin ve birincil alan yapın .

Ardından sunucunuzun genel IP'sini kopyalayın .

Bunu Cloudways'teki erişim ayrıntıları sekmesinde bulabilirsiniz.

Son olarak , alan adı kayıt kuruluşunuza gitmeniz ve birkaç değeri değiştirmeniz gerekecek. Webflow sunucularına işaret etmek yerine Cloudways'e işaret etmesini istiyoruz.

Bu, 2 yeni kayıt ekleyerek DNS değiştirilerek yapılır.

Bunun Namecheap'te nasıl yapıldığını gösteren aşağıdaki örneğe bakın.

• Rekor:
  • Ana Bilgisayar/Ad: @ veya boş.
  • Değer/Hedef: Az önce kopyaladığınız IP adresi.
  • TTL: Otomatik/Varsayılan.
• CNAME kaydı:
  • Ev sahibi:
  • Değer: alan adınız (örn. nameofyourstore.com)
  • TTL: Varsayılanı bırak

Bu güncellemeyi yaptıktan sonra, değişikliğin yayılması için 48 saate kadar beklemeniz gerekebilir.

Takılırsanız, alan adı kayıt kuruluşunuz veya yeni web barındırıcınız yardımcı olabilir.

Geçişten Sonra Sonraki Adımlar

Taşıma işlemi tamamlandıktan sonra, hızlı bir kontrol gerçekleştirmeli ve web sitenizin bazı yönleri üzerinde manuel olarak çalışmalısınız.

• Sayfaları yeniden oluşturun: Webflow, statik sayfaları dışa aktarmanıza izin vermez. Bunları WordPress'te manuel olarak oluşturmanız gerekecek.

• Gezinme menüsünü yeniden oluşturun: Ve kenar çubuğu veya altbilgi widget'ları gibi diğer öğeler.
• Ekstra eklentiler kurun: İletişim formları oluşturmak, olası satışları yakalamak ve işletmenizin hayati özelliklerini geri kazanmak için diğer her şey için.
• Şimdi eksik olan kodu yeniden yükleyin. Google Analytics veya Meta Pixels'ten gelen kod gibi.

Kontrol altında olduğundan ve Webflow'da herhangi bir içeriği geride bırakmadığınızdan emin olmak için her şeyi test edin .

Bundan emin olduğunuzda, fazladan maliyete maruz kalmamak için Webflow hesabınızı kapatın .

Webflow'dan WordPress SSS'sine Geçiş

Bu kılavuz, bilmeniz gereken her şeyi içerir, ancak yine de sorularınız olabileceğini takdir ediyoruz.

Webflow'dan WordPress'e Geçiş Konusunda Son Düşünceler

Bir web sitesini Webflow'dan WordPress'e taşımak zor değildir.

Seçtiğiniz barındırma üzerinde WordPress ile yeni dijital evinizi oluşturduktan ve tasarımı beğeninize göre ayarladıktan sonra, içeriği bir yerden başka bir yere taşımaktan başka bir şey gelmiyor.

WP All Import, blog gönderilerini veya daha önce Webflow'dan dışa aktardığınız ürünleri içe aktararak yardımcı olacaktır.

Resimlerin dışa aktarılmadığını, orijinal kaynaktan gömüldüğünü unutmayın, bu nedenle bunu çözmek için Resimleri Otomatik Yükle eklentisini kullanmanız gerekecek.

Webflow ve WordPress çok farklı platformlardır ve bu nedenle bazı öğelerin aktarılamaz olması kaçınılmazdır.

Gezinme menüsü, iletişim formları veya tasarımın kendisi Webflow'un temel özellikleridir. Bunları WordPress'te manuel olarak yeniden oluşturmanız gerekecek, ancak bu kolay.

Fazladan bir adım olabilir, ancak bunu yalnızca bir kez yapmanız gerekecek.

Eklentiler ve entegrasyonlar sayesinde sınırsız şekilde genişletilebilen, kullanımı daha kolay ve daha uygun maliyetli bir platformla çalışmaya başlamakta fayda var.

Webflow'dan ayrılmaya karar vermenizin nedenleri nelerdir?

Platformun bir özelliğini WordPress'te nasıl çoğaltacağınızı bilmek ister misiniz?

Aşağıdaki yorumlarda bize bildirin!