Statik Nasıl Barındırılır WordPress Ücretsiz Site (GitHub Sayfalarında, Vercel, Netlify'da)

WordPress Güçlü ve popüler bir içerik yönetim sistemidir ancak dinamik bir yapıya sahiptir. WordPress saha maliyetli olabilir ve sürekli bakım gerektirebilir. Birçok basit web sitesi veya blog için, bir uygulamanın statik sürümü WordPress sitesi mükemmel bir alternatif olabilir. Statik siteler daha hızlıdır, daha güvenlidir ve GitHub Pages, Netlify veya Vercel gibi platformlarda ücretsiz olarak barındırılabilir.

Bu eğitimde, uygulamanızın statik bir sürümünü oluşturma sürecini anlatacağım. WordPress siteyi ücretsiz olarak barındırıyor ve barındırıyoruz. Bu yaklaşım, kullanıcı dostu özelliklerden yararlanmak isteyen yeni başlayanlar için mükemmeldir. WordPress Statik bir sitenin avantajlarından yararlanırken içerik oluşturmaya yönelik arayüz.

İhtiyacınız olan araçlar

Sürece dalmadan önce gerekli tüm araçlara sahip olduğunuzdan emin olalım. Statik sunucunuzu barındırmak için ihtiyaç duyacağınız her şeyin bir listesi WordPress ücretsiz site:

Eğiticiye devam etmeden önce bu araçların kurulu olduğundan ve hesapların kurulduğundan emin olun. Her şeyin hazır olması süreci sorunsuz ve basit hale getirecektir.

1. Adım: Kendinizi Geliştirin WordPress LocalWP'deki site

Başlamadan önce, şunları yapmanız gerekir: WordPress site hazır. Sitenizi henüz oluşturmadıysanız veya şu anda başka bir yerde barındırılıyorsa, sitenizi yerel olarak geliştirmek ve test etmek için LocalWP'yi (eski adıyla Local by Flywheel) kullanmanızı öneririm.

1. LocalWP'yi şuradan ücretsiz indirin ve yükleyin: yerelwp.com.
2. Yeni bir tane oluştur WordPress LocalWP'deki site.
3. Sitenizi tasarlayın, içerik ekleyin ve gerekli eklentileri yükleyin.
4. Sitenizin statik biçiminde tam olarak istediğiniz gibi göründüğünden ve çalıştığından emin olun.

Statik Site Sınırlamalarını Anlamak

Statik iken WordPress Siteler gelişmiş hız, güvenlik ve ücretsiz barındırma seçenekleri gibi avantajlar sunduğundan bunların sınırlamalarının farkında olmak önemlidir. Bazı dinamik özellikler WordPress statik bir ortamda çalışmaz:

1. WordPress Formlar: Geleneksel WordPress sunucu tarafı işlemeye dayanan formlar çalışmaz. Buna iletişim formları, abonelik formları ve diğer etkileşimli formlar dahildir.
2. WordPress Yorumlar: Gerçek zamanlı kullanıcı etkileşimlerine olanak tanıyan dinamik yorum sistemleri statik sitelerde desteklenmez.
3. Yönetici Alanı Erişimi: Herhangi bir bağlantı /wp-admin veya benzeri dahili WordPress rotalar sunucu tarafında işlem gerektirdiğinden çalışmaz.
4. Gerçek Zamanlı İçerik Güncellemeleri: Statik siteler, dinamik sitelerden farklı olarak herhangi bir içerik değişikliğinin görünmesi için yenilenme ve yeniden konuşlandırma gerektirir WordPress değişikliklerin anında gerçekleştiği siteler.
5. Kullanıcı doğrulama: Kullanıcı oturum açma bilgilerini veya üyeliklerini gerektiren özellikler, temel statik site kurulumunda desteklenmez.
6. E-ticaret İşlevselliği: Dinamik alışveriş sepetleri ve ödeme işlemleri genellikle statik bir ortamda çalışmaz.
7. Arama İşlevi: WordPressAlternatifler uygulanabilse de yerleşik arama özelliği çalışmaz (Simply Static Pro özelliklerinde belirtildiği gibi).
8. Dinamik Kenar Çubukları ve Widget'lar: Gerçek zamanlı verileri çeken veya sunucu tarafında işlem gerektiren widget'lar beklendiği gibi çalışmaz.

Olası Geçici Çözümler

Bu sınırlamalar mevcut olsa da bazılarını hafifletmenin yolları vardır:

• Formlar için Formspree veya Netlify Forms gibi üçüncü taraf hizmetleri kullanabilirsiniz.
• Yorumlar Disqus veya Facebook Comments gibi hizmetler aracılığıyla işlenebilir.
• Arama işlevi, Lunr.js veya Algolia (Simply Static Pro'da sunulduğu gibi) gibi istemci tarafı çözümler kullanılarak uygulanabilir.
• E-ticaret için Snipcart veya Gumroad gibi harici hizmetleri kullanmayı düşünün.

Kendinizi geliştirirken WordPress sitenizi kurarken bu sınırlamaları aklınızda bulundurun ve site yapınızı ve özelliklerinizi buna göre planlayın. İçerik odaklı sayfalara odaklanın ve statik bir ortama dönüşmeyecek dinamik özelliklere olan bağımlılığı en aza indirin.

Adım 2: Simply Static'i Kurun ve Yapılandırın

Simply Static ücretsizdir WordPress fişe takmak bu sizin statik bir versiyonunuzu oluşturur WordPress alan. Bunu nasıl ayarlayacağınız aşağıda açıklanmıştır:

1. Cihazınızda WordPress Kontrol panelinde Eklentiler > Yeni Ekle'ye gidin.
2. “Simply Static” ifadesini arayın, eklentiyi yükleyin ve eklentiyi etkinleştirin.
3. Basitçe Statik > Ayarlar'a gidin. WordPress gösterge panosu.
4. “Genel” sekmesi altında aşağıdakileri ayarlayın:
   • Hedef URL'ler: "Çevrimdışı kullanım için kaydet"i seçin. Zaten özel bir alan adınız varsa aşağıdaki ekran görüntüsüne göre “Mutlak URL'ler”i seçin:

5. Yerel Dizin: Bunu, bulunduğunuz yerin dışındaki bir dizine ayarlayın. WordPress kurulum, örneğin, /Users/yourusername/Documents/StaticSite

6. "Dahil Et/Hariç Tut" sekmesi altında gerekli tüm URL'lerin eklendiğinden emin olun.
   • Çoğu durumda /wp-content/ ve /wp-includes/ kullanın

7. Ayarlarınızı kaydedin.

Ayrıca, var SimplyStatic'in pro sürümü, İşte Simply Static eklentisinin profesyonel özelliklerinin bir özeti:

1. Gelişmiş Dağıtım:
   • Statik siteleri SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces ve BunnyCDN dahil olmak üzere birden fazla platforma dağıtın.
2. Kolay Site Güncellemeleri:
   • Tek gönderiler, toplu güncellemeler veya belirli URL'ler için içerik güncellemelerini verimli bir şekilde yönetin.
3. Formlar ve Yorumlar Entegrasyonu:
   • Contact Form 7, Gravity Forms ve Elementor Forms gibi popüler eklentilerdeki formları statik sitenize sorunsuz bir şekilde entegre edin.
4. Arama İşlevselliği:
   • Fuse.js'yi kullanarak temel aramayı uygulayın veya Algolia ile daha kapsamlı bir arama deneyimine yükseltin.
5. WP-CLI Desteği:
   • Simply Static özelliklerini doğrudan komut satırından yapılandırmak, dışa aktarmak ve yönetmek için WP-CLI'yi kullanın.
6. Çok Dilli Destek:
   • WPML, Polylang ve TranslatePress entegrasyonlarıyla birden fazla dilde içerik sunun.
7. küçültme:
   • CSS, JavaScript ve statik HTML dosyalarını küçülterek site performansını optimize edin.
8. WordPress Gizleme:
   • Varsayılanı değiştir WordPress gerçeğini gizlemenin yolları WordPress içerik yönetim sistemi olarak kullanılmaktadır.

Bu profesyonel özellikler, statik sistemin işlevselliğini ve esnekliğini önemli ölçüde artırır. WordPress daha gelişmiş dağıtımlara, daha iyi performansa ve gelişmiş kullanıcı deneyimine olanak tanır.

3. Adım: Git Deposunu Başlatın

Artık statik site oluşturucumuzu kurduğumuza göre, yerel dizinimizi sürüm kontrolü için hazırlayalım:

1. Bir terminal veya komut istemi açın.
2. Simply Static'te belirttiğiniz dizine gidin (örn. cd /Users/yourusername/Documents/StaticSite).
3. Aşağıdakileri çalıştırarak yeni bir Git deposu başlatın:

   git init

Adım 4: GitHub Deposu Oluşturun

Depomuzu oluşturmak ve yönetmek için GitHub Desktop'ı kullanacağız:

1. GitHub Desktop'ı şuradan indirip yükleyin: masaüstü.github.com eğer sen yapmadıysan.
2. GitHub Masaüstünü açın ve GitHub hesabınızda oturum açın.
3. “Dosya” > “Yeni Depo”ya tıklayın veya “Sabit sürücünüzde Yeni Depo Oluştur” düğmesini kullanın.
4. Aşağıdakileri ayarlayın:
   • Ad: Deponuz için bir ad seçin (örneğin, “my-static-wordpress”)
   • Yerel Yol: Bunu Simply Static'te belirttiğiniz dizine ayarlayın.
   • Bu depoyu README ile başlatın: İşaretlenmemiş olarak bırakın
   • Git yoksay: “Hiçbiri”ni seçin (3. adımda kendimizinkini oluşturduk)
   • Lisans: Uygun bir lisans seçin veya "Yok" olarak bırakın
5. “Depo Oluştur”a tıklayın

Adım 5: Depoyu Teslim Edin

Artık repository'mizi kurduğumuza göre ilk commit'imizi yapalım:

1. GitHub Desktop'ta, statik sitenizdeki tüm dosyaların değişiklik olarak listelendiğini görmelisiniz.
2. Taahhüdünüz için bir özet girin (örneğin, "Statik site dosyalarının ilk taahhüdü").
3. “Anaya Kabul Et”e (veya eski sürümlerde “Anaya Kabul Et”e) tıklayın.
4. Yerel deponuzu GitHub'a göndermek için “Depoyu yayınla”ya tıklayın.

6. Adım: Basit Statik Dışa Aktarma işlemini çalıştırın

Şimdi statik sitemizi oluşturmanın zamanı geldi:

1. Lütfen geri dön WordPress gösterge panosu.
2. Basit Statik > Oluştur'a gidin. (Yalnızca yerel bir dizine dağıtım yaptığınız için Tanılama hatası uyarısını göz ardı edebilirsiniz).
3. “Statik Dosyalar Oluştur”a tıklayın.
4. İşlemin tamamlanmasını bekleyin. Bu, sitenizin boyutuna bağlı olarak birkaç dakika sürebilir.
5. Tamamlandığında GitHub Masaüstüne geri dönün.
6. Yeni oluşturulan veya güncellenen dosyaların değişiklik olarak listelendiğini görmelisiniz.
7. Bu değişiklikleri “Statik site dosyalarını güncelle” gibi bir mesajla gerçekleştirin.
8. "Push Origin" seçeneğine tıklayarak değişiklikleri GitHub'a aktarın.

Adım 7: Depoyu bir Barındırma Platformuna Bağlayın

Artık statik sitemiz GitHub'da olduğuna göre, onu kolayca ücretsiz bir barındırma platformuna bağlayabiliriz. GitHub Pages, Netlify ve Vercel için talimatlar vereceğim:

GitHub Sayfaları

1. GitHub.com'daki deponuza gidin.
2. Sol kenar çubuğunda “Ayarlar” > “Sayfalar”ı tıklayın.
3. “Kaynak”ın altında “Şubeden dağıt”ı seçin.
4. Dağıtmak istediğiniz şubeyi seçin (genellikle "ana" veya "ana").
5. Kök klasörü (/) seçin ve “Kaydet”e tıklayın.
6. Siteniz şu adreste yayında olacak: https://yourusername.github.io/repository-name/.

netleştir

1. Adresinden ücretsiz bir hesap için kaydolun netlify.com.
2. Netlify kontrol panelinizde "Git'ten yeni site"ye tıklayın.
3. Git sağlayıcınız olarak GitHub'u seçin ve Netlify'ı yetkilendirin.
4. Listeden deponuzu seçin.
5. Derleme komutunu ve yayınlama dizinini boş bırakın.
6. “Siteyi dağıt”a tıklayın.
7. Siteniz, site ayarlarında özelleştirebileceğiniz bir Netlify alt alan adında yayınlanacaktır.

vercel

1. Adresinden ücretsiz bir hesap için kaydolun vercel.com.
2. Vercel kontrol panelinizde “Yeni Proje”ye tıklayın.
3. GitHub deponuzu içe aktarın.
4. Derleme ayarlarını olduğu gibi bırakın (Vercel bunun statik bir site olduğunu otomatik olarak algılamalıdır).
5. "Dağıt"a tıklayın.
6. Siteniz, proje ayarlarında özelleştirebileceğiniz bir Vercel alt alan adında yayında olacaktır.

ÖZET

Tebrikler! Artık statik bir sürümünüz var WordPress barındırılan site ücretsiz. Bilgisayarınızda değişiklik yaptığınızda statik dosyalarınızı yeniden oluşturmayı ve aktarmayı unutmayın. WordPress alan. Bu iş akışı kolaylığının keyfini çıkarmanızı sağlar WordPress Statik bir sitenin hızından, güvenliğinden ve ücretsiz barındırılmasından yararlanırken içerik oluşturmak için.

Bazı ek ipuçları:

• Daha profesyonel bir görünüm için özel bir alan adı oluşturmayı düşünün.
• Düzenli olarak güncelleyin WordPress En son özellikler ve güvenlik güncellemeleriyle çalıştığınızdan emin olmak için kurulum ve eklentiler.
• Gelişmiş özelliklerini keşfedin Simply Static'in Pro sürümüsaklanmak gibi WordPress ve statik siteniz için formları veya arama işlevlerini ayarlama.